:root {
  --header-height: 90px;
  --footer-height: 200px; }

body,
html {
  max-width: 100vw;
  overflow-x: hidden; }

@media (max-width: 991px) {
  .mobile-hidden {
    display: none; } }

@media (min-width: 992px) {
  .mobile-visible {
    display: none; } }

html,
body {
  scroll-padding-top: 60px; }

.text-justify {
  text-align: justify; }

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 800; }

h1,
.h1 {
  font-size: 64px; }
  @media (max-width: 767px) {
    h1,
    .h1 {
      font-size: 36px; } }

h2,
.h2 {
  font-size: 48px; }
  @media (max-width: 767px) {
    h2,
    .h2 {
      font-size: 28px; } }

h3,
.h3 {
  font-size: 36px; }
  @media (max-width: 767px) {
    h3,
    .h3 {
      font-size: 24px; } }

h4,
h4 {
  font-size: 32px;
  font-size: 20px; }

body {
  padding-top: 90px;
  font-family: "Montserrat";
  font-size: 18px; }
  body * {
    box-sizing: border-box; }
  body .heading {
    position: relative;
    margin-bottom: 1.5em;
    display: inline-block; }
    body .heading:after {
      content: " ";
      position: absolute;
      bottom: -10px;
      left: 0;
      width: 85%;
      height: 5px;
      background-color: #003f6f; }
  body header {
    z-index: 99;
    width: 100%;
    height: 90px;
    padding: 10px 0 10px 0;
    top: 0;
    position: fixed;
    left: 0;
    background-color: #fff;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 15px;
    text-align: right; }
    @media (max-width: 767px) {
      body header nav a.phone-mobile {
        position: absolute;
        right: 70px;
        width: 70px;
        text-align: center; }
        body header nav a.phone-mobile .icon svg {
          width: 32px; }
      body header nav a.menu-opener {
        display: block;
        position: absolute;
        right: 0px;
        top: 0px;
        padding: 15px;
        width: 70px;
        height: 70px;
        cursor: pointer;
        transition: background 0.5s;
        margin-right: 0; }
        body header nav a.menu-opener span {
          width: calc(100% - 30px);
          height: 5px;
          top: calc(50% - 2px);
          background-color: #003f6f;
          position: absolute;
          left: 15px;
          transition: all 0.5s; }
          body header nav a.menu-opener span:before {
            content: " ";
            width: 100%;
            height: 5px;
            top: 15px;
            background-color: #003f6f;
            position: absolute;
            left: 0px;
            transition: all 0.5s; }
          body header nav a.menu-opener span:after {
            content: " ";
            width: 100%;
            height: 5px;
            bottom: 15px;
            background-color: #003f6f;
            position: absolute;
            left: 0px;
            transition: all 0.5s; }
        body header nav a.menu-opener.active {
          background-color: #003f6f; }
          body header nav a.menu-opener.active span {
            transform: rotateZ(45deg);
            background-color: #fff; }
            body header nav a.menu-opener.active span:before {
              opacity: 0; }
            body header nav a.menu-opener.active span:after {
              background-color: #fff;
              transform-origin: right middle;
              transform: translate3D(0px, 15px, 0) rotateZ(-90deg); } }
    body header a {
      font-size: 18px;
      font-weight: normal;
      text-decoration: none;
      color: #003f6f;
      display: inline-block;
      line-height: 70px;
      margin-right: 20px;
      padding: 0 10px 0 10px; }
      body header a:hover {
        color: #5ebcc3; }
      body header a:last-child {
        margin-right: 0%; }
      body header a.logo {
        float: left;
        padding: 0;
        height: 70px;
        width: auto;
        position: relative;
        font-size: 36px;
        font-weight: bold; }
        @media (max-width: 991px) {
          body header a.logo {
            font-size: 24px; } }
        body header a.logo img {
          display: inline-block;
          vertical-align: top;
          height: 70px;
          width: auto; }
          @media (max-width: 767px) {
            body header a.logo img {
              height: 55px; } }
  body #mobile-menu {
    position: fixed;
    right: -285px;
    top: 90px;
    width: 270px;
    max-width: 100vw;
    height: calc(100vh - 90px);
    background: #003f6f;
    color: #fff;
    transition: right 0.5s;
    z-index: 98;
    display: block;
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 15px; }
    body #mobile-menu.active {
      right: 0; }
    body #mobile-menu .bottom {
      position: absolute;
      bottom: 15px; }
    body #mobile-menu a {
      text-decoration: none;
      display: block;
      line-height: 20px;
      width: 100%;
      padding: 15px;
      border-bottom: 1px solid #fff;
      color: #fff;
      text-align: left;
      font-size: 18px; }
      body #mobile-menu a.noborder {
        border-bottom: none;
        padding: 5px 15px; }
      body #mobile-menu a .icon {
        display: inline-block;
        vertical-align: middle;
        height: auto;
        margin-right: 5px; }
        body #mobile-menu a .icon svg {
          transform: scaleX(-1);
          width: 16px;
          margin-top: -14px;
          fill: #fff; }
        body #mobile-menu a .icon.icon-mobile svg {
          margin-top: -8px; }
      body #mobile-menu a:hover svg {
        fill: #fff; }
  body #mobile-menu-closer {
    position: fixed;
    display: none;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 97; }
    body #mobile-menu-closer.active {
      display: block; }
  body main {
    min-height: calc(100vh - var(--header-height) - var(--footer-height));
    overflow-y: visible;
    height: auto; }
  body .window-overlay {
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    position: fixed;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(20px);
    z-index: 99; }
  body .window {
    z-index: 100;
    width: auto;
    height: auto;
    max-width: 90vw;
    max-height: 90vh;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate3D(-50%, -50%, 0);
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    box-sizing: border-box; }
    body .window .close {
      color: #fff;
      font-weight: 100;
      font-size: 32px;
      text-align: center;
      line-height: 50px;
      text-decoration: none !important;
      position: absolute;
      right: -10px;
      top: -10px;
      background: #003f6f;
      border-radius: 50%;
      width: 50px;
      height: 50px;
      z-index: 101; }
    body .window.window-sticky {
      top: 70px;
      left: 0;
      transform: none;
      width: 100%;
      max-width: unset; }
      body .window.window-sticky .close {
        font-size: 14px;
        width: 25px;
        height: 25px;
        right: 0;
        top: 0;
        line-height: 25px;
        color: #fff; }
    body .window .alert a {
      color: inherit;
      font-weight: bold; }
    body .window .alert:last-child {
      margin-bottom: 0; }
  body #hero {
    width: 100vw;
    height: calc(100vh - var(--header-height));
    overflow: hidden;
    position: relative;
    padding-top: 0;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center; }
    @media (orientation: portrait) {
      body #hero {
        height: 160vw; } }
    body #hero::before {
      content: "";
      display: block;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      background: url("../img/hero.jpg") no-repeat center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover; }
    @media (orientation: portrait) {
      body #hero::before {
        height: calc(160vw); } }
    body #hero::after {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: auto;
      width: 100%;
      height: 10px;
      bottom: 0px;
      background: #003f6f;
      z-index: 1; }
    body #hero .container-fluid {
      padding-left: 0;
      padding-right: 0; }
    body #hero img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      left: 0;
      opacity: 0 !important;
      z-index: 8; }
      body #hero img.last-active {
        z-index: 9; }
      body #hero img.active {
        z-index: 10; }
    body #hero .overlay {
      position: relative;
      width: 100%;
      height: calc(100vh - var(--header-height));
      background: linear-gradient(rgba(0, 63, 111, 0.2), rgba(0, 63, 111, 0.8));
      z-index: 11; }
      @media (orientation: portrait) {
        body #hero .overlay {
          height: calc(160vw); } }
      body #hero .overlay .align-bottom {
        bottom: 60px;
        position: absolute; }
  body .giant {
    font-size: 64px;
    line-height: 80px;
    text-align: center;
    display: block;
    width: 100%;
    width: 85px;
    height: 85px;
    border: 2px solid #efbe12;
    border-radius: 50%;
    font-weight: 800; }
    @media (max-width: 1199px) {
      body .giant {
        font-size: 40px;
        line-height: 60px;
        width: 60px;
        height: 60px; } }
  body .not-so-giant {
    font-size: 36px;
    line-height: 46px;
    text-align: center;
    display: inline-block;
    width: 100%;
    width: 46px;
    margin-right: 15px;
    height: 46px;
    border: 1px solid #efbe12;
    border-radius: 50%;
    font-weight: 800;
    float: left; }
    @media (min-width: 768px) {
      body .not-so-giant {
        display: none !important; } }
  body .card.person {
    height: calc(100% - 3rem); }
    @media (max-width: 767px) {
      body .card.person h5.card-title {
        font-size: 1rem; } }
    @media (max-width: 767px) {
      body .card.person .card-text {
        font-size: 14px; } }
    @media (max-width: 767px) {
      body .card.person .card-body {
        padding: 8px; } }
    @media (max-width: 767px) {
      body .card.person {
        height: calc(100% - 1rem);
        margin-bottom: 1rem !important; } }
  body .row.people {
    margin-left: -4px;
    margin-right: -4px; }
    @media (max-width: 767px) {
      body .row.people .person-wrap {
        padding-left: 4px;
        padding-right: 4px; } }
  body section {
    z-index: 2;
    position: relative; }
    body section.light {
      background: #eff5ed;
      color: #222;
      padding-top: 3em;
      padding-bottom: 3em; }
    body section.white {
      background: #fff;
      color: #222;
      padding-top: 3em;
      padding-bottom: 3em; }
    body section.yellow {
      background: #efbe12;
      color: #222;
      padding-top: 3em;
      padding-bottom: 3em; }
    body section.dark {
      background: #003f6f;
      color: #fff;
      padding-top: 3em;
      padding-bottom: 3em; }
      body section.dark .heading:after {
        background-color: #fff; }
    body section.green {
      background: #438f39;
      color: #fff;
      padding-top: 3em;
      padding-bottom: 3em; }
      body section.green .heading:after {
        background-color: #efbe12; }
    body section.blue-light {
      background: linear-gradient(144deg, #5ebcc3, #003f6f);
      color: #fff;
      padding-top: 3em;
      padding-bottom: 3em;
      height: auto; }
  body .photo-square {
    box-sizing: content-box;
    width: 100%;
    padding-bottom: 100%;
    height: 0;
    position: relative; }
    body .photo-square img {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      object-fit: cover;
      z-index: 1; }
    body .photo-square .photo-label {
      background: #003f6f;
      color: #fff;
      font-size: 24px;
      padding: 10px;
      z-index: 2;
      position: absolute;
      width: 100%;
      bottom: 0; }
  body .columns-2 {
    column-count: 2; }
    @media (max-width: 767px) {
      body .columns-2 {
        column-count: 1;
        column-gap: 64px; } }
  body ul.program li {
    margin-bottom: 15px; }
    body ul.program li .program-title {
      font-weight: bold;
      font-size: 20px; }
  body .card-blue {
    background-color: #003f6f;
    color: #fff; }
  body .card-yellow {
    background-color: #efbe12;
    color: #000; }
  body .card-green {
    background-color: #438f39;
    color: #fff; }
  body footer {
    background-color: #003f6f;
    color: #fff;
    min-height: 200px;
    padding-top: 3em;
    padding-bottom: 3em;
    color: #fff;
    position: relative;
    z-index: 2; }
    body footer a {
      color: inherit;
      text-decoration: none; }
      body footer a:hover {
        color: inherit;
        text-decoration: underline; }
    body footer .full-width {
      width: 100%; }
    body footer .aspect-4-3 {
      width: 100%;
      position: relative;
      height: 0;
      padding-bottom: 56%; }
      body footer .aspect-4-3 iframe {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute; }
    @media (max-width: 991px) {
      body footer .divider {
        margin-bottom: 20px; } }
    @media (max-width: 991px) {
      body footer .sm-text-center {
        text-align: center; } }
    body footer .hours tr {
      border-bottom: 1px dotted #fff; }
    body footer .hours td {
      text-align: right; }
    body footer .logo {
      width: 120px;
      height: auto;
      max-width: 100%; }
    body footer .heading:after {
      background-color: #da121a; }
  body a .icon {
    display: inline-block;
    vertical-align: middle;
    height: auto; }
    body a .icon svg {
      transform: scaleX(-1);
      width: 16px;
      margin-top: -14px;
      fill: #003f6f; }
    body a .icon.icon-mobile svg {
      margin-top: -8px; }
  body a:hover svg {
    fill: #5ebcc3; }
  body .badge-blue {
    background-color: #003f6f; }
  body .badge-green {
    background-color: #438f39; }
  body .blue {
    color: #003f6f; }
  body .green {
    color: #438f39; }
  body .red {
    color: #d9121b; }
  body #jizdni-rad {
    font-weight: 600; }
  body .rounded {
    border-radius: 25px; }
  body .light-blue {
    background: #e6ecf1; }
  body .light-green {
    background: #ECF4EB; }
  @media (max-width: 767px) {
    body .xs-no-rounding {
      border-radius: 0 !important; } }
  body table.roadmap {
    font-size: 15px; }
    body table.roadmap tbody tr {
      border-bottom: 1px solid #222; }
      body table.roadmap tbody tr:last-child {
        border-bottom: none; }
      body table.roadmap tbody tr td {
        padding-top: 10px;
        padding-bottom: 10px; }

/*# sourceMappingURL=style.css.map */