.page {
  background-image: url(../img/podstranka_bg.jpg);
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat; }
  @media all and (max-width: 785px) {
    .page {
      background-size: 785px auto; } }
  .page #lay-hdr {
    max-height: 450px;
    height: calc(100vw / 25 * 7);
    min-height: 220px;
    position: relative; }
    .page #lay-hdr h1 {
      width: 100%;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      text-align: center;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 50px;
      color: white; }
      @media all and (max-width: 800px) {
        .page #lay-hdr h1 {
          font-size: 46px; } }
      @media all and (max-width: 700px) {
        .page #lay-hdr h1 {
          font-size: 42px; } }
      @media all and (max-width: 600px) {
        .page #lay-hdr h1 {
          font-size: 38px; } }
      @media all and (max-width: 500px) {
        .page #lay-hdr h1 {
          font-size: 34px; } }
      @media all and (max-width: 400px) {
        .page #lay-hdr h1 {
          font-size: 30px; } }
      .page #lay-hdr h1 strong {
        font-weight: 800; }
  .page .body {
    padding: 50px 10px 80px; }
    .page .body .aside-nav {
      float: left;
      width: 320px;
      padding: 40px 30px;
      border-radius: 30px;
      background: #121238; }
      .page .body .aside-nav h3 {
        margin-bottom: 30px;
        text-transform: uppercase;
        font-weight: 800;
        font-size: 24px;
        color: white; }
      .page .body .aside-nav a {
        display: block;
        position: relative;
        padding: 10px 0;
        padding-left: 20px;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 17px; }
        .page .body .aside-nav a:hover span, .page .body .aside-nav a.aktivni span {
          padding-left: 20px;
          padding-right: 0;
          color: #fa3b65; }
        .page .body .aside-nav a:before {
          content: "";
          display: block;
          width: 10px;
          height: 2px;
          position: absolute;
          top: 19px;
          left: 0;
          background: #fa3b65; }
        .page .body .aside-nav a span {
          display: block;
          padding-right: 20px;
          color: #4a4c6f;
          transition: padding .5s ease, color .5s ease; }
    .page .body main {
      float: left;
      width: calc(100% - 320px);
      padding-left: 80px;
      padding-top: 50px;
      color: #515477; }
      .page .body main.full {
        width: 100%;
        padding-left: 0; }
      @media all and (max-width: 800px) {
        .page .body main {
          width: 100%;
          padding-left: 0; } }
      .page .body main h2 {
        margin-bottom: 44px;
        text-transform: uppercase;
        font-weight: 800;
        font-size: 32px;
        color: white; }
      .page .body main a {
        border-bottom: 2px solid #fa3b65;
        color: #fa3b65; }
  .page #glrs {
    max-width: 920px;
    text-align: center;
    word-spacing: -0.3em; }
    .page #glrs p {
      margin: 10px 0 20px;
      text-align: left; }
    .page #glrs .glr {
      display: inline-block;
      height: 280px;
      width: 280px;
      overflow: hidden;
      position: relative;
      margin-bottom: 30px;
      word-spacing: 0;
      background-size: cover;
      cursor: pointer; }
      @media all and (min-width: 920px) {
        .page #glrs .glr {
          width: calc((100% - 60px) / 3); }
          .page #glrs .glr:nth-of-type(3n - 1) {
            margin-left: 30px;
            margin-right: 30px; } }
      @media all and (min-width: 620px) and (max-width: 919px) {
        .page #glrs .glr {
          width: calc(50% - 15px); }
          .page #glrs .glr:nth-of-type(even) {
            margin-left: 30px; } }
      @media all and (max-width: 619px) {
        .page #glrs .glr {
          width: 320px;
          max-width: 100%; } }
      .page #glrs .glr.video {
        position: relative; }
        .page #glrs .glr.video:after {
          content: "";
          display: block;
          width: 60px;
          height: 45px;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          background: url(../img/youtube-button.svg);
          background-repeat: no-repeat; }
      .page #glrs .glr video {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        filter: grayscale(50%); }
      .page #glrs .glr .text {
        width: 100%;
        position: absolute;
        bottom: 0;
        padding: 10px 5px;
        background: #fa3b65; }
        .page #glrs .glr .text h3 {
          color: white;
          font-weight: 800;
          font-size: 20px; }
        .page #glrs .glr .text time {
          display: block;
          margin-top: 4px;
          color: #87162e; }

.text3 {
  width: 100%;
  min-height: 360px;
  position: relative;
  padding: 40px 0; }
  .text3:after {
    content: "";
    display: block;
    clear: both; }
  @media all and (min-width: 701px) {
    .text3 .text3-obsah {
      width: 60%; }
    .text3 .text3-foto {
      width: 40%;
      height: 100%;
      position: absolute;
      top: 0; }
      .text3 .text3-foto img {
        width: 100%;
        height: 100%;
        max-width: 400px;
        max-height: 400px;
        object-fit: contain;
        object-position: center center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .text3:nth-of-type(odd) .text3-obsah {
      float: left;
      padding-right: 20px; }
    .text3:nth-of-type(odd) .text3-foto {
      right: 0; }
    .text3:nth-of-type(even) .text3-obsah {
      float: right;
      padding-left: 20px;
      text-align: right; }
    .text3:nth-of-type(even) .text3-foto {
      left: 0; } }
  @media all and (max-width: 700px) {
    .text3 .text3-foto {
      max-width: 100%;
      padding-top: 20px; }
      .text3 .text3-foto img {
        max-width: 100%; } }

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