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

.container-fluid { max-width:100%;  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(209, 216, 241, 0.3); }
.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:0px; 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:#1b98e0 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-primary.submit { border-radius:10px;}
.btn-secondary { background-color:unset; background-position:92% center;  color:#1b98e0 !important; padding-right:44px; padding-left:0 !important; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'><path fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/></svg>");  background-repeat: no-repeat;  background-size: 16px 16px; }
.btn-secondary:hover { background-color:unset;   background-position:92% center; background-repeat:no-repeat; color:#111111; text-decoration:underline}
.btn-green { color:#fff !important; background:#1b98e0; 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:#1b98e0; 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;}
.error { background:red; color:#fff; font-size:16px; padding:10px;}
.messsage { background:green; color:#fff; font-size:16px; padding:10px;}
.form-control-small { width:25%;}

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

.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);   background: linear-gradient(to top, #000, #999) !important;}
.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:#1b98e0 !important;  border-bottom: 2px solid #1b98e0}
.nav-link:hover { color:#1b98e0 !important; }
.nav-link.active.btn-green { color:#fff !important}
.nav-link.btn-green:hover { color:#1b98e0 !important}
.navbar .dropdown-menu {   background-color: rgba(0, 100, 148, 0.7);   border: none; }
.navbar .dropdown-menu .dropdown-item { color: #fff; }
.navbar .dropdown-menu .dropdown-item:hover, .navbar .dropdown-menu .dropdown-item:focus {  background-color: rgba(30, 30, 30, 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: #444;  color: white;  margin-left:.7em }
.nav-link.main2 {  display: inline-flex;     align-items: center;       white-space: nowrap;      }
.nav-link.main2::after {  content: ">";  display: inline-flex;   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: #1b98e0;  color: white;}
.navbar-nav {  flex: 0 0 100%;    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: #000;  border: none;  border-radius: 0 !important;  padding: 0.8rem;}
.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 h2 { font-weight: 700;font-style: Bold;font-size: 40px;leading-trim: NONE;line-height: 32px;color: #1b98e0; margin-bottom:0.5em}
#rozcestnik h2 a { color:#13293d; text-decoration:none }
#rozcestnik h2 a:hover { text-decoration:underline; color:#006494}
#rozcestnik p { font-weight: 400; font-style: Regular;font-size: 16px;leading-trim: NONE;line-height: 24px;letter-spacing: 0px; }
#rozcestnik img:hover { border:2px solid #e8f1f2; }

#news { background:#eaf5ff;}
#hlavni #news { background:#fff;} 
#news .newsitem {  background:#fff; 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:#111111; 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 { background-color:#13293d; color:#fff; padding:2px; width: 100px; text-align: center; font-size:14px;}

#partneri { background: linear-gradient(to bottom, #eaf5ff 0%, #ffffff 25%, #ffffff 100%);}
#partneri img { max-height:100px;}

#hlavni ul li { color:#6A899E; font-size:16px; line-height:26px; font-weight:400; }
#hlavni p { font-size:16px; line-height:26px; color:#111; 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:#1b98e0; 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:#006494 }
#hlavni a { color:#1b98e0; font-weight:bold  }
#hlavni a:hover { color:#006494; 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:6em;}
.contact-form .title { background:#1b98e0; border-radius:33px; height:350px; position:absolute; top:-6em; left:-2em; z-index:50; padding:2em; width:60%; color:#D1D8F1}
.contact-form .title h3 { color:#fff !important;}
.contact-form .title p { color:#D1D8F1 !important}
.contact-form h3 { color:#fff; font-size: 28px;font-weight: 600; }

.filter-form { position:relative; z-index:10; margin-top:4em;}
.filter-form .title { background:#1b98e0; border-radius:33px; height:250px; position:absolute; top:-4em; left:-2em; z-index:50; padding-left:2em; padding-top:1em; width:60%; color:#D1D8F1}
.filter-form .title p { color:#D1D8F1 !important}
.filter-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-upload { box-shadow: 0px 4px 38px -4px #A0ADB65E; background:#fff; border-radius:20px; padding:30px; z-index:100; position:relative; margin-top:5em;}
#formular-upload label { color:#284360; font-size: 14px;font-weight: 500; margin-bottom:5px;}
#formular-upload input { background: #EDEEF4; border:0; border-radius:6px;}
#formular-upload p { font-size:14px; font-weight:400}

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

footer { background:#13293d; color:#fff; margin-top:5em; font-weight: 400;font-style: Regular;font-size: 14px;leading-trim: NONE;line-height: 18px;letter-spacing: 0px;}
footer h2 { color:#1b98e0;}
footer h3 { font-weight: 600;font-style: SemiBold;font-size: 20px;leading-trim: NONE;line-height: 24px;letter-spacing: 0px; color:#fff; margin-bottom:1em}
footer h4 { font-weight: 500;font-style: Medium;font-size: 16px;leading-trim: NONE;line-height: 38px;letter-spacing: 0px; color:#fff;}
footer p strong { color:#fff;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:#fff; 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:#fff; padding-bottom:5px }
footer a { font-weight: 600;font-style: SemiBold;font-size: 14px;leading-trim: NONE;line-height: 18px;letter-spacing: 0px; color:#fff; 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:#fff; 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 a { display:block; text-decoration:underline; font-weight: 400;font-style: Regular;font-size: 16px;leading-trim: NONE;line-height: 38px;letter-spacing: 0px; color:#fff; width:100% }
footer ul li a:hover { color:#1b98e0; text-decoration:none; }

@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:350px;     }
.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, #333 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, #333 0%, rgba(27, 152, 224, 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;   margin-top: 0; }
.headline h1 {      font-size: 3.5rem;      font-weight: bold;      text-shadow: 0 2px 6px rgba(0,0,0,0.5);      color:#fff;    }
@media (max-width: 768px) {  .headline h1 {   font-size: 2.5rem;   }  }
@media (max-width: 512px) {  .headline h1 {   font-size: 1.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: #111111 !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: #1b98e0;  color: white !important; }

#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:#111111;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}

@media (max-width: 1399.98px) { .navbar-brand img { height:70px;} }

@media (max-width: 1399.98px) {
  .navbar-overlay .collapse.navbar-collapse {   position: fixed;    inset: 0;    height: 100vh;    width: 100%;    background: rgba(8,13,18,0.98);    z-index: 1100;    display: block;    padding: 6.5rem 1.5rem;    overflow-y: auto;    pointer-events: none;    opacity: 0;    transform: translateY(-6%);    transition: opacity 280ms ease, transform 360ms cubic-bezier(.2,.9,.2,1);    will-change: transform, opacity;  }
  .navbar-overlay.menu-open .collapse.navbar-collapse {    opacity: 1;    transform: translateY(0);    pointer-events: auto;  }
  .navbar-overlay .close-menu {    position: absolute;    top: 0.75rem;    right: 0.75rem;    z-index: 1110;    width: 42px;    height: 42px;    display: inline-flex;    align-items: center;    justify-content: center;    border-radius: 4px;    transition: transform 360ms cubic-bezier(.2,.9,.2,1), opacity 220ms ease;    transform-origin: center; }
  .navbar-overlay .close-menu.is-open {    transform: rotate(180deg) scale(1.02);  }
  .navbar-overlay .navbar-toggler {    z-index: 1150;    transition: transform 220ms ease, opacity 220ms ease;  }
  .navbar-overlay .navbar-toggler.hidden-while-open {    opacity: 0;    transform: scale(0.92);    pointer-events: none;  }
  .navbar-overlay .navbar-nav {    display: flex;    flex-direction: column;    gap: 0.5rem;    align-items: center;    justify-content: center;  }
  .navbar-overlay .nav-item {    opacity: 0;    transform: translateY(10px);    transition: opacity 360ms cubic-bezier(.2,.9,.2,1), transform 360ms cubic-bezier(.2,.9,.2,1);  }
  .navbar-overlay.menu-open .nav-item {    opacity: 1;    transform: translateY(0);  }
  .navbar-overlay.menu-open .nav-item:nth-child(1) { transition-delay: 80ms; }
  .navbar-overlay.menu-open .nav-item:nth-child(2) { transition-delay: 130ms; }
  .navbar-overlay.menu-open .nav-item:nth-child(3) { transition-delay: 180ms; }
  .navbar-overlay.menu-open .nav-item:nth-child(4) { transition-delay: 230ms; }
  .navbar-overlay.menu-open .nav-item:nth-child(5) { transition-delay: 280ms; }
  .navbar-overlay.menu-open .nav-item:nth-child(6) { transition-delay: 330ms; }
  .navbar-overlay.menu-open .nav-item:nth-child(7) { transition-delay: 380ms; }
  .navbar-overlay.menu-open .nav-item:nth-child(8) { transition-delay: 430ms; }
  .navbar-overlay .nav-link {  transition: color 160ms ease, transform 160ms ease; }
  .navbar-overlay .nav-link:hover { transform: translateY(-2px); color: #a8ffd1; }
}

.navbar-overlay .close-menu {  display: none !important;  opacity: 0;  pointer-events: none;  transition: opacity 200ms ease, transform 240ms cubic-bezier(.2,.9,.2,1);}
.navbar-overlay.menu-open .close-menu, .navbar-overlay .collapse.navbar-collapse.show .close-menu {  display: inline-flex !important;  opacity: 1;  pointer-events: auto;  transform: rotate(0deg) scale(1); }
.navbar-overlay .close-menu.is-open {  transform: rotate(180deg) scale(1.02);}
.navbar-overlay .navbar-toggler.hidden-while-open {  display: none !important;  opacity: 0;  pointer-events: none;}
.navbar-overlay .navbar-toggler {  z-index: 1150;  position: relative;}
.overlay-brand {  position: absolute;  left: 50%;  top: 1rem;  transform: translateX(-50%) translateY(-8px);  z-index: 1130;  opacity: 0;  transition: transform 320ms cubic-bezier(.2,.9,.2,1), opacity 220ms ease;  pointer-events: none;}
.navbar-overlay.menu-open .overlay-brand {  position: fixed;  display: block;  left: 50%;  top: 1rem;  transform: translateX(-50%) translateY(0);  opacity: 1;  pointer-events: auto;}
.navbar-overlay.menu-open .overlay-brand img {  height: 60px;  width: auto;  display: block;}
.navbar-overlay.menu-open .site-brand {  visibility: hidden;  opacity: 0;  pointer-events: none;  transition: visibility 0s linear 220ms, opacity 180ms ease;}

#aos-img, .aos-img { display: inline-block;  max-width: 100%;  height: auto;  transition: transform 560ms cubic-bezier(.2,.9,.2,1), filter 420ms ease, opacity 420ms ease;  transform-origin: center;  box-shadow: 0 6px 22px rgba(3,8,15,0.18);  border-radius: 0px;}
.aos-img.aos-animate {  transform: scale(1.02);  filter: saturate(1.06) contrast(1.02);  opacity: 1;}

#rozcestnik .nav, #rozcestnik p, #rozcestnik h2 {  transition: opacity 420ms ease, transform 420ms cubic-bezier(.2,.9,.2,1);}

@media (prefers-reduced-motion: reduce) {
  .aos-img, .aos-img.aos-animate,
  #rozcestnik .nav, #rozcestnik p, #rozcestnik h2 {
    transition: none !important;
    transform: none !important;
  }
}

.aos-img {  display: inline-block;  max-width: 100%;  height: auto;  transition: transform 560ms cubic-bezier(.2,.9,.2,1), filter 420ms ease, opacity 420ms ease;  transform-origin: center;  box-shadow: 0 6px 22px rgba(3,8,15,0.18);  border-radius: 0px;}
.aos-img.aos-animate { transform: scale(1.02); filter: saturate(1.06) contrast(1.02);  opacity: 1; }
.img-shadow { box-shadow: 0 4px 10px rgba(0,0,0,0.25); border-radius: 6px; }  
.modal-narrow { max-width: 350px !important; }

.image-container { position: relative;  height: 100vh;  display: flex;  flex-direction: column;  justify-content: flex-end;  align-items: center; }
.navbar-overlay { position: relative;  z-index: 2;}