/*
Theme Name: simply
Theme URI: https://wordpress.org/themes/twentysixteen/
Template: twentysixteen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Tags: one-column,two-columns,right-sidebar,accessibility-ready,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-images,flexible-header,microformats,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog,block-patterns
Version: 3.4.1735898381
Updated: 2025-01-03 09:59:41

*/
.post-thumbnail {
    margin-bottom: 2.625em;
    display: none;
  }

.t {color: #9bb2ce;}
.tt {color:#00568c;}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-summary h1, .entry-summary h2, .entry-summary h3, .entry-summary h4, .entry-summary h5, .entry-summary h6, .comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6, .textwidget h1, .textwidget h2, .textwidget h3, .textwidget h4, .textwidget h5, .textwidget h6 {
    font-weight: 700;
}

a {
    color: #165788;
}
a:hover, a:focus, a:active {
    color: #9bb2ce;
}

.site-info a:hover, .site-info a:focus {
    color: #9bb2ce;
}
.posun { line-height: 28px;}

.nasezn { margin-top: 5px !important; margin-bottom: 5px !important;}
.light { font-weight: 100 !important;}
.dolu60 {margin-bottom: 60px !important;}
.dolu80 {margin-bottom: 80px !important; }
.dolu100 {margin-bottom: 100px !important; }
.dolu120 {margin-bottom: 120px !important;}
.nahoru5 {margin-top: 5px !important;}
.nahoru7 {margin-top: 7px !important;}
.nahoru10 {margin-top: 10px !important;}
.nahoru20 {margin-top: 20px !important;}
.nahoru40 {margin-top: 40px !important;}
.nahoru60 {margin-top: 60px !important;}
.nahoru80 {margin-top: 80px !important;}
.nahoru100 {margin-top: 100px !important;}
.nahoru120 {margin-top: 120px !important;}
.nahoru140 {margin-top: 140px !important;}
.nahoru160 {margin-top: 160px !important;}
.nahoru180 {margin-top: 180px !important;}

.eshop { background-color: #9bb2ce;}
.primary-menu .eshop a:hover { color: #165788 !important;}
.primary-menu .eshop a { color: #fff !important;}
.vlajka { top: -4px;}
.dolu80 {margin-bottom: 80px !important;}
    .stuj {
        position: fixed;
        z-index: 999;
        width: 100%;
        background-color: #fff;
    }

body, button, input, select, textarea {
    color: #000;
    font-family: "Red Hat Display", serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.2;
}

.banner { padding-top: 74px;}
.cookies { padding-top: 220px;}
.o_nas { padding-top: 0px;}
.kariera { padding-top: 250px;}
.o_nas2 { padding-top: 190px;}
.portfolio { padding-top: 220px;}

.main-navigation {
    font-family: "Red Hat Display", serif;
}

body:not(.custom-background-image):before,
body:not(.custom-background-image):after {
    background: inherit;
    content: "";
    display: block;
    height: 0px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 99;
}

h1, h2 { color: #00568c; }
h1,h2 { font-size: 33px !important;}

.archiv_b { background-color: #9bb2ce !important; color: #fff !important; display: block; height: 100%; font-size: 33px; text-align: center; padding-top: 205px; }


.site {
    margin: 0px;
}
.site-header {
    padding: 1em 0% 0em 0% !important;
}


.site-inner {
    margin: 0 auto;
    max-width: 100%;
    position: relative;
}
.site-inner-1320 {
    margin: 0 auto;
    max-width: 1320px;
    position: relative;
}

.site-header-main {
	display: block;
    margin: 0 auto;
    max-width: 1320px;
}


.main-navigation a {
    color: #fff;
}
.main-navigation a:hover {
    color: #b1adad;
}
.main-navigation .primary-menu {
    border-bottom: none !important; 
    display: flex;
    justify-content: flex-end;
    text-transform: uppercase;
     /* align-items: center; */
}

.button-wrapper {
    text-align: center; /* Zarovná tlačítko na střed stránky */
    margin-top: 20px; /* Přidá odsazení od horní části stránky */
}
.vice {
    display: inline-block; /* Umožňuje použít vlastnosti jako padding */
    background-color: #00568c; /* Modrá barva pozadí */
    color: white; /* Barva textu */
    padding: 8px 25px; /* Vnitřní okraje tlačítka */
    text-decoration: none; /* Odstraní podtržení odkazu */
    border-radius: 25px; /* Kulaté rohy */
    font-size: 16px; /* Velikost textu */
    transition: background-color 0.3s; /* Plynulý efekt při najetí myší */
}

.main-navigation
{ z-index: 999;}

img.sublogo { max-width: 300px; float: right; }
.custom-logo { float: left;}
.amazingslider-nav-1,.amazingslider-nav-9  {top: 92% !important;}
.cisla {
background-color: #90acc8;
color:#fff

}
.mapa {
    background-image: url(/images/mapa_export.png);
    background-position: 300px 200px;
    background-repeat: no-repeat;
    position: relative;
    background-size: 822px;

}

.mapa.expanded {
    background-color: rgba(255, 255, 255, 0.8); /* Poloprůhledná vrstva */
    background-blend-mode: screen; /* Zesvětlení pozadí */
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.celema {
    min-height: 800px;
    max-width: 1320px;
    margin: 0 auto;
    position: relative;}

.container-cisla {
    display: flex; /* Používáme flexbox */
    justify-content: center; /* Zarovná všechno na střed horizontálně */
    align-items: center; /* Zarovná všechny položky na střed vertikálně */
    gap: 20px; /* Mezera mezi položkami (volitelné) */
}

/* Každý flex-item bude mít stejnou šířku */
.flex-item {
    width: 25%; /* Každý flex item bude mít 25% šířky kontejneru */
    padding: 20px;
    text-align: center; /* Text bude zarovnaný na střed */
    box-sizing: border-box; /* Zajistí, že padding neovlivní šířku */
}
a.flex-item { display: block; text-decoration: none;width: 25%;}
.flex-item.vse a p, .flex-item.vse a { text-decoration: none !important; box-shadow: none !important; color: inherit;} 
.flex-item.vse .odsadP a {     box-shadow: 0 1px 0 0 currentColor !important; color: #165788;} 
.flex-item.vse .odsadP a:hover {box-shadow: none !important; color: #9bb2ce; }
.number {
    font-size: 2em; /* Zvětšíme číslo */
    font-weight: bold; /* Nastavíme tučné písmo */
}
.container-cisla p { margin: 0 0 0;}
.container-video { display: flex; justify-content: center; align-items: center; margin: 80px auto; }

.radekp { line-height: 16px;}

.container-produkt {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Dvě sloupce, každý zabírá polovinu */
    grid-template-areas: 
        "ban box-container";
    gap: 10px; /* Mezera mezi bloky */
    margin: 0 auto; /* Zarovnání kontejneru na střed */
    position: relative;
    transition: grid-template-columns 0.5s ease; /* Hladká změna rozvržení */
    height: 367px;
    margin-bottom: 30px;
}

.container-produkt.full-width {
    grid-template-columns: 1fr; /* Jeden sloupec přes celou šířku */
    grid-template-areas: 
        "box-container";
        
}

.container-produkt .ban {
    grid-area: ban;
    height: auto; /* Zabere automaticky výšku oblasti */
    transition: opacity 0.5s ease;
    opacity: 1;
    visibility: visible;
}

.container-produkt .ban img {
/*box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 -4px 6px rgba(0, 0, 0, 0.1);*/
border: 1px solid #165788
}
.container-produkt.full-width .ban {
    opacity: 0; /* Baner zmizí */
    visibility: hidden;
}

.container-produkt.full-width .box-container {
    width: 100%; /* Přes celou šířku */
}


.container-produkt .box-container {
    grid-area: box-container;
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Zobrazíme 2 boxy na řadu */
    gap: 10px; /* Mezera mezi boxy */
    overflow: hidden; /* Skrýt boxy, které jsou mimo zobrazenou oblast */
    transition: transform 0.3s ease-in-out; /* Hladký posun */
    width: 100%; /* Zajistí, že kontejner bude mít správnou šířku */
    display: flex;
    min-height: 367px;
}

.container-produkt .box {
    display: flex;
    flex-direction: column; /* Rozmístění vertikálně (obrázek nahoře, text pod ním) */
    justify-content: center; /* Zarovná obsah na začátek */
    align-items: center; /* Horizontální centrování */
    padding: 0 10px;
    text-align: center; /* Zarovnání textu na střed */
    width: 50%;
}

.container-produkt .box img {
    max-height: 180px; /* Výška bude automaticky přizpůsobena proporcím */
    width: auto;
}

.container-produkt .box p {
    margin: 0 0 0;
    font-size: 14px;
}

.container-produkt .box .text-block {
    margin-top: 10px; /* Trochu mezery mezi texty */
}

.container-produkt .box:not(.active) {
    display: none;
}

.container-produkt a:hover, .container-produkt a { color: inherit; text-decoration: none !important;     box-shadow: none !important; }
.nextBoxBtn {
    position: absolute;
    top: 50%;
    right: -50px;
    transform: translateY(-50%);
    font-size: 1.5em;
    color: #000;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 10px;
    cursor: pointer;
    z-index: 10;
   /* width: 40px;
    height: 80px;*/
    color: #165788;
    font-weight: lighter;
}
.container-produkt button:hover, .container-produkt button:focus{ background-color: transparent !important; }
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
    outline: none !important;
    outline-offset: -4px;
}
.ban.hidden {
    display: none;
}

.container-produkt .aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 0em;
}






.container-produkt .aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 0em;
}
.clear { clear: both;}

.container-vice {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 10px; /* Mezera mezi bloky */
    margin: 0 auto; /* Zarovnání kontejneru na střed */
    padding: 20px; /* Přidání vnitřního odsazení */
}

.container-vice .flex-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #f9f9f9;
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    height: 100%; /* Stejná výška pro všechny bloky */
    min-width: 300px; /* Minimální šířka bloků */
}

.container-vice .flex-item .text-block {
    flex-grow: 1; /* Zabere zbylé místo */
    display: flex;
    align-items: flex-start; /* Zarovnání textu nahoře */
    text-align: left;
    min-height: 150px; /* Minimální výška textového bloku */
}
.container-vice .flex-item img {
    width: 100%;
    height: 175px; /* Pevná výška obrázků */
    object-fit: cover;
}

.container-vice .flex-item .ar img {
    width: revert-layer;
   /* height: auto;  Pevná výška obrázků */
   height: 174px;
    object-fit: cover; 
}

.container-vice .flex-item .blue {
    font-size: 18px;
    font-weight: bold;
    color: #00568c;
    margin-bottom: 10px;
}


.container-vice .flex-item a {
  
    text-decoration: none;
    font-weight: 400;
}

.container-footer {
    display: flex;
    justify-content: space-between; /* Rozdělí prostor mezi divy */
    align-items: center; /* Zarovná divy na střed vertikálně */
    color: #fff;
    padding-top: 50px;
}

.container-footer .left {
    text-align: left;
}

.container-footer .right {
    text-align: right;
}

.container-onas {
    max-width: 1000px;
    margin: 0 auto; /* Vycentrování na stránce */
    display: flex; /* Flexbox pro vedle sebe umístěné prvky */
    align-items: flex-end; /* Zarovnání obsahu dolů */
    gap: 0; /* Mezery mezi prvky */
}

/* Video */
.onas-video {
    position: relative; /* Nutné pro správnou pozici tlačítka Play */
    flex: 2; /* Zabírá stejný prostor jako ARCHIV */
    display: flex; /* Flexbox pro vertikální zarovnání */
    align-items: flex-end; /* Zarovnání videa dolů */
    height: 400px;
}

.onas-video img.aligncenter {margin: 0px;}
.onas-video video {
    width: 100%; /* Video se přizpůsobí šířce rodiče */
    height: auto; /* Zachování poměru stran */
}

/* Tlačítko Play */
.container-onas .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    color: white;
    background-color: rgba(0, 0, 0, 0.5); /* Poloprůhledné pozadí */
    border-radius: 50%;
    cursor: pointer;
    display: none; /* Skryté, pokud video běží */
}

/* ARCHIV */
.onas-archiv {
    flex: 1; /* Zabírá stejný prostor jako video */
    display: flex;
    align-items: flex-end; /* Zarovnání dolů */
    justify-content: center; /* Zarovnání textu na střed */
    background-color: #90acc8; /* Barva pozadí */
}

.container-onas .box {
    text-align: center;
    font-weight: bold;
    padding: 0; /* Odstranění vnitřního odsazení */
    width: 100%; /* Šířka boxu odpovídá rodiči */
    height: 200px; /* Poloviční výška oproti videu, minus mezera */
    display: flex;
    align-items: center; /* Vertikální zarovnání textu */
    justify-content: center; /* Horizontální zarovnání textu */
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); /* Jemný stín */
    color: #fff;
}

.container-onas .box h2 { margin-bottom: 0px; color: #fff;}
.container-onas .box a { text-decoration: none !important;color: #fff; border-bottom: none; box-shadow: none; font-size: 40px; font-weight: 100;}

.container-onas embed, .container-onas iframe, .container-onas object, .container-onas video {
    margin-bottom: 0em;
    max-width: 100%;
    vertical-align: middle;
}

.container-onas2 {
    max-width: 1000px;
    margin: 0 auto; 
    display: flex; /* Flexbox pro uspořádání divů vedle sebe */
    gap: 0px; /* Mezery mezi divy (nastaveno na 2 jednotky, pokud chcete přesně 2 rem, můžete nastavit gap: 2rem) */
    margin-bottom: 50px;
}

.container-onas2 .div1, .container-onas2 .div2, .container-onas2 .div3 {
    flex: 1; /* Každý div zabírá stejný prostor */
    padding: 20px 0px;
    position: relative;
    text-align: justify;

}
.container-onas2 .div1 .text, .container-onas2 .div1 .p {
    padding-right: 20px;
}
.container-onas2 .div2 .text, .container-onas2 .div2 p {
    padding-right: 20px;
    padding-left: 20px
}
.container-onas2 .div3 .text, .container-onas2 .div3 p {
    padding-left: 20px
}
.container-onas2 .text { min-height: 211px;}
.container-onas2 .nadpis { margin-bottom: 5px; color: #00568c; font-weight: 800; display: block;}


.container-spolecnost {
    max-width: 900px;
    margin: 0 auto;  /* Vycentrování na stránce */
    display: flex; /* Flexbox pro vedle sebe umístěné prvky */
    gap: 0; /* Mezery mezi prvky */
    flex-direction:column
}
.container-spolecnost p { text-align: justify;}

.container-spolecnost .container-obr {
    display: flex;
    width: 100%;
}

.container-spolecnost .image-div {
    flex: 0 0 auto; /* Šířka pouze na základě obsahu obrázku */
    max-width: 300px; /* Nastavení maximální šířky obrázku */
    margin-right: 10px; /* Mezera mezi obrázkem a textem */
}
.container-spolecnost .image-divP {
    flex: 0 0 auto; /* Šířka pouze na základě obsahu obrázku */
    max-width: 300px; /* Nastavení maximální šířky obrázku */
    margin-left: 10px; /* Mezera mezi obrázkem a textem */
}

.container-spolecnost .image-div img {
    max-width: 100%;
    height: auto; /* Zachování poměru stran obrázku */
    display: block;
}

.container-spolecnost .content-div {
    flex: 1; /* Zbytek prostoru */
    padding: 10px; /* Odsazení textu */
}


.div1::after, .div2::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px; /* Šířka čáry */
    background-color: #00568c; /* Barva čáry */
}

.div1::after {
    left: 100%; /* Umístění čáry napravo od divu 1 */
}

.div2::after {
    left: 100%; /* Umístění čáry napravo od divu 2 */
}

/* Kontejner mapa */
.container-mapa, .container-podmapa {
    display: flex; /* Flexbox pro umístění divů vedle sebe */
    justify-content: space-between; /* Rovnoměrné rozmístění divů */
    gap: 10px; /* Mezery mezi divy */
    margin: 0 auto; /* Vycentrování kontejneru na stránce */
    align-items: stretch; /* Všechny divy budou mít stejnou výšku */
}

/* Divy */
.container-mapa .box1, .container-podmapa .box1 {
    flex: 2; /* Všechny divy mají stejnou šířku */
    text-align: left; /* Zarovnání textu na střed */
    align-items: center; /* Vertikální zarovnání textu */
    font-size: 16px;

}
.container-mapa .box2 ,.container-podmapa .box2 {
    flex: 1; /* Všechny divy mají stejnou šířku */
    text-align: center; /* Zarovnání textu na střed */
    padding: 20px; /* Vnitřní odsazení */
    background-color: #90acc8; /* Světle šedé pozadí */

    color: #fff;
    align-items: center; /* Vertikální zarovnání textu */
    text-align: center;
    display: grid;
    height: 156px;
}

.container-podmapa .box2
{ background-color: #165788;}
.container-podmapa .box2 .boxText {
    font-size: 14px;
    font-weight: 100;
    line-height: 38px;
}
.container-mapa .box2 .boxText , .container-podmapa .box2 .boxText { font-size: 14px; font-weight: 100;}
.container-mapa .box2 p, .container-podmapa .box2 p { font-size:40px; margin: 0 0 0em; line-height: 30px; }
.container-mapa2 {
    display: flex; /* Flexbox pro umístění divů vedle sebe */
    justify-content: space-between; /* Rovnoměrné rozmístění divů */
    gap: 10px; /* Mezery mezi divy */
    margin: 0 auto; /* Vycentrování kontejneru na stránce */
    align-items: stretch; /* Všechny divy budou mít stejnou výšku */
}

.mapa .box1 .dolu { margin-top: 45px;}

.mapa .bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px;
}

.mapa .box {
    background-color: #c3d3df;
    text-align: center;
    padding: 47px;
    font-weight: bold;
    color: #165788;
    align-items: center;
    width: 242px;
    float: right;
    height: 156px;
}

.rucebox .box1{
    background-color: #90acc8;
    text-align: center;
    padding: 20px;
    font-weight: bold;
    color: #165788;
    align-items: center;
}

.container-kariera { display: flex; justify-content: space-between; align-items: center;  } 
.container-kariera .block { flex: 1; margin: 0px; display: flex; justify-content: center; align-items: center; }
.container-kariera .block-content { display: flex; flex-direction: column; justify-content: center; }
.container-kariera .block-content h2 { margin-bottom: 20px;}
.container-kariera .block-content p {
    margin: 0 0 10px;
}

.container-kariera .aligncenter { margin: 0px;}
.zamestnanci .container { display: flex; justify-content: center; align-items: center; } 
.zamestnanci .image-wrapper { position: relative; cursor: pointer; } 
.zamestnanci .image-wrapper img { transition: filter 0.3s ease; } 
.zamestnanci .image-wrapper img.inactive { filter: brightness(0.5); } 
.zamestnanci .text { display: none; margin-top: 0px; } 

.zamestnanci .text.active { display: block; }
.zam { font-size: 18px; font-weight: 800;}
.zamestnanci p { margin: 0 0 10px;}
.pl20 { padding-left: 20px}
.pl40 { padding-left: 40px}
.pl60 { padding-left: 60px}

.pr20 { padding-right: 20px}
.pr40 { padding-right: 40px}
.pr60 { padding-right: 60px}

.punta { max-width: 100px; height: auto; float: right; margin-bottom: 25px;}

/* Obecné nastavení pro kontejner */
.rucebox {
    position: relative;
    display: flex;
    justify-content: flex-end; /* Zarovnání obsahu napravo */
    align-items: flex-end; /* Zarovnání textu ke spodní hraně */
}

/* Text před divy */
.rucebox .bottom-text {
    bottom: 0;
    right: 20px;
    font-size: 1rem;
    color: #333;
}

.rucebox p.bottom-text {margin: 0 10px 0 0; text-align: justify; font-size: 16px;}

/* Wrapper pro boxy */
.rucebox .boxes  {
    display: flex;
    justify-content: flex-end; /* Zarovná boxy doprava */
    align-items: flex-end;
}
.f13 { font-size: 13px;}

/* Společný styl pro boxy */
.rucebox .boxx {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0;
    background-color: #c3d3df;
    text-align: center;
    font-weight: bold;
    color: #165788;
}

/* První box (poloviční výška) */
.rucebox .small-box {
    width: 242px;
    padding: 20px;
    height: 156px;
}

/* Druhý box (dvojnásobná výška) */
.rucebox .large-box {

   max-width: 500px;
}



.clickable-block {
    display: block;
    text-decoration: none; /* Zruší podtržení */
    color: inherit; /* Zachová původní barvu textu */
}

.clickable-block:hover {
    cursor: pointer; /* Změní kurzor na ukazatel */
}


.container-kvalita {
    width: 900px; /* Šířka hlavního divu */
    margin: 0 auto; /* Vycentrování na střed stránky */
    display: flex; /* Aktivace flexboxu */
    justify-content: space-between; /* Rovnoměrné rozmístění */
}

.container-kvalita .image-box {
    flex: 1; /* Všechny divy budou mít stejnou šířku */
    margin: 0 5px; /* Vytvoří mezeru mezi divy */
    overflow: hidden; /* Skryje přetékající obsah */
}

.container-kvalita .image-box img {
    width: 100%; /* Obrázky se přizpůsobí šířce rodičovského divu */
    height: auto; /* Zachová poměr stran */
}

.fr{ float: right;}
.mapa .box .boxText, .rucebox .small-box .boxText{ font-size: 14px; font-weight: 400; }
.mapa .box p, .rucebox .small-box p{ font-size:40px; margin: 0 0 0em; line-height: 30px; }


.hidden-text {
    display: none;
}

a:focus { outline: none !important;}
#toggleText:checked + .hidden-text {
    display: block;
}
.skrytytext {
    text-align: center;
}
.d50 { float: left; width: 50%;}
.d60 { float: left; width: 60%;}
.d40 { float: left; width: 40%;}
.skrytytext strong { color: #00568c;}

.container-kontakt .box1 a { color: #fff;}
.container-kontakt .box1 a:hover { color: #165788;     box-shadow: 0 1px 0 0 currentColor;} 
.container-kontakt .box2 a:hover { box-shadow: 0 1px 0 0 currentColor;} 
.blue { color: #165788;}
.TextLeft { text-align: left !important;}
.TextCenter { text-align: center !important;}
.TextRight { text-align: right !important;}
.pbez{ margin: 0 0 0;}
p.odsadP { margin: 30px 10px 10px 0px !important;}
p.odsadPP { margin: 0px 10px !important;}
.male { font-size: 12px;}
.in { width: 30px; height: auto; margin-bottom: 5px;} 

.product-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}
/* Wrapper pro slider */
.slider-wrapper {
    position: relative;
    width: 100%; /* Šířka podle potřeby */
    overflow: hidden; /* Skrytí přetékajícího obsahu */
    margin: 0 auto; /* Zarovnání slideru na střed */
}

/* Kontejner pro slider s maximální šířkou */
.slider-container {
    width: 1320px; /* Fixní šířka slideru */
    margin: 0 auto; /* Zarovnání na střed */
    overflow: hidden; /* Skrytí přetékajícího obsahu slideru */
}

/* Flexbox pro slider */
.slider {
    display: flex;
    transition: transform 0.5s ease-in-out;
    scroll-snap-type: x mandatory; /* Snapnutí na jednotlivé položky */
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden; /* Povolení horizontálního posouvání */
}

/* Každý slider item */
.slider-item {
    width: 20%; /* Každý produkt má 20% šířky (5 produktů na jednu obrazovku) */
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
     flex: 0 0 auto;
     scroll-snap-align: start; /* Snapnutí na začátek položky */
}

.slider-item img {
    width: revert-layer;
    height: auto;
    margin-bottom: 10px;
}

.slider-kvalita {
    display: flex;
    transition: transform 0.5s ease-in-out;
}
.slider-kvalita  .slider-item img {
  
    max-height: 75px;
    margin-bottom: 0px;
    width: auto;
    margin:0 30px;
   
}


.slider-kvalita .slider-item {
   
    padding: 0 0px;
    box-sizing: border-box;
    text-align: center;
     flex: 0 0 auto;
     width: auto;
}

/* Popis produktu */
.product-description {
    font-size: 14px;
    margin: 10px 0;
    color: #00568c;
    font-weight: bold;
    min-height: 0px;  
}

.product-link {

    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}

/* Šipky umístěné na okraji obrazovky, mimo 1320px */
.slider-prev, .slider-next {
    position: absolute;
    top: 50%;
    transform: translateY(-62%); /* Uprostřed vertikálně */
    font-size: 1.5em; /* Velikost šipek */
    color: #000; /* Barva šipek */
    background-color: rgba(255, 255, 255, 1);  /*Polotransparentní pozadí */
    padding: 10px;
    cursor: pointer;
    z-index: 10;
    width: 40px; /* Nastavení šířky pro šipky */
    height: 80px; /* Nastavení výšky pro šipky */
    color: #165788;
    font-weight: lighter;
}
.slider-wrapper button.slider-next:hover,.slider-wrapper button.slider-prev:hover {background-color: white;}

.slider-wrapper button:hover, .slider-wrapper button:focus, .slider-wrapper input[type="button"]:hover, .slider-wrapper input[type="button"]:focus, .slider-wrapper input[type="reset"]:hover, .slider-wrapper input[type="reset"]:focus, .slider-wrapper input[type="submit"]:hover, .slider-wrapper input[type="submit"]:focus {
    background: white;
}

/* Levá šipka umístěná mimo slider (na levém okraji stránky) */
.slider-prev {
    left: -13px; /* Posuneme šipku mimo slider */
}

/* Pravá šipka umístěná mimo slider (na pravém okraji stránky) */
.slider-next {
    right: -13px; /* Posuneme šipku mimo slider */
}


.toppos {
    margin-top: 180px;
}
.container-kontakt {
    display: flex;
    justify-content: space-between; /* Mezera mezi boxy */
    align-items: center; /* Vertikální zarovnání na střed */
    width: 100%; /* Boxy budou široké přes celou stránku */
    padding: 0 0px; /* Vnitřní odsazení */
}

.container-kontakt .box {
    display: flex;
    justify-content: center; /* Horizontální zarovnání textu na střed */
    align-items: center; /* Vertikální zarovnání textu na střed */
    width: 48%; /* Každý box zabírá 48% šířky kontejneru */
    height: 100%; /* Vyplní celou výšku kontejneru */
    text-align: center; /* Zarovná text uvnitř boxu */
    padding: 60px 20px;
}

.container-kontakt .box1 {
    background-color: #90acc8;
    color: #fff;
}

.container-kontakt .box2 {
    background-color: #c4e0f2; 
    color: #00568c;
}

.container-kontakt .box-content {
    display: flex;
    justify-content: space-between; /* Rovnoměrné rozložení mezi sloupci */
    align-items: center; /* Vertikální zarovnání obsahu na střed */
    width: 100%;
    height: 100%; /* Výška celého boxu */
}
.container-kontakt .column {
    display: flex;
    flex-direction: column; /* Uspořádání obsahu sloupce svisle */
    justify-content: center; /* Vertikální zarovnání obsahu uvnitř sloupce */

    text-align: left; /* Text zarovnaný doleva */
    width: 48%; /* Šířka každého sloupce */
}


.container-kontakt .column p {
    font-size: 26px;
    font-weight: 100;
    margin: 0 0 0.75em;
}
.container-kontakt .column:nth-child(2) p {
    font-size: 16px;
    font-weight: 100;
    margin: 0 0 0.75em;
}


.container-kontakt .column p:last-child {
    margin: 0 0 0em;
}

.container-info-nadpis {
    display: flex;
    justify-content: space-between; /* Rovnoměrné rozdělení sloupců */
    align-items: flex-start; /* Zarovnání textu na začátek */
    gap: 20px; /* Mezera mezi sloupci */
    padding: 20px 0 0 0; /* Horní a dolní odsazení */
    border-bottom: 1px solid #d1d1d1; /* Tenká čára nahoře */
    max-width: 1100px;
    margin: 0 auto;
}

.container-info-nadpis .column {
    flex: 1; /* Rovnoměrná šířka sloupců */
    padding: 0 0px; /* Vnitřní odsazení */
    text-align: center; /* Zarovnání textu na začátek */
    position: relative; /* Kvůli zarovnání spodní čáry */
}



.container-info {
    display: flex;
    justify-content: space-between; /* Rovnoměrné rozdělení sloupců */
    align-items: flex-start; /* Zarovnání textu na začátek */
    gap: 20px; /* Mezera mezi sloupci */
    padding: 20px 0; /* Horní a dolní odsazení */
    max-width: 1100px;
    margin: 0 auto;
}

.container-info .column {
    flex: 1; /* Rovnoměrná šířka sloupců */
    padding: 0 0px; /* Vnitřní odsazení */
    text-align: center; /* Zarovnání textu na začátek */
    position: relative; /* Kvůli zarovnání spodní čáry */
}


.container-info-nadpis h3 {
    font-size: 1.2em;
    color: #00568c; /* Modrá barva nadpisu */
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 400;
}

.container-info p {
    font-size: 0.9em;
    line-height: 1.5;
    color: #333; /* Barva textu */
    margin: 0 0 0.5em 0;
}

.container-info a {
    color: #00568c; /* Modrá barva odkazu */
    text-decoration: none;
    font-weight: bold;
}

.container-info a:hover {
    text-decoration: underline; /* Zvýraznění odkazu při najetí */
}
.posuninfo { margin-left: 0px;}

.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {
    font-weight: normal;
    color: #9bb2ce;
}
table.reklamTab { margin: 0 auto; max-width: 800px;}
table.reklamTab, .reklamTab tr, .reklamTab td { border: 1px solid #0070c0; border-collapse: collapse; }
table.reklamTab th { background-color: #0070c0; font-weight: bold; text-align: center;}
.tabS { background-color: #a6c9ec; font-weight: bold !important;}
table.reklamTab td:first-child {text-align: center; max-width: 200px;}

.text-block .radekp { min-height: 26px;}
p.blue  { min-height: 28px;}

.toto {
    filter: brightness(50%); /* Zatmavení obrázku na 50 % */
    transition: filter 0.3s ease-in-out; /* Plynulý efekt */
}

.toto:hover {
    filter: brightness(100%); /* Po najetí se zobrazí normálně */
}


@media screen and (min-width: 56.875em) {

    .no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {
        margin-right: 0%;
        margin-left: 0%;
    }
    .site-content {
        padding: 0 0%;
    }
    .site-branding {
        background-color: transparent;
    }
    .site-header-menu {
        display: block; /* Používáme flexbox pro menu */
        background-color: #165788; /* Transparentní pozadí pro menu */
       /* height: 40px;  Výška menu */
        width: 100%; /* Menu se roztahuje na šířku rodiče */
        padding: 0;
        position: relative; /* Abychom mohli pracovat s pozadím */
        z-index: 99;
    }

    .primary-menu a {
        /*  outline-offset: -8px;*/
        padding:  0.65625em 3.875em 0.65625em 3.875em;
          white-space: nowrap;
          font-size: 14px;
          font-weight: 400;
          top: 4px;
          position: relative;
      }
      
      .primary-menu .vlajka a
      {
       padding:  0.65625em 0em 0.65625em 1.875em
      }

      .primary-menu .eshop a {
        /*  outline-offset: -8px;*/
         /* padding:  0.65625em 1.65625em 0.65625em 1.875em;*/
          white-space: nowrap;
          font-size: 14px;
          font-weight: 400;
      }
      .primary-menu .kontakt a {
        /*  outline-offset: -8px;*/
       /*  padding:  0.65625em 6.65625em 0.65625em 7.875em;*/
          white-space: nowrap;
          font-size: 14px;
          font-weight: 400;
      }



    
    .main-navigation li:hover > a, .main-navigation li.focus > a {
        color: #9bb2ce !important;
    }
    .main-navigation li.eshop > a {
        color: #fff !important; 
    }
    

    .main-navigation {
        max-width: 1320px;
        margin: 0 auto;
        text-align: right;
    }
    .site-footer {
        display: block;
    }
}


@media screen and (min-width: 61.5625em) {
    .site-header {
        padding: 5.25em 4.5455%;
    }
}

/**
 * 14.4 - >= 985px
 */

 @media screen and (min-width: 61.5625em) {
	.site-main {
		margin-bottom: 0em;
	}

	.site-header {
		padding: 1em 4.5455%;
	}

	.site-branding,
	.site-header-menu,
	.header-image {
		margin-top: 1.75em;
		margin-bottom: 0em;
	}

	.custom-logo {
		max-width: 200px;
	}

	.image-navigation {
		margin-bottom: 3.230769231em;
	}

	.post-navigation {
		margin-bottom: 7.0em;
	}

	.pagination {
		margin-bottom: 5.894736842em;
	}

	.widget {
		margin-bottom: 4.307692308em;
	}

	.site-main > article {
		margin-bottom: 7.0em;
	}

	.entry-title {
		font-size: 40px;
		font-size: 2.5rem;
		line-height: 1.225;
		margin-bottom: 1.05em;
	}
}

footer {
    background-color: #165788;
    color: #fff;
}
.site-info a { 
    color: #fff;     box-shadow: 0 1px 0 0 currentColor; }


    .site-footer .left p {
        margin: 5px 0; /* Odsazení mezi odstavci */
    }
    
    .site-footer .left .contact-title, .column .contact-title {
        display: inline-block;
        width: 17px; /* Šířka pro T: a E:, aby byly zarovnané na stejné úrovni */
    }
    
    .site-footer .left .contact-time, .column .contact-time {
        display: inline-block;
        padding-left: 20px; 
    }
.seda { font-size: 13px; color: #b1adad; }

.container-vice a, .entry-content a, .entry-summary a, .taxonomy-description a, .logged-in-as a, .comment-content a, .pingback .comment-body > a, .textwidget a, .entry-footer a:hover, .site-info a:hover {
    box-shadow: 0 1px 0 0 currentColor;
}
.container-vice a:hover {
    box-shadow: none;
}



.inz strong {color: #165788;}
.inz ul {
    list-style: none; /* Skryje výchozí odrážky */

}

.inz ul li {
    position: relative; /* Umožní přidání vlastního čtverečku */
    padding-left: 25px; /* Rezervuje místo vlevo pro čtvereček */
    margin-bottom: 10px; /* Vytvoří mezery mezi položkami */
}

.inz ul li::before {
    content: '';                  /* Přidá vlastní obsah */
    position: absolute;           /* Pozicování vzhledem k `li` */
    left: 0;                      /* Čtvereček bude na levém okraji */
    top: 50%;                     /* Svisle zarovná na střed */
    transform: translateY(-50%);  /* Posune čtvereček pro přesné zarovnání */
    width: 7px;                  /* Šířka čtverečku */
    height: 7px;                 /* Výška čtverečku */
    background-color: #165788;    /* Modrá barva čtverečku */
    border-radius: 2px;           /* Mírně zaoblené rohy čtverečku */
}

.inz form {
    padding: 20px 60px;
    background-color: #90adc8;
}
.inz form input, .inz form textarea{
    background-color: #e1e7f0;
}
.tlac
{
    background-color: #00568c !important;
    width: 100%;
}
.mapaNazev { display: block; text-align: center; background-color: #90adc8; color: #fff; padding: 10px 0px;}
.zivot { width: 100%;}
.inz iframe { margin-bottom: 0px !important;}
/* joooob */
.sjb-archive-wrapper { max-width: 1320px; margin: 0 auto;}
.sjb-page {
    margin: 0px auto 0 auto;
    padding: 0px;
}
.sjb-page .sjb-detail {
    margin: 0px 0;
}

.pb p { margin-bottom: 0px !important}


.sjb-page .sjb-detail .list-data .v2 .jobpost-form {
    float: left;
    width: 50%;
    position: relative;
    float: left;
    padding: 0 20px;
    background-color: #90adc8;
}
.sjb-page .list-data .v2 .job-description {
    float: left;
    width: 50%;
    border-top: 0;
    padding-left: 5px;
    padding-right: 5px;
}

.sjb-page .clearfix { display: none;}
.sjb-page .job-features {
    margin-bottom: 20px;
    width: 100%;
    display: none;
}
.sjb-page strong { color: #165788;}
.sjb-page .list-data .sjb-job-type-location-date {
    border-top: 1px solid #ccc;
    padding: 15px 25px;
    overflow: hidden;
    display: none;
}
.sjb-page .sjb-detail.sjb-v2 .list-data .v2, .sjb-page .sjb-detail.sjb-v1 .list-data .v1 {
    padding: 0px;
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form .form-control {
    background-color: #e1e7f0;
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form .file {
    background-color: #e1e7f0 !important;
}
a.clickable-block { box-shadow: none;}

a.clickable-block:hover { color: initial; }
.klik { text-shadow: 0 1px 0 currentColor; display: inline;}
.klik:hover { color: #90acc8; text-shadow: 0 0px 0 currentColor; }
.mobil { display: none; visibility: hidden;}
.reco  { margin-top: 10px !important;}

@media screen and (max-width: 910px) {
    .mobil { display: block; visibility: visible;}
    .desktop { display: none !important;}
    .mobil h3 {
        font-size: 19px;
        color: #00568c;
        margin-bottom: 10px;
        text-transform: uppercase;
        font-weight: 400;
        border-bottom: 1px solid #165788;
       
        margin-left: 30px;
        margin-right: 20px;
        line-height: 20px;
    }
    
    .container-produkt .ban {
        margin-top: 5px;
        margin: 20px;
    }
    .container-produkt {

        margin-bottom: 0px;
    }
   
    img.sublogo {
        display: none;
    }
    .padb { padding-bottom: 30px !important;}
    .site-branding {
        margin: 0;
        float: left;
    }
    .site-header {
        padding: 1em 0% 1.5em 0% !important;
    }
    p.odsadP {
        margin: 20px 10px 20px 0px !important;
    }
    .menu-toggle {
        /*float: right;*/
        margin-left: 65px;
    }
    .site-header-main {
        display: block;
        margin: 0 auto;
        max-width: 1320px;
        padding: 0 0px;
    }
    .vice {
        display: inline-block;
        background-color: #00568c;
        color: white;
        padding: 12px 0px;
        text-decoration: none;
        border-radius: 25px;
        font-size: 18px;
        transition: background-color 0.3s;
        width: 100%;
        margin: 0 0px;
    }
    .button-wrapper {
        text-align: center;
        margin-top: 20px;
        padding: 0 20px;
    }
    .zamestnanci p {
        margin: 0 0 0px;
    }
    .amazingslider-title-1,.amazingslider-title-2, .amazingslider-title-3, .amazingslider-title-4,.amazingslider-title-5, .amazingslider-title-6, .amazingslider-title-7, .amazingslider-title-8, .amazingslider-title-9 {
        display: table !important;
        position: relative !important;
        font-weight: 400 !important;
        font-size: 20px !important;
        color: #fff;
        padding: 10px 0px !important;
        margin: 89px auto 0 auto !important;
        left: 0px !important;
        width: 100% !important;
    }
    .amazingslider-text-1, .amazingslider-text-2, .amazingslider-text-3, .amazingslider-text-4, .amazingslider-text-5, .amazingslider-text-6, .amazingslider-text-7, .amazingslider-text-8, .amazingslider-title-9 {
        display: block;
        padding: 10px !important;
        text-align: left;
    }
 

    .main-navigation .primary-menu {
        border-bottom: none !important;
        display: block !important;
        text-transform: uppercase;
        align-items: center;
    }
    .main-navigation a {
        color: #fff;
        margin-left: 20px;
    }
    .main-navigation {
        margin-left: 124px;
        margin-top: 50px;
    }
    .entry-header, .entry-summary, .entry-content, .entry-footer, .page-content {
        margin-right: 0%;
        margin-left: 0%;
    }
    h1, h2 {
        font-size: 22px !important;
    }
    h1, p, h2 { padding-left: 20px; padding-right: 20px;}
    .m2 { margin-top: 2em;}
    .m3 { margin-top: 3em;}
    .d0 { margin-bottom: 0em !important;}
    .mbezDm { margin-bottom: 0px !important;}
    .mbezNp { padding-top: 0px !important;}
    .m1d {margin-bottom: 0.3736842105em !important;}

    .entry-content h2, .entry-summary h2, .comment-content h2, .textwidget h2 {
        font-size: 23px;
        font-size: 1.4375rem;
        line-height: 1.2173913043;
        margin-top: 0.4347826087em;
        margin-bottom: 0.2173913043em;
    }
    .entry-content h2, .entry-summary h2, .comment-content h2, .textwidget h2 {
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 1.2173913043;
    margin-top: 2em; 
    margin-bottom: 1.2173913043em;
}

.slider {
    overflow-x: auto; /* Povolení horizontálního posouvání */
}

.slider-item {
    width: 12%;
    padding: 2px;
    box-sizing: border-box;
    text-align: center;
    flex: 0 0 auto;
}
.slider-item p:nth-child(2) {
    margin: 0 !important;
    height: 0px;
    display: none;
  }


.slider-container {
    max-width: 1320px;
    margin: 0 auto;
    overflow: hidden;
}

.slider-item img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.container-cisla {
    flex-direction: column; /* Zarovná položky pod sebe */
    gap: 10px; /* Mezera mezi položkami bude menší */
}

.flex-item {
    width: 100%; /* Každý prvek zabere celou šířku kontejneru */
    padding: 10px;
}

.number {
    font-size: 1.5em; /* Zmenší velikost čísla pro malé obrazovky */
}

.nahoru80 {
    margin-top: 20px !important;
}
.nahoru80m {
    margin-top: 80px !important;
}
.nahoru40m {
    margin-top: 40px !important;
}
.nahoru20m {
    margin-top: 20px !important;
}
.nahoru10m {
    margin-top: 10px !important;
}
.nahoru140 {
    margin-top: 40px !important;
}

.mobil .flex-itemM p {margin: 0 0 0em !important; font-size: 13px; font-weight: normal !important; padding-left: 0px; padding-right: 0px;}

.dolu100 { margin-bottom: 20px;}
    .menu-primarni-container { background-color: #00568c}
    .site-footer .main-navigation {
        margin-bottom: 1.75em;
        display: none;
    }
    .container-footer {
        flex-direction: column; /* Stane se sloupcovým uspořádáním */
        align-items: center; /* Zarovná všechny prvky na střed */
        text-align: center; /* Text bude zarovnán na střed */
        gap: 20px; /* Mezera mezi prvky */
    }

    .container-footer .left,
    .container-footer .right {
        text-align: center; /* Na menších zařízeních zarovná na střed */
    }
    .container-footer .right {
        border-top: 1px solid #fff; /* Bílá čára mezi levým a pravým obsahem */
        padding-top: 20px; /* Mezera mezi textem a čárou */
    }
    .o_nas2 {
        padding-top: 90px;
    }
    
    .container-mapa, .container-podmapa, .container-mapa2 {
        flex-direction: column; /* Uspořádání jako sloupec */
        gap: 20px; /* Zvýšení mezery mezi boxy */
    }

    .container-mapa .box1, .container-podmapa .box1,
    .container-mapa .box2, .container-podmapa .box2 {
        flex: 1 1 100%; /* Každý box zabere 100 % šířky */
        height: auto; /* Automatická výška na základě obsahu */
    }

    .boxText {
        font-size: 16px; /* Větší text pro lepší čitelnost na mobilech */
        line-height: 1.5em;
    }

    .container-mapa .box2 p, .container-podmapa .box2 p {
        font-size: 30px; /* Zmenšená velikost textu */
    }

    .mapa .box, .rucebox .box1 {
        width: 100%; /* Boxy zaberou celou šířku */
        padding: 15px; /* Mírné zmenšení paddingu */
    }
  

    .pr20 {
        padding-right: 0px;
    }
    .punta { display: none;}
    .mapa .bottom-right {
        position: relative;
        bottom: 0;
        right: 0;
        padding: 10px;
    }
    .rucebox {
        justify-content: center; /* Zarovnání boxů na střed */
        align-items: center;
    }

    .rucebox .boxes {
        flex-direction: column; /* Přepne boxy do sloupce */
        align-items: center; /* Zarovná boxy na střed */
        gap: 20px; /* Zvýšená mezera mezi boxy */
    }

    .rucebox .boxx {
        width: 100%; /* Boxy zaberou celou šířku */
        max-width: 500px; /* Maximální šířka boxů */
    }

    .rucebox .small-box {
        height: auto; /* Automatická výška pro menší obrazovky */
    }

    .rucebox .large-box {
        width: 100%; /* Velký box zabere celou šířku */
        height: auto; /* Automatická výška */
    }

    .rucebox .bottom-text {
        text-align: center; /* Zarovná text na střed */
        margin: 0 0 20px; /* Přidá mezeru pod text */
        font-size: 14px; /* Menší text pro mobilní zařízení */
    }

        .container-produkt {
            grid-template-columns: 1fr; /* Jeden sloupec pro mobil */
            grid-template-areas: 
                "ban"
                "box-container";
            height: auto; /* Výška bude automatická */
        }
    
        .container-produkt .box-container {
            display: flex; /* Flexbox pro horizontální posouvání */
            flex-direction: row; /* Boxy vedle sebe */
            overflow-x: auto; /* Povolit horizontální posouvání */
            -webkit-overflow-scrolling: touch; /* Plynulý scroll na iOS */
            width: 100%; /* Celá šířka kontejneru */
            min-height: 100%; /* Aby boxy měly plnou výšku */
            gap: 10px;
            padding-bottom: 10px;
        }
    
        /* Každý box bude mít určitou šířku */
        .container-produkt .box {
            width: calc(50% - 4px); /* Umožní, aby byly boxy úzké a posouvatelné */
            flex: 0 0 auto; /* Boxy budou mít pevných 90% šířky */
            height: auto; /* Automatická výška */
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center; /* Vycentrování obsahu */
            border: 0px solid #b1adad;
            margin: 0 0 0 5px;
        }
        .container-produkt .box:nth-child(even) {
            margin: 0 5px 0 0; }
    
        .container-produkt .box img {
            width: auto; /* Obrázky přizpůsobeny šířce boxu */
            max-width: 350px; /* Maximální šířka pro lepší vzhled */
            height: auto;
            max-height: 150px;
        }

       
    
        /* Skrýt navigační tlačítka pro mobilní zařízení */
        .nextBoxBtn {
            display: none;
        }
    
        /* Umožnění posouvání více boxů */
        .container-produkt .box-container {
            flex-wrap: nowrap; /* Zabraní zalamování */
        }

        .container-produkt .seda { margin-bottom: 10px !important;} 
 
    
        .nasezn { margin-top: 50px !important; margin-bottom: 5px !important;}

    .portfolio {
        padding-top: 70px;
    }
    .custom-logo {
        max-width: 135px;
        margin: 0 20px;
    }
    .banner, .cookies {
        padding-top: 75px;
    }
    .menu-toggle {
        background-color: transparent;
        border: 1px solid #d1d1d1;
        color: #1a1a1a;
        font-size: 13px;
        font-size: 0.8125rem;
        margin: 0em 0;
    }
    .slider-item p { padding-left: 0px !important; padding-right: 0px !important;}
    .entry-content h2 { margin-bottom: 0px !important;}
    .slider-wrapper p:nth-child(1) {
        margin: 0 !important;
        height: 0px;
        display: none;
      }
      .slider-wrapper {
        position: relative;
        width: 100%; /* Přizpůsobení šířce obrazovky */
        overflow: hidden; /* Skrytí přetékajícího obsahu */
        margin: 0 auto; /* Zarovnání slideru na střed */
    }
    .slider-container {
        width: 100%; /* Přizpůsobení šířce zařízení */
        overflow-x: auto; /* Povolení horizontálního posouvání */
        scroll-snap-type: x mandatory; /* Snapnutí na jednotlivé položky */
        -webkit-overflow-scrolling: touch; /* Hladké posouvání na mobilních zařízeních */
    }
    
    /* Flexbox pro slider */
    .slider {
        display: flex;
        transition: transform 0.5s ease-in-out; /* Plynulý přechod při posunu */
        gap: 10px; /* Mezera mezi položkami */
    }
    
    /* Každý slider item */
    .slider-item {
        flex: 0 0 49%; /* Každý produkt má 20% šířky */
        box-sizing: border-box;
        text-align: center;
        scroll-snap-align: start; /* Snapnutí na začátek položky */
        padding: 5px;
    }
    .necoS { padding: 10px !important;}
    
    .slider-item img {
        width: 80%;
        height: auto;
        margin-bottom: 10px;
    }
    .slider-prev,
    .slider-next {
        pointer-events: none; /* Zablokuje kliknutí */
        opacity: 0.5; /* Změní vzhled šipek, aby bylo jasné, že jsou neaktivní (volitelné) */
    }
    .container-vice .flex-item {
        display: flex    ;
        flex-direction: column;
        justify-content: space-between;
        background: #f9f9f9;
        padding: 10px 0px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        border-radius: 0px;
        height: 100%;
        min-width: 100px;
    }
    .container-vice .flex-item .text-block {
        flex-grow: 1;
        display: flex    ;
        align-items: flex-start;
        text-align: left;
        min-height: auto;
    }
    .flex-item p { margin-bottom: 0px;}
    
    .container-cisla {
        flex-direction: column; /* Zajistí, že se položky budou zobrazovat pod sebou */
    }

    .container-cisla .flex-item {
        margin-bottom: 10px; /* Mezera mezi položkami */
        border-bottom: 1px solid white; /* Tenká bílá čára mezi položkami */
        width: 100%; /* Čára nebude od kraje do kraje */
        margin: 0 auto; /* Zarovnání položky na střed */
        }    /* U poslední položky odstraníme spodní čáru */
    .container-cisla .flex-item:last-child {
        border-bottom: none;
    }
    .container-produkt .nextBoxBtn {
        position: absolute;
        top: 50%;
        right: 0px;
        transform: translateY(-50%);
        font-size: 1.5em;
        color: #000;
        background-color: rgba(255, 255, 255, 0.5);
        padding: 10px;
        cursor: pointer;
        z-index: 10;
        color: #165788;
        font-weight: lighter;
    }

    .nextBoxBtn {
        display: none !important;
    }
    
    .container-kontakt {
        flex-direction: column; /* Položky budou pod sebou */
        padding: 10px; /* Vnitřní odsazení */
    }

    .container-kontakt .box {
        width: 100%; /* Každý box zabere celou šířku */
        margin-bottom: 20px; /* Mezera mezi boxy */
        padding: 30px 10px; /* Zmenšení paddingu na mobilu */
    }

    .container-kontakt .box-content {
        flex-direction: column; /* Obsah sloupců bude pod sebou */
        justify-content: flex-start; /* Zarovnáme obsah na začátek */
    }

    .container-kontakt .column {
        width: 100%; /* Sloupce budou zabírat celou šířku */
        margin-bottom: 10px; /* Mezera mezi sloupci */
    }

    .container-kontakt .column p {
        font-size: 19px; /* Zmenšení textu pro lepší čitelnost */
        font-weight: 400;
        line-height: 24px;
    }

    .container-kontakt .column:nth-child(2) p {
        font-size: 16px; /* Zmenšení textu ve druhém sloupci */
    }

    .container-kontakt .column .TextCenter br {
        display: none; /* Na mobilu skrytí <br>, aby text zůstal na jednom řádku */
    }
       
    .container-info-nadpis {
        flex-direction: column;
        align-items: center; /* Zarovnání nadpisů na střed */
    }

    .container-info, .container-info-nadpis {
        flex-direction: column; /* Na mobilu položky budou pod sebou (do jednoho sloupce) */
        align-items: center; /* Zarovná položky na střed */
        gap: 15px; /* Menší mezery mezi prvky na mobilu */
        padding: 10px 0; /* Menší padding pro mobil */
        flex-direction: column; /* Na mobilu položky budou pod sebou (do jednoho sloupce) */
        align-items: center; /* Zarovná položky na střed */
        gap: 15px; /* Menší mezery mezi prvky na mobilu */
        padding: 10px 0; /* Menší padding pro mobil */
    }
    .container-info .column {
        width: 100%; /* Na mobilu každý sloupec bude zabírat 100% šířky */
        text-align: center; /* Na mobilu zarovnáme text na střed */
    }

    .container-info .column p {
        font-size: 16px; /* Menší písmo na mobilu */
    }

    .posuninfo {
        margin-top: 20px; /* Zajištění mezery mezi bloky */
    }
   
    .menu-toggle {
        display: none;
        background: none;
        border: none;
        width: 54px;
        height: 44px;
        position: absolute; /* Absolutní pozice */
        right: 10px; /* Posunuto o 10px od pravého okraje */
        top: 13px; /* Můžete upravit podle potřeby pro umístění vertikálně */
        cursor: pointer;
    }
    
    .menu-toggle .bar {
        display: block;
        background-color: #165788;
        height: 4px;
        width: 100%;
        margin: 4px 0;
        transition: all 0.3s ease;
    }
    
    /* Změny pro přepínání pruhů (hamburger křížek) */
    .menu-toggle-checkbox:checked + .menu-toggle .top {
        transform: translateY(8px) rotate(45deg);
    }
    
    .menu-toggle-checkbox:checked + .menu-toggle .middle {
        opacity: 0;
    }
    
    .menu-toggle-checkbox:checked + .menu-toggle .bottom {
        transform: translateY(-8px) rotate(-45deg);
    }
    .menu-toggle {
        display: block;
    }
    .menu-toggle .middle {
        transform-origin: right; /* Určíme, že zkracování začne zleva */
        transform: scaleX(0.8); /* Zkrátíme čáru na 60 % původní šířky */
    }

    /* Ukázání menu po zaškrtnutí checkboxu */
    .menu-toggle-checkbox:checked + .menu-toggle + #site-header-menu {
        display: block;
    }

    /* Styl pro mobilní navigaci */
    #site-header-menu .primary-menu,
    #site-header-menu .social-links-menu {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus {
        background-color: inherit;
    }
    .eshop {
       background-color: #165788;
    }
    .primary-menu .eshop a:hover {
        color: #b1adad !important;
    }
    .wonderplugin-slider {
        touch-action: pan-x;
    }
    .wonderplugin-slider {
        touch-action: pan-y;  /* Aktivuje dotykové posouvání */
        -ms-touch-action: pan-y; /* Pro starší verze Internet Exploreru */
    }
    .container-produkt .box.mobil {
        display: block !important;
    }
    .container-produkt  h1,  .container-produkt p,  .container-produkt h2 {
        padding-left: 5px;
        padding-right: 5px;
        text-align: center !important;
    }
    .container-produkt .box.prazdny { display: none !important; visibility: hidden;}
    .stuj {
        height: 75px;
    }
    .toppos {
        margin-top: 65px;
    }
    .d50 {
        float: left;
        width: 100%;
        margin: 0;
    }
    .d50 .container img { margin:0px !important; padding: 0px !important;}
    .d50 img { padding: 0 20px; }

    .container-kariera {
        flex-direction: column; /* Změna směru na sloupec */
        align-items: flex-start; /* Zarovná bloky na začátek */
    }

    .container-kariera .block {
        flex: 0 1 100%; /* Každý blok zabere 100% šířky */
        margin-bottom: 20px; /* Mezera mezi bloky */
        justify-content: flex-start; /* Zarovná obsah na začátek */
        align-items: flex-start; /* Zarovná položky na začátek */
    }

    .container-kariera .block-content h2 {
        margin-bottom: 15px; /* Snížení mezery mezi nadpisem a textem */
        font-size: 18px; /* Mírně menší velikost písma na mobilu */
    }

    .container-kariera .block-content p {
        margin: 0 0 8px; /* Menší mezera mezi odstavci */
        text-align: justify !important;
        word-break: break-word;
        hyphens: auto;
    }
    .zamestnanci .text {   text-align: justify !important;
        word-break: break-word;
        hyphens: auto; }
    .pl40 {
        padding-left: 0px;
    }
    .pr40 {
        padding-right: 0px;
    }
    .d60 {
        float: left;
        width:100%;
    }
    .d40 {
        float: left;
        width: 100%;
    }
    .nahoru180 {margin-top: 60px !important;}
    
    .container-vice .flex-item img {
        width: 100%;
        height: auto;
        object-fit: contain;
        margin-top: 10px;
    }
    .container-vice {
        gap: 20px;

    }
    .text  p { margin-left: 0px !important; margin-right: 20px !important; padding-left: 0px;
        padding-right: 0px;}

        .zam {
            font-size: 16px;
            font-weight: 800;
        }
        .pbezU { margin: 0px !important; padding: 0px !important;}
        .pbezU img.aligncenter {
            clear: both;
            display: block;
            margin: 0 auto 0em;
        }
        
        .container-spolecnost {
            padding: 20px; /* Trochu vnitřního odsazení pro lepší čitelnost */
        }
    
        .container-spolecnost .container-obr {
            flex-direction: column; /* Obrázky nad textem */
            text-align: center;
        }
    
        .container-spolecnost .image-div,
        .container-spolecnost .image-divP {
            max-width: 100%; /* Obrázek zabere celou šířku */
            margin: 0 auto 0px; /* Zarovnání na střed a mezera dole */
        }
    
        .container-spolecnost .content-div {
            text-align: justify; word-break: break-word; hyphens: auto;
            padding: 0px;
        }
        .box1.TextRight, .del { text-align: justify !important; word-break: break-word; hyphens: auto;}
        .container-spolecnost p { text-align: justify; word-break: break-word; hyphens: auto;}
        .modra-cara {
            border: none;
            height: 1px; /* Tloušťka čáry */
            background-color: #165788; /* Barva čáry */
            margin: 0 60px; /* Odsazení zleva i zprava */
        }
        .slider-kvalita .slider-item img {
            max-height: 75px;
            width: auto;
            margin: 0 10px;
        }

        .TextCenter {
            text-align: center !important;
            word-break:unset; hyphens: none !important;
        }
        .container-kvalita {
            flex-direction: column; /* Obrázky pod sebou */
            align-items: center; /* Zarovnání na střed */
            width: 100%;
        }
    
        .container-kvalita .image-box {
            width: 80%; /* Obrázky menší než celá šířka */
            margin: 0 auto 10px; /* Zarovnání na střed a mezera dole */
        }
        .content-div p, .content-div h2 { margin-left: 0px; margin-right: 0px; padding-left: 0px;
            padding-right: 0px; margin-top: 0px;}
            .nahoru60 { margin-top: 0px !important;}
                .container-spolecnost.nahoru60 { margin-top: 20px !important;}
            .container-spolecnost p { margin-left: 0px !important; margin-right:0px !important; padding-left: 0px; padding-right: 0px;}
            .nahoru100 {
                margin-top: 10px !important;
            }
    
            .mobil .containerM-cisla {
                display: flex;
                flex-wrap: wrap;
                gap: 10px; /* Mezera 10px mezi boxy */
                justify-content: center;
                margin: 0px 20px 10px 20px;
            }
            
            .mobil .flex-itemM {
                background-color: #90acc8;
                color: white;
                padding: 40px 0 0 0;
                text-align: center;
                width: calc(50% - 5px); /* Odečtení poloviny mezery */
                box-sizing: border-box;
                font-weight: bold;
                aspect-ratio: 1 / 1; /* Čtvercový tvar */
            }
            .barva { background-color: #c3d3df !important; color: #165788 !important;}
            .barva2 { background-color: #165788 !important; color: #fff !important;}
            .archiv_b {
                padding-top: 90px;
            }
.domil { padding-top: 10px;}
.mobil .numberM {
    font-size: 1.9em;
    font-weight: bold;
    margin-bottom: 5px; /* Odsazení čísla od textu */
    
}
.mobil p.blue  { min-height: 49px;}
.text-block .radekp { min-height: 66px;}

.bezboku { padding: 0 0px !important;}
.mbzhor {margin-top: 0.2473684211em !important;}
.ppd { padding-bottom: 0px !important;}
.ppp {padding-top: 0px !important; }

p.bes { padding-left: 20px !important;
    padding-right: 20px !important;}
p.bes img.aligncenter { margin: 30px auto 0 !important; width: 100%;}

h2.TextCenterM { text-align: center !important;}
p.TextCenterM { text-align: center !important;}

.dolum60 { margin-bottom: 60px;}
.dolum40 { margin-bottom: 40px !important;}
.dolum80 { margin-bottom: 40px !important;}
.dolum20, h2.dolum20  { margin-bottom: 20px !important;}
.dolump70 { padding-bottom: 70px !important;}
.dolump80 { padding-bottom: 80px !important;}
.dolu120 {
    margin-bottom: 20px !important;
}
.nahoru40 {
    margin-top: 20px !important;
}
.nahoru120 {margin-top: 60px !important;}

.nahoru160 {margin-top: 40px !important;}
.dolu100 {
    margin-bottom: 40px !important;
}
.nahorum100 { margin-top: 100px !important;}
.nahorum80 { margin-top: 80px !important;}
.nahorum60 { margin-top: 60px !important;}
.nahorum50 { margin-top: 50px !important;}
.nahorum40 { margin-top: 40px !important;}
.nahorum30 { margin-top: 30px;}
.nahorum20 { margin-top: 20px;}
p.mTextRight { text-align: right !important;}
}

input[type="submit"] {
    margin-top: 20px;
}





/* Základní styly pro popup */
.popup {
    display: none; /* Popup je skrytý na desktopu */
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 9999;
    padding: 0px;
    border-top: 2px solid #4CAF50; /* Okraje popupu */
    overflow-y: auto; /* Umožní scrollování, pokud je obsah větší než obrazovka */
    top: 0;
}

/* Styly pro obsah popupu */
.popup-content {
    max-width: 100%;
    padding: 0px;
    text-align: left;
    overflow-y: auto; /* Pokud je obsah větší, bude mít scroll */
}

.inz .d60 {
    padding-right: 50px;
}
/* Zobrazení popupu pouze na mobilních zařízeních */
@media (max-width: 768px) {
    .inz .d60 {
    padding-right: 10px;}
    /* Popup zůstává skrytý dokud není aktivován tlačítkem */
    .popup {
        display: none;
    }
    .popup .mapaNazev {
        display: block;
        text-align: center;
        background-color: #90adc8;
        color: #fff;
        padding: 10px 0px;
        margin-top: 0px;
    }
    .pbezMap { margin: 0px 0 5px 0;}
    .popup p {
        margin: 0 0 1em;
    }
    .pdoolub { margin-bottom: 0px !important;}
    .pdoolubTakovou { margin-bottom: 20px !important;}

    .popup input[type="text"], .popup input[type="date"], .popup input[type="time"], .popup input[type="datetime-local"], .popup input[type="week"], .popup input[type="month"], .popup input[type="text"], 
    .popup input[type="email"], .popup input[type="url"], .popup input[type="password"], .popup input[type="search"], .popup input[type="tel"], .popup input[type="number"] { padding: 0.125em 0.4375em;}
    .mapa {
        background-image: none;
    }
    .nahorum85 {
        margin-top: 85px !important;
    }
    div.nahoru0m { margin-top: 20px !important;}
    .nahoru0m { margin-top: 20px !important;}
   .nahoru0mn { margin-top: 10px !important;}
   .nahoruDura { margin-top: 15px !important;}
   /*.block.mobil.aligncenter { margin: 0 0 0px;} */
}

.nec.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 20px;
}
/* Styl pro tlačítko zavření */
.popup .close-btn {
    position: absolute;
    top: -7px;
    right: 01px;
    font-size: 44px;
    cursor: pointer;
    color: #fff;
    margin: 0 0 0;
}

/* Styl pro tlačítko pro zobrazení popupu */
.popup a {
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 1000;
    background-color: #4CAF50;
    color: white;
    padding: 10px;
    border-radius: 5px;

}

.vyskoc {    position: fixed;
    bottom: 10px;
    left: 0px;
    z-index: 1000;
    background-color: #00568c;
    color: white;
    padding: 10px;
    border-radius: 5px;
    WIDTH: 100%;
    text-align: center;
}
.jinak 
{    position:relative;
    bottom: 10px;
    left: 0px;
    background-color: #00568c;
    color: white;
    padding: 10px;
    border-radius: 5px;
    WIDTH: 100%;
    text-align: center;
}
p.close-btn{ margin-top: 10px;}
.is-menu path.search-icon-path {

    fill: #fff !important;
}

   .amazingslider-title-9 {
    display: table;
    position: relative;
    font-weight: 400;
    font-size: 40px;
    font-family: "Red Hat Display", serif;
    color: #fff;
    padding: 12px 24px;
    margin: 0px auto;
    left: -336px !important;
    width: 718px !important;
}
   .amazingslider-title-9 a {
  color: #fff;
    background-color: #165788;
    border-radius: 37px;
    font-size: 16px;
    padding: 10px 15px;
    text-decoration: none !important;
        box-shadow: 0 0px 0 0 currentColor;
   }