body {  font-family: "Montserrat", sans-serif; font-size:16px; font-weight:400; color:#0C0D27}
img { max-width:100%;}

.container-fluid { max-width:1920px;  margin:0 auto; padding-left:0; padding-right:0;}

@media (min-width: 1550px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1520px;
  }
}

.dropdown:hover>.dropdown-menu {  display: block;  margin:0px;  border-radius:0; z-index:1000}
.dropdown>.dropdown-toggle:active {  pointer-events: none;}

.bt-1 { border-top: 1px solid rgba(12, 13, 39, 0.1); }
.bb-1 { border-bottom:1px solid rgba(209,216,241,0.1); }
.bl-1 { border-left:1px solid rgba(209,216,241,0.1); }
.br-1 { border-right:1px solid rgba(209,216,241,0.1); }

.btn {  border:0; }
.btn-primary { border-radius:40px; padding:14px 20px 14px 20px;font-weight: 600;font-style: SemiBold;font-size: 16px;leading-trim: NONE;line-height: 100%;letter-spacing: 0px; color:#fff !important; background:#A2C62C url('../img/sipka2.svg') no-repeat 93% center; padding-right:45px;}
.btn-primary:hover { background:#000 url('../img/sipka2.svg') no-repeat 92% center; }

.btn-secondary { background-color:unset; background-image: url('../img/sipka1.svg'); background-position:92% center; background-repeat:no-repeat; color:#A2C62C !important; padding-right:44px; padding-left:0 !important}
.btn-secondary:hover { background-color:unset;  background-image: url('../img/sipka1.svg'); background-position:92% center; background-repeat:no-repeat; color:#0c0d27; text-decoration:underline}

.btn-green { color:#fff !important; background:#A2C62C; opacity: 1;border-radius: 40px;padding-top: 10px;padding-right: 30px !important;padding-bottom: 10px;padding-left:30px !important;}
.btn-green:hover { color:#000 !important; background:#fff;  }
.btn-green2 { color:#fff !important; background:#A2C62C; opacity: 1;border-radius: 40px;padding-top: 10px;padding-right: 10px !important;padding-bottom: 10px;padding-left:10px !important;}

.breadcrumb-item a { color:#103578;}
#error { color:red;}
#message { color:green;}

h1 { font-weight: 700;font-style: Bold; font-size: 84px; letter-spacing: 0px; text-align: center; }
h2 { font-weight: 800;font-style: ExtraBold;font-size: 40px;leading-trim: NONE; line-height: 100%;letter-spacing: 0px; color:#094627 }

.header .container-fluid { max-width:1820px;}
.header .nav-link { font-size: 16px;font-weight: 500;color:#284360; height:100px; line-height:80px;}
.header .navbar-collapse.show { background:#fff; z-index:1000; padding:20px;}
.header .navbar-collapse.show .nav-link { height:unset; line-height:unset;}
.header .nav-link.btn { height:unset; line-height:unset; color:#fff; margin-top:22px; padding-left:20px; padding-right:40px;}
.header .nav-link:hover, .header .nav-link.active { border-bottom: 2px solid #103578}
.header .nav-link.btn:hover { border-bottom:0;}
.header .nav-link.active { color:#284360;}
.navbar-collapse.show { background-color: rgba(36, 65, 153, 1); padding:10px }

.navbar { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.nav-link { font-weight: 600;font-style: SemiBold;font-size: 16px;leading-trim: NONE;line-height: 100%;letter-spacing: 0px; color:#fff;}
.nav-link.active { color:#A2C62C !important; }
.nav-link:hover { color:#A2C62C !important; }
.nav-link.active.btn-green { color:#fff !important}
.nav-link.btn-green:hover { color:#A2C62C !important}

.navbar .dropdown-menu {   background-color: rgba(36, 65, 153, 0.9);  border: none; }
.navbar .dropdown-menu .dropdown-item { color: #fff; }
.navbar .dropdown-menu .dropdown-item:hover, .navbar .dropdown-menu .dropdown-item:focus {  background-color: rgba(162, 198, 44, 0.9);  color: #fff; }

.dropdown-toggle.main::after { border:none;  display: inline-flex;  align-items: center;  justify-content: center;  content: ">";   transform: rotate(90deg);   font-size: 0.7em;  width: 14px;  height: 14px;  border-radius: 50%;  background-color: #A2C62C;  color: white;  margin-left:.4em }

.nav-link.main2 {
  display: inline-flex;       /* odkaz i šipka v jednom řádku */
  align-items: center;        /* vertikální zarovnání */
  white-space: nowrap;        /* zabrání zalomení mezi textem a šipkou */
}
.nav-link.main2::after {
  content: ">";
  display: inline-flex;       /* zůstane v řádku */
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  margin-left: .4em;

  transform: rotate(90deg);
  font-size: 0.7em;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #A2C62C;
  color: white;
}

.navbar-nav {  flex: 0 0 80%;    justify-content: space-between;}
.navbar-nav .nav-item {  margin: 0 1rem; }

.nav-item.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}


.navbar-toggler {  background-color: #A2C62C;  border: none;  border-radius: 50% !important;  padding: 0.5rem;}
.navbar-toggler-icon {  background-image: none;  position: relative;  width: 1.2em;  height: 1.2em;}
.navbar-toggler-icon::before,.navbar-toggler-icon::after,.navbar-toggler-icon span {  content: "";  position: absolute;  left: 0;  width: 100%;  height: 2px;  background-color: white; }
.navbar-toggler-icon::before { top: 2px; }
.navbar-toggler-icon span { top: 50%;  transform: translateY(-50%); }
.navbar-toggler-icon::after {  bottom: 2px; }

#rozcestnik h3 { font-weight: 700;font-style: Bold;font-size: 20px;leading-trim: NONE;line-height: 32px;color:#0C0D27}
#rozcestnik h3 a { color:#0C0D27; text-decoration:none }
#rozcestnik h3 a:hover { text-decoration:underline}
#rozcestnik p { font-weight: 400; font-style: Regular;font-size: 16px;leading-trim: NONE;line-height: 24px;letter-spacing: 0px; }
#rozcestnik img { border:3px solid #fff}
#rozcestnik img:hover { border:3px solid #EEF7FA; }

#news { background:#fff;}
#news .newsitem {  background:#EEF7FA; padding:20px;}
#news h3 { font-weight: 700;font-style: Bold;font-size: 20px;leading-trim: NONE;line-height: 100%;letter-spacing: 0px; } 
#news h3 a { color:#0C0D27; text-decoration:none;}
#news p { color:#61647B; font-weight: 400;font-style: Regular;font-size: 18px;leading-trim: NONE;line-height: 28px;letter-spacing: 0px;}
#news p.date { color:#A2C62C; float:right;}

#akce { background:#EEF7FA;}
#akce.akcesubpage { background:#fff}
#akce h3 { font-weight: 700;font-style: Bold;font-size: 20px;leading-trim: NONE;line-height: 100%;letter-spacing: 0px; }
#akce h3 a { color:#0C0D27}
#akce p.date { font-weight: 500;font-style: Medium;font-size: 16px;leading-trim: NONE;line-height: 26px;letter-spacing: 0px;color:#094627}
#akce .datumakce { background:rgb(162, 198, 44); font-size:24px; color:#fff; font-style:Bold; padding:10px; margin-bottom:10px; display:inline-block}
#akce p a { color:#0c0d27; font-weight:Bold;}
#akce p a:hover { color:rgb(162, 198, 44); text-decoration:underline; }
#akce .akce-box {  width: 100%;  aspect-ratio: 1 / 1;  overflow: hidden;  position: relative;}
#akce .akce-img {  width: 100%;  height: 100%;  background-size: cover;  background-position: center;  position: relative;  display: flex;  align-items: flex-end;  transition: transform 0.4s ease;}

#partneri { backround:#fff; }

#hlavni ul li { color:#6A899E; font-size:16px; line-height:26px; font-weight:400; }
#hlavni p { font-size:16px; line-height:26px; color:#6A899E; font-weight:400; }
#hlavni p strong { font-size: 16px;font-weight: 500; color:#000; }
#hlavni h1 { font-size: 34px;font-weight: 600; }
#hlavni h2 { font-weight: 800;font-style: ExtraBold;font-size: 40px;leading-trim: NONE; line-height: 100%;letter-spacing: 0px; color:#094627; margin-bottom:0.6em}
#hlavni h3 { font-size:24px; font-weight:600; color:#000}
#hlavni h3.likeh2 { font-weight: 800;font-style: ExtraBold;font-size: 40px;leading-trim: NONE; line-height: 100%;letter-spacing: 0px; color:#094627 }
#hlavni a { color:#A2C62C; font-weight:bold  }
#hlavni a:hover { color:#094627; font-weight:bold;text-decoration:underline; }

#hlavni .bgokraj { width:100%; position:relative;}
#hlavni .loga a:hover img { box-shadow: 0px 4px 24px 0px #A0ADB64A; border-radius:10px; }
#hlavni .loga a img { border-radius:0; text-align:center; padding-right:0; }

.contact-form { position:relative; z-index:10; margin-top:15em;}
.contact-form .title { background:#194467; border-radius:33px; height:350px; position:absolute; top:-9em; left:-2em; z-index:50; padding:2em; width:60%; color:#D1D8F1}
.contact-form .title p { color:#D1D8F1 !important}
.contact-form h3 { color:#fff; font-size: 28px;font-weight: 600; }
#formular-kontakt { box-shadow: 0px 4px 38px -4px #A0ADB65E; background:#fff; border-radius:20px; padding:30px; z-index:100; position:relative; margin-top:5em;}
#formular-kontakt label { color:#284360; font-size: 14px;font-weight: 500; margin-bottom:5px;}
#formular-kontakt input { background: #EDEEF4; border:0; border-radius:6px;}
#formular-kontakt p { font-size:14px; font-weight:400}

#formular-kariera { box-shadow: 0px 4px 38px -4px #A0ADB65E; background:#fff; border-radius:20px; padding:30px; z-index:100; position:relative; margin-top:5em;}
#formular-kariera label { color:#284360; font-size: 14px;font-weight: 500; margin-bottom:5px;}
#formular-kariera input { background: #EDEEF4; border:0; border-radius:6px;}
#formular-kariera p { font-size:14px; font-weight:400}

footer { background:#EEF7FA; color:#61647B; margin-top:5em; font-weight: 400;font-style: Regular;font-size: 14px;leading-trim: NONE;line-height: 18px;letter-spacing: 0px;}
footer h3 { font-weight: 600;font-style: SemiBold;font-size: 16px;leading-trim: NONE;line-height: 24px;letter-spacing: 0px; color:#0C0D27}
footer h4 { font-weight: 500;font-style: Medium;font-size: 16px;leading-trim: NONE;line-height: 38px;letter-spacing: 0px; color:#A2C62C;}
footer p strong { color:#0C0D27;font-weight: 600;font-style: SemiBold;font-size: 18px;leading-trim: NONE;line-height: 24px;letter-spacing: 0px; }
footer table { width:100%; }
footer tr td { font-weight: 500;font-style: Medium;font-size: 16px;leading-trim: NONE;line-height: 100%;letter-spacing: 0px;text-align: right; color:#0C0D27; padding-bottom:5px}
footer tr th {font-weight: 400;font-style: Regular;font-size: 16px;leading-trim: NONE;line-height: 100%;letter-spacing: 0px; color:#0C0D27; padding-bottom:5px }
footer a { font-weight: 600;font-style: SemiBold;font-size: 14px;leading-trim: NONE;line-height: 18px;letter-spacing: 0px; color:#0C0D27; text-decoration:none}
footer a:hover{ text-decoration:underline;}
footer a.link { font-weight: 600;font-style: SemiBold;font-size: 20px;leading-trim: NONE;line-height: 32px;letter-spacing: 0px; color:#0C0D27; margin-left:15px; text-decoration:none; }
footer a.link:hover { text-decoration:underline;}
footer ul { list-style:none; margin:0; padding:0;}
footer ul li { line-height:2.3; border:1px solid #A2C62C; text-align:center; margin-bottom:10px;}
footer ul li a { display:block; text-decoration:none; font-weight: 400;font-style: Regular;font-size: 16px;leading-trim: NONE;line-height: 38px;letter-spacing: 0px; color:#0C0D27; width:100% }
footer ul li a:hover { background:#a2c62c; text-decoration:none; color:#fff;}

@media only screen and (max-width: 991px) {
  .contact-form .title { width:100%;}
}

@media only screen and (max-width: 768px) {
    #about img { max-width:30%}

}

@media only screen and (max-width: 580px) {
    .contact-form .title { left:0;}
}

.image-container { position: relative; width: 100%; max-width: 100%;  height: 974px;      overflow: hidden;    }    
.image-container.subpage {        height:480px;     }
.image-container img.top {      width: 100%;      height: 100%;      object-fit: cover;    }
.gradient-overlay {      position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: linear-gradient(180deg, #244199 0%, rgba(18, 114, 66, 0.1) 100%); z-index: 1; }
.image-container .top {  width: 100%;  height: auto;  opacity: 1;  transition: opacity 0.5s ease-in-out;}

.image-container.subpage .gradient-overlay { background: linear-gradient(180deg, #244199 0%, rgba(18, 114, 66, 0.1) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, #ffffff 100%);  }

.navbar-overlay {      position: absolute;      top: 0;      left: 0;      width: 100%;      z-index: 5;    }
.headline {      position: absolute;      top: 50%;      left: 50%;      transform: translate(-50%, -50%);      z-index: 3;      color: white;      text-align: center;      padding: 0 1rem;      width:75%;      max-width:1000px;    }
.headline h1 {      font-size: 2.5rem;      font-weight: bold;      text-shadow: 0 2px 6px rgba(0,0,0,0.5);      color:#fff;    }
@media (min-width: 768px) {  .headline h1 {   font-size: 3.5rem;   }  }

@media (min-width: 1200px) { .row-cols-xl-8-custom > * { flex: 0 0 auto; width: 12.5%; } }
#searchWrapper { top: 100%; }
#searchWrapper input { border-radius:0;}

.submenu-container { background-color: white; border-radius: 12px; padding: 10px 15px; display: inline-block;  box-shadow: 0 2px 6px rgba(0,0,0,0.1); }
.submenu-container .nav-link { color: #0C0D27 !important; border-radius: 8px; font-weight: 600; font-style: SemiBold; font-size: 16px; leading-trim: NONE; line-height: 32px; letter-spacing: 0px; }
.submenu-container .nav-link:hover {  background-color: #f0f0f0;}
.submenu-container .nav-link.zeleny {  background-color: #A2C62C;  color: white !important; }

#firmy .firma-box {  width: 100%;  aspect-ratio: 1 / 1;  overflow: hidden;  position: relative;}
#firmy a { text-decoration:none;}
#firmy .firma-img {  width: 100%;  height: 100%;  background-size: cover;  background-position: center;  position: relative;  display: flex;  align-items: flex-end;  transition: transform 0.4s ease;}
#firmy .firma-overlay {  width: 100%;  padding: 20px;  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);  color: white;  text-align: left;}
#firmy .firma-nazev { margin: 0;font-weight: 600;font-style: SemiBold;font-size: 18px;leading-trim: NONE;line-height: 32px;letter-spacing: 0px; }
#firmy .firma-adresa { margin: 0;  font-size: 0.9rem;  background: url('../img/ico-map.svg') no-repeat left center;  padding-left:16px;}
#firmy .firma-box:hover .firma-img { transform: scale(1.05); }
#firmy .adresa { background: #EEF7FA; padding:20px; }
#firmy .adresa a { color:#0C0D27;  text-decoration:underline;     word-wrap: break-word;}
#firmy .adresa a:hover { color:rgb(162, 198, 44);}
#firmy .adresa h4 { font-weight: 600;font-style: SemiBold;font-size: 20px;leading-trim: NONE;line-height: 32px;letter-spacing: 0px; color:#0C0D27}
#firmy .firmytext a { color:#A2C62C; font-weight:bold  }
#firmy .firmytext a:hover { color:#094627; font-weight:bold;text-decoration:underline; }
#firmy .likeh2 { font-weight: 800;font-style: ExtraBold;font-size: 28px;leading-trim: NONE; line-height: 100%;letter-spacing: 0px; color:#094627 }
#firmy .download a, #firmy .popfir a { color:#A2C62C; text-decoration:underline; font-weight:bold;}
#firmy .download a:hover, #firmy .popfir a:hover { color:#094627;}
#map { width: 100%; height: 700px;}

#hlavni .clanek-box {  width: 100%;  aspect-ratio: 1 / 1;  overflow: hidden;  position: relative;}
#hlavni .clanek-img {  width: 100%;  height: 100%;  background-size: cover;  background-position: center;  position: relative;  display: flex;  align-items: flex-end;  transition: transform 0.4s ease;}

.modal-dialog { max-width: 90% !important;   width: auto;}
.modal-content { height: auto;}
.ratio.ratio-16x9 { background-color: transparent !important; }
button.buttschranka { background:none; border:0; } 

.breadcrumb-item { font-size: 12px;leading-trim: NONE;line-height: 16px;letter-spacing: 0px;}
.breadcrumb-item a.home img { margin-top:-4px;}
.breadcrumb-item a { color:#61647B;font-weight: 500;font-style: Medium;font-size: 12px;leading-trim: NONE;line-height: 16px;letter-spacing: 0px; }
.breadcrumb-item.active { color:#0C0D27;font-weight: 700;font-style: Medium;font-size: 12px;leading-trim: NONE;line-height: 16px;letter-spacing: 0px;text-decoration: underline;}
.breadcrumb-item + .breadcrumb-item::before { color:#DDEBF3}