@font-face {
  font-family: Glyph;
  src: url('../fonts/glyph_r_.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Minionpro;
  src: url('../fonts/MinionPro-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bebas Neue;
  src: url('../fonts/BebasNeueBook.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bebas Neue;
  src: url('../fonts/BebasNeueBold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Campton;
  src: url('../fonts/CamptonMedium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Campton;
  src: url('../fonts/CamptonSemiBold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Campton;
  src: url('../fonts/CamptonLight.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Campton;
  src: url('../fonts/CamptonBlack.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Campton;
  src: url('../fonts/CamptonBold.otf') format("opentype"), url('../fonts/CamptonExtraBold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: CamptonCamptonbook;
  src: url('../fonts/CamptonBook.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --hp-red: #a70336;
  --hp-blue: #141760;
  --light-bg: #e0e0ec;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: #000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  font-family: Source Serif Pro, sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: flex;
}

h1 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 40px;
  font-family: Campton, sans-serif;
  font-size: 60px;
  font-weight: 300;
  line-height: 70px;
  display: block;
}

h2 {
  max-width: none;
  margin: 40px auto 30px;
  font-family: Campton, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 36px;
}

h3 {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Campton, sans-serif;
  font-size: 24px;
  font-weight: 900;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Campton, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}

p {
  text-align: left;
  max-width: none;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}

a {
  color: var(--hp-red);
  cursor: pointer;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

img {
  display: inline-block;
}

strong {
  font-weight: 900;
}

.header {
  z-index: 1000;
  text-align: center;
  background-color: #0000;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 130px;
  padding: 40px 60px;
  font-family: Source Sans Pro, sans-serif;
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
}

.button-chapters {
  float: right;
  background-color: var(--hp-blue);
  text-align: right;
  text-transform: uppercase;
  background-image: url('../images/chapters-icon.svg');
  background-position: 30px;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  height: 50px;
  padding: 12px 30px 12px 50px;
  font-family: Source Sans Pro, sans-serif;
  font-size: 16px;
  transition: background-color .2s;
  display: inline;
  position: relative;
  right: 0;
}

.button-chapters:hover {
  background-color: var(--hp-red);
}

.body {
  color: #000;
  object-fit: fill;
  max-width: 100vw;
  height: auto;
  font-family: Source Serif Pro, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  overflow: visible;
}

.menu {
  z-index: 1000;
  background-color: var(--hp-blue);
  width: 100%;
  min-height: 100%;
  padding: 5vh 5vh 0%;
  transition: all .2s;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.chapter-title {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
  flex-direction: column;
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: Campton, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  position: relative;
}

.chapter-description {
  color: #b1b2cf;
  cursor: pointer;
  flex-flow: column wrap;
  font-family: Campton, sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 18px;
  display: flex;
  position: relative;
}

.chapter {
  z-index: 2000;
  color: #b5b6d6;
  cursor: pointer;
  border: 1px #0000;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 420px;
  padding: 0 20px 0 0;
  font-family: Campton, sans-serif;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
}

.chapter:hover {
  color: #fff;
  border: 1px #000;
  text-decoration: none;
}

.chapter.w--current {
  grid-row-gap: 0px;
  color: #fff;
  justify-content: space-between;
  align-items: center;
  max-width: 440px;
}

.chapter.w--current:hover {
  border-style: none;
  border-width: 0;
}

.menu-red-carpet {
  z-index: 4200;
  background-color: var(--hp-red);
  width: 0;
  min-width: 100%;
  height: 0%;
  min-height: 100vh;
  display: block;
  position: fixed;
  top: 0;
  left: -100%;
}

.menu-blue-carpet {
  z-index: 4300;
  background-color: var(--hp-blue);
  width: 0;
  min-width: 100%;
  height: 0%;
  min-height: 100vh;
  display: block;
  position: fixed;
  top: 0;
  left: -100%;
}

.text-white {
  color: #fff;
}

.menu-close {
  z-index: 10000;
  background-color: var(--hp-blue);
  text-align: center;
  border: 1px solid #676aa7;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
  position: absolute;
  top: 30px;
  right: 30px;
}

.menu-close:hover {
  border-color: #fff;
}

.previous-chapter-arrow {
  z-index: 1000;
  background-color: var(--hp-red);
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  width: 40px;
  height: 60px;
  margin-top: -30px;
  margin-left: 0;
  padding-top: 0;
  padding-left: 12px;
  padding-right: 0;
  text-decoration: none;
  transition: background-color .2s;
  display: none;
  position: fixed;
  top: 50%;
}

.previous-chapter-arrow:hover {
  background-color: var(--hp-blue);
}

.next-chapter-arrow {
  z-index: 1000;
  background-color: var(--hp-red);
  justify-content: flex-end;
  align-items: center;
  width: 40px;
  height: 60px;
  margin-top: -30px;
  margin-left: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 12px;
  text-decoration: none;
  transition: background-color .2s;
  display: none;
  position: fixed;
  top: 50%;
  right: 0;
}

.next-chapter-arrow:hover {
  background-color: var(--hp-blue);
}

.number-white-red {
  color: var(--hp-red);
  text-transform: none;
  background-color: #0000;
  width: auto;
  max-width: 300px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 24px 30px;
  font-family: Oswald, sans-serif;
  font-size: 16px;
  font-style: italic;
  line-height: 20px;
  display: inline-block;
}

.number-white-blue {
  color: var(--hp-blue);
  text-transform: none;
  background-color: #0000;
  flex: 0 auto;
  width: auto;
  max-width: 260px;
  margin: 0 10px;
  padding: 24px 30px;
  font-family: Oswald, sans-serif;
  font-size: 16px;
  font-style: italic;
  line-height: 20px;
  display: inline-block;
}

.icon-text-block-top {
  text-align: left;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  max-width: 860px;
  margin-bottom: 14px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.icon-text-block-top.align-center {
  align-items: center;
  margin-bottom: 0;
}

.image-6 {
  text-align: left;
  max-width: 100%;
  max-height: 50px;
  display: block;
  position: static;
  left: 0;
}

.menu-fixed {
  z-index: 5000;
  opacity: 1;
  object-fit: fill;
  flex-flow: row;
  align-items: flex-start;
  min-width: 100vw;
  height: auto;
  min-height: auto;
  padding-top: 5vh;
  padding-bottom: 5vh;
  font-family: Campton, sans-serif;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: -100vw;
  overflow: auto;
}

.footer-chapter-links {
  z-index: 200;
  background-color: var(--hp-blue);
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 240px;
  margin-top: 0;
  padding: 40px;
  display: block;
  position: relative;
}

.footer-chapter-links-inner {
  border: 1px solid #595b95;
  justify-content: space-between;
  align-items: center;
  height: 160px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.footer-chapter-links-inner.footer-center {
  justify-content: center;
}

.footer-chapter-link {
  color: #fff;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 30%;
  height: 100%;
  padding-left: 31px;
  padding-right: 31px;
  font-family: Campton, sans-serif;
  text-decoration: none;
  display: flex;
}

.footer-link-text {
  margin-left: 20px;
  margin-right: 20px;
}

.footer-link-arrow-left {
  opacity: 0;
  display: block;
}

.footer-link-arrow-right {
  opacity: 0;
}

.title {
  color: var(--hp-blue);
  background-image: url('../images/iStock-1135303398_gold.jpg');
  background-position: 0 0;
  background-size: cover;
  background-attachment: fixed;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  display: block;
}

.wrapper {
  max-width: 100vw;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  display: block;
  position: static;
}

.link-block {
  float: left;
  text-align: left;
  flex: none;
  align-self: center;
  min-width: 120px;
  max-width: 220px;
  max-height: 100px;
  display: inline;
  position: relative;
  left: 0;
}

.link-block.w--current {
  float: left;
  text-align: left;
  flex: none;
  order: 0;
  align-self: center;
  align-items: flex-start;
  width: auto;
  min-width: 120px;
  max-width: 200px;
  min-height: 0;
  max-height: 100px;
  display: block;
  left: 0;
}

.button-main {
  z-index: 1000;
  float: left;
  background-color: var(--hp-blue);
  box-shadow: 1px 1px 50px -3px var(--hp-blue);
  text-align: left;
  letter-spacing: 0;
  text-transform: uppercase;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 90px;
  margin-top: 20px;
  padding: 12px 50px;
  font-family: Source Sans Pro, sans-serif;
  font-size: 15px;
  transition: background-color .2s;
  display: flex;
  position: absolute;
  inset: auto auto 0;
}

.button-main:hover {
  background-color: var(--hp-red);
}

.button-main.start-read {
  font-size: 16px;
  position: fixed;
}

.button-arrow-span {
  background-image: url('../images/button-arrow.svg');
  background-position: 0 0;
  background-size: auto;
  align-self: center;
  width: 35px;
  height: 9px;
  margin-left: 20px;
}

.menu-magazin-title {
  float: left;
  align-self: center;
  width: 20%;
  max-width: 320px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Playfair Display, sans-serif;
  font-size: 60px;
}

.menu-magazin-title.w--current {
  width: 100%;
}

.chapter-number {
  color: #313591;
  text-align: right;
  letter-spacing: 0;
  text-transform: uppercase;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  width: auto;
  min-width: 80px;
  margin-right: 20px;
  padding-bottom: 0;
  font-family: Campton, sans-serif;
  font-size: 50px;
  font-weight: 300;
  line-height: 50px;
  display: flex;
  position: relative;
}

.grid-menu {
  float: right;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  object-fit: contain;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: column;
  place-content: start;
  place-items: start;
  width: 75%;
  max-width: 75%;
  height: auto;
  min-height: 100%;
  max-height: none;
  margin-left: auto;
  margin-right: 60px;
  padding-right: 0;
  position: relative;
  top: auto;
  bottom: auto;
  overflow: visible;
}

.header-inner-full {
  z-index: 1000;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: .5fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  align-items: center;
  width: 90%;
  max-width: 1440px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.chapter-perex {
  color: var(--hp-blue);
  text-align: left;
  width: 100%;
  min-width: 0%;
  max-width: 860px;
  margin: 40px auto 60px;
  font-family: Glyph, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}

.content-body {
  opacity: 1;
  text-align: center;
  object-fit: fill;
  width: 90%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 80px;
  display: block;
  position: relative;
}

.magazin-titulka {
  text-align: center;
  background-image: url('../images/plastve.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 65%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.magazin-titulka-inner {
  justify-content: center;
  align-items: center;
  max-width: 1440px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 220px;
  display: flex;
  position: relative;
}

.titulka-kolaz-tablet {
  display: none;
}

.image-16 {
  float: left;
  object-fit: contain;
  width: 100%;
  min-width: 200px;
  max-width: none;
  box-shadow: 0 10px 20px #00000080;
}

.menu-item-text {
  cursor: pointer;
  flex: 1;
}

.contact-image {
  object-fit: cover;
  align-self: flex-start;
  max-width: 200px;
  margin-right: 30px;
}

.client-story-item {
  color: #fff;
  text-align: left;
  background-color: #a70336;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 40px;
  text-decoration: none;
  display: flex;
}

.footer-main-links {
  white-space: nowrap;
  flex-wrap: nowrap;
  justify-content: center;
  width: auto;
  display: flex;
}

.footer-link {
  color: #fff;
  text-transform: uppercase;
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 2px;
  padding-left: 30px;
  font-family: Campton, sans-serif;
  text-decoration: none;
}

.footer-link:hover {
  text-decoration: underline;
}

.footer-link.home-icon {
  background-image: url('../images/footer-home.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: 0 auto;
}

.footer-link.content-icon {
  background-image: url('../images/footer-content.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
}

.footer-link.about-icon {
  background-image: url('../images/footer-about.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
}

.sub-header {
  z-index: 4000;
  text-align: center;
  background-color: #fff;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 110px;
  padding: 30px 60px;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
}

.header-claim {
  color: var(--hp-red);
  text-transform: uppercase;
  flex: 0 auto;
  align-self: center;
  align-items: center;
  height: 60px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Bebas Neue, sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  display: flex;
}

.header-claim.header-red {
  justify-content: center;
  align-items: flex-start;
  max-width: 860px;
  margin-top: 0;
}

.align-center {
  text-align: center;
  flex: 1;
  order: -1;
  align-self: flex-start;
}

.pro-bono-item {
  color: var(--hp-blue);
  text-align: left;
  margin-bottom: 0;
  padding: 60px;
}

.html-embed {
  width: 24px;
  height: 24px;
  margin-top: 0;
  display: block;
}

.newsletter {
  z-index: 1000;
  background-color: var(--light-bg);
  color: var(--hp-blue);
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Campton, sans-serif;
  position: relative;
}

.newsletter-inner {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
  grid-auto-columns: 1fr;
  align-items: center;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: grid;
}

.newsletter-title {
  margin-top: 0;
  margin-bottom: 0;
}

.button {
  float: right;
  background-color: var(--hp-blue);
  text-align: right;
  text-transform: uppercase;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  height: 50px;
  padding: 12px 30px;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  transition: background-color .2s;
  display: block;
  position: relative;
  right: 0;
}

.button:hover {
  background-color: var(--hp-red);
}

.form {
  text-align: left;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.newsletter-input {
  align-self: center;
  width: auto;
  min-width: 400px;
  height: 50px;
  margin-bottom: 0;
}

.form-block {
  align-items: flex-end;
  margin-bottom: 0;
  margin-left: auto;
  display: block;
}

.success-message {
  background-color: #fff;
}

.error-message {
  flex: 0 auto;
}

.bold-text-7 {
  color: #fff;
}

.grid {
  grid-template: "."
  / 1fr 1fr 1fr;
  align-content: center;
  max-width: 1440px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}

.footer-menu {
  background-color: var(--light-bg);
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Campton, sans-serif;
  position: relative;
}

.div-block-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: grid;
}

.image-17 {
  max-height: 48px;
}

.div-block-7 {
  border-bottom: 2px solid #c5c6df;
  width: 80%;
  max-width: 1140px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.link {
  color: var(--hp-blue);
  display: block;
}

.chapter-header-newsletter {
  z-index: 60;
  background-color: var(--hp-blue);
  text-align: left;
  background-image: url('../images/bg-about.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 0;
  margin-top: 100px;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
  top: 0;
}

.paragraph-13 {
  font-family: Campton, sans-serif;
}

.div-block-8 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.footer-icon {
  color: var(--hp-blue);
  align-self: flex-start;
  width: 20px;
  height: 20px;
  margin-left: 20px;
  line-height: 0;
}

.footer-icon:hover {
  color: var(--hp-red);
}

.lang-switcher {
  color: #fff;
  border: 1px #000;
  border-top: 1px solid #313591;
  justify-content: center;
  width: 100%;
  margin-top: 20px;
  padding-top: 20px;
  display: flex;
}

.inactive-lang {
  color: #b1b2cf;
  border: 1px solid #313591;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px 20px;
}

.inactive-lang:hover {
  color: #fff;
  text-decoration: none;
}

.active-lang {
  border: 1px solid #313591;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px 20px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.contact-image-2 {
  object-fit: contain;
  border: 1px #000;
  align-self: flex-start;
  max-width: 200px;
  margin-right: 30px;
}

.columns-2 {
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.columns-2.titulka_sloupce {
  margin-left: 5%;
  margin-right: 2%;
}

.column-2 {
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 0;
  padding-right: 0;
}

.column-2.leva-strana-column {
  margin-top: auto;
  margin-bottom: auto;
}

.menu-inner {
  object-fit: fill;
  flex-flow: row;
  align-content: flex-start;
  align-items: center;
  min-height: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 30px;
  display: flex;
  position: relative;
  top: 0;
  bottom: 0;
  overflow: auto;
}

.image-35 {
  display: none;
}

.logo-hp {
  max-width: 500px;
}

.side-title {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 25%;
  display: flex;
}

.previous-magazine {
  color: #b1b2cf;
  text-align: center;
  object-fit: fill;
  border: 1px solid #313591;
  justify-content: center;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px;
  display: block;
}

.previous-magazine:hover {
  color: #fff;
  text-decoration: none;
}

.homepage-header {
  z-index: 1000;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1382px;
  margin-top: 90px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.homepage-header-bg {
  background-image: url('../images/Homepage_Grafika.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50%;
  min-height: 500px;
  max-height: none;
  font-family: Roboto, sans-serif;
  position: absolute;
  inset: -100px 0 0 50%;
  overflow: visible;
}

.header-homepage-left {
  flex-direction: column;
  align-items: flex-start;
  width: 60%;
  display: flex;
}

.homepage-header-button {
  border: 1px solid var(--hp-blue);
  color: var(--hp-blue);
  text-transform: uppercase;
  flex-flow: wrap;
  align-items: center;
  height: 50px;
  margin-right: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Campton, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.homepage-header-button:hover {
  border-color: var(--hp-red);
  color: var(--hp-red);
}

.homepage-header-button.hidden {
  display: none;
}

.homepage-header-button-dots {
  width: 13px;
  height: 13px;
  margin-right: 10px;
  padding-bottom: 0;
  line-height: 14px;
}

.homepage-header-button-text {
  margin-top: 4px;
  margin-left: 0;
  font-weight: 700;
}

.homepage-header-buttons {
  justify-content: flex-start;
  width: 100%;
  margin-top: 20px;
  display: flex;
}

.homepage-header-buttons-right {
  display: flex;
}

.magazine-grid {
  z-index: 2000;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff6;
  flex: 0 auto;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1386px;
  margin: 0 auto 100px;
  padding: 20px;
  font-family: Campton, sans-serif;
  display: grid;
  position: relative;
}

.grid-item-udrzitelnost {
  background-image: url('../images/esg-hlavni.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  height: 280px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-udrzitelnost:hover {
  z-index: 1000;
  box-shadow: 0 0 10px 0 var(--hp-blue);
  position: relative;
}

.grid-item-blue-bg {
  color: #fff;
  background-color: #141760b3;
  width: 90%;
  max-width: 440px;
  padding: 24px 30px;
}

.menu-grid-title-2 {
  text-shadow: 0 1px 20px #141760;
  flex: 0 auto;
  order: 0;
  align-self: auto;
  max-width: 440px;
  font-family: Campton, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
}

.menu-grid-title-2.margin-top {
  margin-top: 10px;
}

.grid-item-stavebnirizeni {
  background-color: var(--hp-blue);
  color: var(--hp-blue);
  text-align: center;
  text-shadow: 0 0 10px #fff;
  background-image: url('../images/kryptomeny-hlavni.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 570px;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-stavebnirizeni:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.menu-grid-title-1 {
  font-size: 36px;
  font-weight: 700;
  line-height: 44px;
}

.grid-item-small-blue {
  background-color: var(--hp-blue);
  color: #fff;
  text-align: center;
  flex-direction: row;
  align-items: center;
  height: 135px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-small-blue:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-whistleblow {
  color: #fff;
  text-align: left;
  background-color: #398b1b;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 280px;
  padding: 30px;
  font-family: Droid Serif, serif;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-whistleblow:hover {
  box-shadow: 0 0 10px #000;
}

.menu-grid-title-3 {
  margin-bottom: 0;
  font-family: Campton, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.menu-grid-title-3.margin-bottom {
  margin-bottom: 10px;
}

.grid-item-zmedii {
  background-color: var(--hp-blue);
  color: var(--hp-blue);
  text-align: center;
  text-shadow: 1px 1px 20px #fff;
  background-image: url('../images/rozhovor-hlavni.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 570px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-zmedii:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-zalohovanie {
  color: var(--hp-red);
  text-align: left;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 280px;
  padding: 30px;
  font-family: Droid Serif, serif;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-zalohovanie:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.margin-top {
  margin-top: 10px;
}

.grid-item-soudnispory {
  color: var(--hp-red);
  text-align: left;
  background-color: #f6e5ea;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 280px;
  padding: 30px;
  font-family: Droid Serif, serif;
  text-decoration: none;
  display: flex;
}

.grid-item-trestnistihani {
  background-color: var(--hp-blue);
  color: #fff;
  text-align: left;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 280px;
  padding: 30px;
  font-family: Droid Serif, serif;
  text-decoration: none;
  display: flex;
}

.grid-item-transakce {
  color: #4d4d4b;
  text-align: left;
  background-color: #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 280px;
  padding: 30px;
  font-family: Droid Serif, serif;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-transakce:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-financniurad {
  color: var(--hp-blue);
  text-align: left;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 280px;
  padding: 30px;
  font-family: Droid Serif, serif;
  text-decoration: none;
  display: flex;
}

.text-red {
  color: var(--hp-red);
}

.header-magazine-logo {
  width: 500px;
}

.rozcestnik {
  color: var(--hp-blue);
  background-image: url('../images/bg-homepage.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-bottom: 60px;
  font-family: Campton, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
}

.rozcestnik-content {
  flex-direction: column;
  width: 100%;
  max-width: 910px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  top: 160px;
}

.rozcestnik-aktualni {
  background-color: #ffffffb3;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 30px;
  font-family: Droid Sans, sans-serif;
  display: flex;
  position: relative;
}

.d-31-card-wrapper {
  perspective: 1000px;
  position: static;
}

.d-31-card {
  cursor: pointer;
  background-color: #0000;
  width: 220px;
  height: 288px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: relative;
  inset: 0;
}

.d-31-card-back {
  background-color: var(--hp-blue);
  backface-visibility: hidden;
  transform-style: preserve-3d;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 30px 20px;
  display: flex;
  position: absolute;
  inset: 0;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.d-31-card-front {
  box-shadow: none;
  backface-visibility: hidden;
  background-image: url('../images/kalisa-veer-349467-unsplash.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: block;
  position: absolute;
  inset: 0;
}

.rozcestnik-aktualni-text {
  flex-direction: column;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.rozcestnik-button {
  background-color: var(--hp-blue);
  color: #fff;
  align-items: center;
  height: 50px;
  padding-left: 28px;
  padding-right: 28px;
  font-family: Campton, sans-serif;
  font-size: 14px;
  line-height: 22px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.rozcestnik-button:hover {
  background-color: var(--hp-red);
}

.button-arrow {
  margin-left: 10px;
}

.rozcestnik-aktualni-perex {
  margin-bottom: 20px;
  font-family: Glyph, sans-serif;
}

.rozcestnik-starsi {
  background-color: #ffffffb3;
  flex-flow: column wrap;
  place-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
  padding: 30px;
  font-family: Droid Sans, sans-serif;
  display: flex;
}

.rozcestnik-starsi-heading {
  color: var(--hp-blue);
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 300;
}

.rozcestnik-starsi-cisla {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between flex-start;
  align-self: auto;
  align-items: stretch;
  display: grid;
}

.rozcestnik-aktualni-img {
  max-width: 342px;
  margin-right: 40px;
}

.rozcestnik-starsi-cover {
  width: 100%;
  max-width: none;
  display: inline-block;
}

.big-menu {
  z-index: 6000;
  opacity: 0;
  background-image: url('../images/bg-hp.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  min-height: 100vh;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: scroll;
}

.close-big-menu {
  z-index: 3000;
  background-color: var(--hp-red);
  color: #fff;
  text-transform: uppercase;
  align-items: center;
  width: auto;
  height: 50px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Campton, sans-serif;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 30px;
  right: 60px;
}

.close-big-menu:hover {
  background-color: var(--hp-blue);
}

.rozcestnik-starsi-perex {
  color: #fff;
  margin-bottom: 0;
  font-family: Glyph, sans-serif;
  font-size: 15px;
  line-height: 26px;
}

.article-header-photo {
  z-index: 20;
  align-items: center;
  width: 100%;
  max-width: none;
  max-height: 700px;
  margin-top: 100px;
  margin-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.article-title {
  z-index: 100;
  background-color: #fff;
  width: 90%;
  max-width: 1000px;
  margin-bottom: 0;
  padding: 60px 60px 0;
  position: relative;
  top: 0;
}

.article-title-border {
  z-index: 100;
  background-color: #0000;
  background-image: linear-gradient(#ffffff78, #fff);
  width: 100%;
  max-width: 1000px;
  height: 280px;
  margin-top: -280px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.article-perex {
  color: var(--hp-blue);
  max-width: 1000px;
  font-family: Glyph, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}

.article-perex.align-center.text-white {
  color: #fff;
}

.red-quote {
  color: var(--hp-red);
  background-image: url('../images/quote-up.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 120px;
  font-family: Bebas Neue, sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 50px;
}

.article-body {
  z-index: 100;
  width: 90%;
  max-width: 1000px;
  margin-top: 0;
  padding: 60px;
  position: relative;
}

.article-contacts {
  width: 100%;
  max-width: 1400px;
  margin-bottom: 100px;
}

.contact-sites {
  align-items: center;
  margin-left: 20px;
  display: flex;
}

.ico-linked-in-2 {
  color: #141760;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-left: 10px;
  line-height: 0;
  display: block;
}

.ico-linked-in-2:hover {
  color: #a70336;
}

.medium-weight {
  font-weight: 500;
}

.contact-name-line {
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 860px;
  margin-top: 20px;
  display: flex;
}

.contacts-grid {
  grid-column-gap: 30px;
  grid-row-gap: 10px;
  color: var(--hp-blue);
  text-align: center;
  border: 1px #000;
  border-top: 1px solid #e0e0ec;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 20px;
  display: grid;
}

.contact-person {
  text-align: left;
  flex-direction: row;
  max-width: 860px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.contact-name {
  color: var(--hp-red);
  text-transform: uppercase;
  max-width: none;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 4px;
  font-family: Bebas Neue, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
}

.contact-name-splitter {
  color: var(--hp-blue);
  margin-left: 4px;
  margin-right: 4px;
  font-weight: 400;
}

.contact-desc {
  color: var(--hp-blue);
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Source Sans Pro, sans-serif;
  font-size: 18px;
  line-height: 26px;
}

.article-image-full {
  margin-bottom: 40px;
  display: block;
}

.article-image-full.woodco {
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.article-image-full.bigger-margin {
  margin-top: 60px;
  margin-bottom: 80px;
}

.article-image-full.image-half {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.article-image-full-title {
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: Campton, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}

.article-gallery-2col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 40px;
  display: grid;
}

.article-image-half {
  margin-bottom: 0;
}

.rozcestnik-aktualni-title {
  margin-bottom: 20px;
}

.grid-item-small-pink {
  color: var(--hp-red);
  text-align: center;
  background-color: #f2d8e1;
  flex-direction: row;
  align-items: center;
  height: 135px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-small-pink:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-small-brightblue {
  color: var(--hp-blue);
  text-align: center;
  background-color: #e0e0ec;
  flex-direction: row;
  align-items: center;
  height: 135px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-small-brightblue:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-onas {
  background-color: var(--hp-blue);
  color: #fff;
  text-align: center;
  background-image: url('../images/bg-onas.jpg');
  background-position: 50%;
  background-size: auto;
  flex-direction: row;
  align-items: center;
  height: 135px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-onas:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.halfpage-article {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 110px;
  display: flex;
  position: relative;
}

.halfpage-article-img {
  object-fit: fill;
  width: 50%;
  height: 100vh;
  padding-top: 0;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}

.halfpage-article-text {
  flex-direction: column;
  align-items: center;
  width: 50%;
  padding: 100px 60px 60px;
  display: flex;
  position: relative;
  left: 50%;
}

.halfpage-article-text-inner {
  width: 100%;
  max-width: 800px;
}

.article-text-header-brightblue {
  color: var(--hp-blue);
  text-align: center;
  background-color: #e0e0ec;
  width: 100%;
  margin-top: 110px;
  padding: 100px 20px;
}

.no-margin {
  margin-bottom: 0;
}

.no-margin.lower-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

.article-full-body {
  z-index: 100;
  flex-direction: column;
  width: 100%;
  max-width: 1400px;
  margin-top: 0;
  padding: 100px 60px;
  display: flex;
  position: relative;
}

.article-full-body.no-bottom-padding {
  padding-bottom: 0;
}

.article-full-body.small-padding {
  padding-top: 60px;
  padding-bottom: 60px;
}

.article-news-full {
  color: var(--hp-blue);
  text-align: center;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  font-family: Source Sans Pro, sans-serif;
}

.article-news-full.text-white {
  color: #fff;
}

.red-text-panel {
  background-color: var(--hp-red);
  color: #fff;
  text-align: center;
  justify-content: center;
  width: 100%;
  font-family: Source Sans Pro, sans-serif;
  display: flex;
}

.news-2-cols {
  z-index: 100;
  grid-column-gap: 100px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: flex-start;
  align-items: baseline;
  width: 100%;
  max-width: 1400px;
  margin-top: 0;
  padding: 100px 60px;
  display: grid;
  position: relative;
}

.news-half-item {
  border-bottom: 1px solid var(--light-bg);
  color: var(--hp-blue);
  text-align: center;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  margin-bottom: 60px;
  padding-bottom: 40px;
  font-family: Source Sans Pro, sans-serif;
  display: block;
}

.news-half-item.last-item {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.news-half-item.no-bottom-line {
  border: 1px #000;
}

.news-half-item.mobile {
  display: none;
}

._2cols-grid-col {
  width: 100%;
}

.article-text-header-inner {
  width: 100%;
  max-width: 1000px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.article-text-header-gray {
  color: #4d4d4b;
  text-align: center;
  background-color: #f2f2f2;
  width: 100%;
  margin-top: 110px;
  padding: 100px 60px;
}

.text-gray {
  color: #4d4d4b;
}

.transaction-grid {
  z-index: 100;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: flex-start;
  align-items: start;
  width: 100%;
  max-width: 1300px;
  margin-top: 0;
  margin-bottom: 100px;
  padding: 0;
  font-family: Source Sans Pro, sans-serif;
  display: grid;
  position: relative;
}

._2cols-grid-item {
  border-bottom: 1px none var(--light-bg);
  color: var(--hp-blue);
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  padding: 60px 60px 30px;
  font-family: Source Sans Pro, sans-serif;
  display: flex;
}

._2cols-grid-item.genesis {
  color: #fff;
  background-image: linear-gradient(#00000096, #00000096), url('../images/transakce-genesis.jpg');
  background-position: 0 0, 0%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

._2cols-grid-item.greenway {
  color: #fff;
  background-image: linear-gradient(#0003, #0003), url('../images/transakce-greenway.jpg');
  background-position: 0 0, 0%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

._2cols-grid-item.blue-bg {
  background-color: var(--hp-blue);
  color: #fff;
  align-items: flex-start;
}

._2cols-grid-item.dark-bg {
  color: #fff;
  background-color: #4d4e4d;
}

._2cols-grid-item.dark-pink {
  color: #fff;
  background-color: #ad8291;
}

._2cols-grid-item.text-red {
  color: var(--hp-red);
}

._2cols-grid-item.brightblue-bg {
  color: var(--hp-blue);
  background-color: #e0e0ec;
  align-items: flex-start;
}

._2cols-grid-item.numbers-mobile {
  display: none;
}

._2cols-grid-item.green {
  color: #fff;
  background-color: #82a63d;
}

._2cols-grid-item.skodaauto {
  color: #fff;
  background-image: linear-gradient(#00000096, #00000096), url('../images/Transakce_Skoda_iStock-599471112.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

._2cols-grid-item.zfp {
  color: var(--hp-blue);
  background-image: linear-gradient(#ffffff96, #ffffff96), url('../images/Transakce_ZFP_iStock-1062930130.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

._2cols-grid-item.brightgray-bg {
  color: #000;
  background-color: #e7e7e7;
}

._2cols-grid-item.gevorkyan {
  color: #fff;
  background-image: linear-gradient(#06071f66, #06071f66), url('../images/Transakce_Gevorkyan.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

._2cols-grid-item.icm {
  color: #fff;
  text-shadow: 0 0 5px var(--hp-blue);
  background-image: linear-gradient(#14176033, #14176033), url('../images/Transakce_ICM.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

._2cols-grid-item.posvitili {
  color: #fff;
  background-color: #dcab3d;
}

._2cols-grid-item.namazat {
  color: #fff;
  background-color: #4676b5;
}

._2cols-grid-item.lead-ventures {
  color: #fff;
  background-image: linear-gradient(#14176033, #14176033), url('../images/Transakce_LeadVentures.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

._2cols-grid-item.mobil {
  display: none;
}

._2cols-grid-item.svetluska {
  color: #000;
  background-color: #fff;
}

._2cols-grid-item.umeni {
  color: #fff;
  background-color: #d83b96;
  padding-bottom: 60px;
}

._2cols-grid-item.snidane {
  color: var(--hp-red);
}

._2cols-grid-item.nasili {
  background-color: #d1d9ee;
  background-image: url('../images/pro-bono-nasili.png');
  background-position: 130% 100%;
  background-repeat: no-repeat;
  background-size: 300px;
  padding-right: 200px;
}

._2cols-grid-item.ecovadis {
  color: #fff;
  background-color: #28b34a;
  align-items: flex-start;
}

._2cols-grid-item.aspironix {
  color: #fff;
  background-image: linear-gradient(#00000080, #00000080), url('../images/bg-transakce-aspironix.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

._2cols-grid-item.hptronic {
  color: #fff;
  background-image: linear-gradient(#000000bf, #000000bf), url('../images/transakce-hptronic.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

._2cols-grid-item.transakce-hmh {
  background-image: linear-gradient(#ffffff80, #ffffff80), url('../images/transakce-hmh.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
}

._2cols-grid-item.povodne {
  color: #000;
  background-color: #aed2d6;
}

._2cols-grid-item.poklady {
  color: #141760;
  background-color: #eab877;
}

._2cols-grid-item.sekyra {
  color: #fff;
  background-image: linear-gradient(#14176066, #14176066), url('../images/akvizice-sekyra.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, auto;
}

._2cols-grid-item.diagnose {
  color: #fff;
  background-image: linear-gradient(#1417604d, #1417604d), url('../images/transakce-diagnose.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

._2cols-grid-item.pro-dobrou-vec {
  color: #fff;
  background-color: #6d56a0;
}

._2cols-grid-item.pomahame {
  color: var(--hp-red);
  background-color: #f8aca6;
}

.transaction-title-claim {
  text-transform: uppercase;
  margin-bottom: -10px;
  margin-left: 0;
  margin-right: 0;
  font-family: Campton, sans-serif;
  font-weight: 300;
}

.heading {
  margin-bottom: 20px;
}

.gray-bg {
  background-color: #d1d7db;
}

.red-bg {
  background-color: var(--hp-red);
  color: #fff;
}

.blue-link {
  color: var(--hp-blue);
}

.header-claim-2 {
  color: #a70336;
  text-transform: uppercase;
  flex: 0 auto;
  align-self: center;
  align-items: center;
  height: 60px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Bebas Neue, sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  display: flex;
}

.header-claim-2.header-red {
  justify-content: center;
  align-items: center;
  max-width: 860px;
  margin-top: 0;
}

.button-chapters-2 {
  float: right;
  text-align: right;
  text-transform: uppercase;
  background-color: #141760;
  background-image: url('../images/chapters-icon.svg');
  background-position: 30px;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  height: 50px;
  padding: 12px 30px 12px 50px;
  font-family: Campton, sans-serif;
  font-size: 16px;
  line-height: 32px;
  transition: background-color .2s;
  display: inline;
  position: absolute;
  top: 40px;
  right: 60px;
}

.button-chapters-2:hover {
  background-color: #a70336;
}

.sub-header-inner {
  align-items: center;
  width: 100%;
  height: 50px;
  display: flex;
}

.button-header-chapters {
  float: right;
  text-align: right;
  text-transform: uppercase;
  background-color: #141760;
  background-image: url('../images/chapters-icon.svg');
  background-position: 30px;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  height: 50px;
  padding: 15px 30px 12px 50px;
  font-family: Campton, sans-serif;
  font-size: 14px;
  line-height: 14px;
  transition: background-color .2s;
  display: flex;
  position: relative;
  right: 0;
}

.button-header-chapters:hover {
  background-color: #a70336;
}

.grid-item-neovitosti {
  background-color: var(--hp-red);
  background-image: none;
  background-size: auto;
  align-items: flex-end;
  height: 280px;
  display: flex;
}

.no-top-margin {
  margin-top: 0;
}

.colorbox-gray {
  color: #fff;
  background-color: #2f3a3e;
  margin-top: 60px;
  padding: 40px;
  font-family: Source Sans Pro, sans-serif;
}

.colorbox-gray.side-photo {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  align-items: flex-start;
  display: flex;
}

.transakce-image {
  object-fit: fill;
  max-width: 400px;
  max-height: 300px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.colorbox-gray-2 {
  color: #fff;
  text-align: left;
  background-color: #4d4d4d;
  margin-top: 60px;
  padding: 40px;
  font-family: Source Sans Pro, sans-serif;
  font-weight: 400;
}

.article-title-2 {
  color: var(--hp-blue);
  text-shadow: 1px 1px 10px #fff, 0 0 20px #fff, 0 0 10px #fff, 0 0 20px #fff;
  max-width: 800px;
  margin-bottom: 0;
  position: relative;
  left: 100px;
}

.article-title-2.white {
  z-index: 100;
  color: #fff;
  text-shadow: 0 0 10px var(--hp-blue), 0 0 20px var(--hp-blue);
}

.article-title-2.white.align-center {
  margin-left: auto;
  margin-right: auto;
}

.article-title-2.white.align-center.no-margin {
  left: 0;
}

.article-title-2.white.karim {
  background-color: #08102280;
  padding: 20px 40px 10px;
}

.article-header-image {
  z-index: 20;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: 600px;
  margin-top: 110px;
  margin-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.article-header-image.bitcoin, .article-header-image.bratislava {
  align-items: flex-start;
}

.article-header-title {
  z-index: 10000;
  flex: 0 auto;
  width: 100%;
  max-width: 1200px;
  position: absolute;
}

.colorbox-logos {
  grid-column-gap: 30px;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.header-image {
  object-fit: fill;
  width: 100%;
  margin-top: 0;
  overflow: visible;
}

.header-image.bratislava {
  margin-top: 0;
}

.header-image.insolvence {
  margin-top: -100px;
}

.header-image.nevesely {
  margin-top: 260px;
}

.header-image.temp {
  opacity: .08;
  background-image: linear-gradient(#d6d6d6, #d6d6d6);
}

.header-image.group-photo {
  z-index: -100;
  margin-top: 10vh;
  position: relative;
  top: 100px;
}

.contact-grid-fill-img {
  width: auto;
  max-height: 200px;
}

.homepage-1-22 {
  color: var(--hp-blue);
  background-image: linear-gradient(270deg, #fff9, #fff3), url('../images/bg-homepage.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  flex-direction: column;
  padding-bottom: 60px;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  overflow: visible;
}

.article-numbers {
  grid-column-gap: 30px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  display: grid;
}

.article-numbers-item {
  color: var(--hp-blue);
  text-align: center;
  flex-flow: column;
  align-items: stretch;
  font-family: CamptonCamptonbook, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 22px;
  display: flex;
}

.article-numbers-image {
  object-fit: contain;
  max-height: 140px;
  margin-bottom: 20px;
}

.article-numbers-number {
  font-family: Bebas Neue, sans-serif;
  font-size: 100px;
  font-style: normal;
  font-weight: 400;
  line-height: 100px;
}

.article-numbers-number.align-center {
  margin-left: auto;
  margin-right: auto;
}

.news-full-item {
  border-bottom: 1px solid var(--light-bg);
  color: var(--hp-blue);
  text-align: center;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  margin-bottom: 60px;
  padding-bottom: 40px;
  font-family: Source Sans Pro, sans-serif;
  display: block;
}

.news-full-item.align-center {
  text-align: center;
}

.grid-item-spotrebitel {
  color: var(--hp-blue);
  background-image: url('../images/Spotrebitel_iStock-1186299871.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 280px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-spotrebitel:hover {
  z-index: 1000;
  box-shadow: 0 0 10px 0 var(--hp-blue);
  position: relative;
}

.grid-item-certoo {
  background-color: var(--hp-blue);
  color: var(--hp-red);
  text-align: left;
  text-shadow: 0 0 20px #fff;
  background-image: url('../images/certoo-hlavni.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 280px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-certoo:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-bratislava {
  background-color: var(--hp-blue);
  color: #fff;
  background-image: linear-gradient(#14176066, #14176066), url('../images/bratislava-hlavni.jpg');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 280px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-bratislava:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.about-map-title {
  color: #141760;
  text-align: center;
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 300;
  line-height: 50px;
}

.number-white-blue-2 {
  color: #141760;
  text-transform: none;
  background-color: #0000;
  flex: 0 auto;
  width: auto;
  max-width: 260px;
  margin: 0 10px;
  padding: 24px 30px;
  font-family: Oswald, sans-serif;
  font-size: 16px;
  font-style: italic;
  line-height: 20px;
  display: inline-block;
}

.number-white-red-2 {
  color: #a70336;
  text-transform: none;
  background-color: #0000;
  width: auto;
  max-width: 300px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 24px 30px;
  font-family: Oswald, sans-serif;
  font-size: 16px;
  font-style: italic;
  line-height: 20px;
  display: inline-block;
}

.number-item {
  text-align: center;
  margin-bottom: 0;
  font-family: Bebas Neue, sans-serif;
  font-size: 100px;
  font-style: normal;
  font-weight: 700;
  line-height: 100px;
}

.numbers-grid {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.numbers-grid.no-margin {
  margin-bottom: 0;
}

.container-numbers {
  text-align: center;
  background-color: #e0e0ec;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 0;
  display: flex;
}

.number-text {
  text-align: center;
  margin-bottom: 0;
  font-family: Campton, sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 300;
  line-height: 24px;
}

.news-img {
  text-align: left;
  max-width: 100%;
  max-height: 800px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.news-img.news-img-zmenseny {
  max-width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  padding-left: 50px;
  padding-right: 50px;
  position: sticky;
}

.news-img.news-img-zmenseny.pfr-logo {
  padding-left: 25%;
  padding-right: 25%;
}

.source-sans {
  max-width: 860px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  font-family: Source Sans Pro, sans-serif;
  font-size: 20px;
  font-style: normal;
  line-height: 32px;
}

.source-sans.blok-aktualit {
  color: #141760;
}

.half-page {
  color: var(--hp-blue);
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  max-width: 1100px;
  margin-left: 0;
  margin-right: 0;
  padding: 60px;
  display: flex;
}

.pro-bono-item-2 {
  color: #000;
  text-align: left;
  margin-bottom: 0;
  padding: 60px;
}

.pro-bono-item-2.probonoitem-zmensit {
  padding-bottom: 0;
}

.content-split {
  text-align: center;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: flex-start space-between;
  align-items: start;
  width: 90%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.content-split.content-split-aktuality {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Source Sans Pro, sans-serif;
}

.image-margin-bottom {
  margin-bottom: 30px;
}

.white-link {
  color: #fff;
}

.white-link:hover {
  text-decoration: none;
}

.grid-item-chapter {
  opacity: .65;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Campton, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
}

.grid-item-dane {
  background-color: var(--hp-red);
  background-image: url('../images/Dane_iStock-1136896068.jpg');
  background-size: cover;
  align-items: flex-end;
  height: 280px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-dane:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-certoo-copy {
  background-color: var(--hp-blue);
  color: #fff;
  text-align: left;
  background-image: url('../images/certoo-hlavni.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 280px;
  padding: 30px 30px 0 0;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-certoo-copy:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-kyberutoky {
  color: #fff;
  text-align: left;
  text-shadow: 0 0 20px #000, 0 0 20px #000;
  background-color: #fff;
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/kyberutoky-hlavni.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 570px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-kyberutoky:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-red-bg {
  color: #fff;
  background-color: #a70336b3;
  width: 90%;
  max-width: 440px;
  padding: 24px 30px;
}

.text-blue {
  color: var(--hp-blue);
}

.vertical-centering {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.first-heading {
  margin-top: 0;
}

.colorbox-green {
  color: #fff;
  text-align: left;
  background-color: #89963a;
  max-width: 1000px;
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 40px;
  font-family: Source Sans Pro, sans-serif;
  font-weight: 400;
}

.climate-logo {
  text-align: left;
  max-width: 400px;
  margin: -100px auto 20px;
}

.contact-grid-perex {
  text-align: center;
  max-width: 800px;
  font-family: Source Sans Pro, sans-serif;
}

.colorbox-gray-3 {
  color: #fff;
  background-color: #6e7a88;
  margin-top: 60px;
  padding: 40px;
  font-family: Source Sans Pro, sans-serif;
}

.grid-item-verejne-zakazky {
  background-color: var(--hp-blue);
  color: #fff;
  background-image: linear-gradient(#14176066, #14176066), url('../images/verejne-zakazky-hlavni.jpg');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 280px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-verejne-zakazky:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.colorbox-brown {
  color: #fff;
  background-color: #413a39;
  margin-top: 60px;
  padding: 40px;
  font-family: Source Sans Pro, sans-serif;
}

.colorbox-kyberutoky {
  max-width: 400px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.article-text-header-pink {
  color: var(--hp-red);
  text-align: center;
  background-color: #f2d8e1;
  width: 100%;
  margin-top: 110px;
  padding: 100px 20px;
}

.probono-numbers {
  flex-direction: column;
  width: 100%;
  margin-top: 20px;
  display: flex;
}

.probono-numbers.text-red {
  flex-direction: column;
}

.probono-number-item {
  width: 50px;
  margin-right: 20px;
  font-size: 60px;
  font-weight: 200;
  line-height: 60px;
}

.div-align-center {
  justify-content: center;
  width: 100%;
  display: flex;
}

.article-number-unit {
  font-size: 40px;
  font-weight: 400;
}

.article-text-header-green {
  color: #398b1b;
  text-align: center;
  background-color: #c7e2bd;
  width: 100%;
  margin-top: 110px;
  padding: 100px 20px;
}

.article-text-header-about {
  color: #fff;
  text-align: center;
  background-color: #bcc5da;
  background-image: url('../images/bg-about.jpg');
  background-position: 50%;
  background-size: auto;
  width: 100%;
  margin-top: 110px;
  padding: 100px 20px;
}

.div-block {
  width: 80%;
  max-width: 700px;
  margin: 20px auto 40px;
}

.video-2 {
  margin-top: 20px;
}

.about-map {
  width: 90%;
  max-width: 1440px;
  margin-bottom: 40px;
  padding-bottom: 0;
}

.slide-1 {
  height: auto;
}

.mask-2 {
  background-color: #0000;
}

.slider---mobil {
  background-color: #fff;
  align-items: flex-start;
  height: auto;
  display: none;
}

.slide-nav {
  background-color: #fff;
  display: none;
}

.awards-grid {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  max-height: none;
  display: flex;
}

.right-arrow {
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.icon {
  color: #141760;
}

.award-grid-item {
  max-width: 10%;
  max-height: 230px;
  margin-left: 20px;
  margin-right: 20px;
}

.award-grid-item.bigger {
  max-width: 20%;
}

.slider---tablet {
  background-color: #fff;
  align-items: flex-start;
  height: auto;
  display: none;
}

.left-arrow-2 {
  height: auto;
  margin-top: 0;
  top: 0;
}

.slider---desktop {
  background-color: #fff;
  align-items: flex-start;
  height: auto;
  display: block;
}

.homepage-header-button-2 {
  border: 1px solid var(--hp-blue);
  color: var(--hp-blue);
  text-transform: uppercase;
  flex-flow: wrap;
  align-items: center;
  height: 50px;
  margin-right: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Campton, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.homepage-header-button-2:hover {
  color: #a70336;
  border-color: #a70336;
}

.body-esg {
  background-image: linear-gradient(#ffffff4d, #ffffff4d), url('../images/bg-homepage.jpg'), url('../images/homepage-bg.jpg');
  background-position: 0 0, 50%, 0 0;
  background-size: auto, cover, auto;
  background-attachment: scroll, fixed, fixed;
  display: block;
}

.article-center-header {
  color: #fff;
  text-align: center;
  max-width: 1000px;
  margin-bottom: 60px;
}

.article-center-header.text-blue {
  color: var(--hp-blue);
}

.article-body-item {
  z-index: 100;
  color: var(--hp-blue);
  text-align: left;
  width: 90%;
  max-width: 1000px;
  margin-top: 0;
  padding: 60px;
  position: relative;
}

.article-body-item.esg-gray.bottom-bg {
  background-image: url('../images/ESG_Ilustrace_1.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-bottom: 200px;
}

.article-body-item.esg-blue.bottom-bg {
  background-image: url('../images/bg-esg-2.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 200px;
}

.article-body-item.zeny-gray {
  color: #fff;
  background-color: #4e667799;
}

.article-body-item.zeny-gray.bottom-bg {
  background-image: url('../images/ESG_Ilustrace_1.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-bottom: 200px;
}

.last-item {
  margin-bottom: 0;
}

.esg-gray {
  color: #fff;
  background-color: #4e667799;
}

.esg-brown {
  color: #fff;
  background-color: #645d5699;
}

.esg-blue {
  color: #fff;
  background-color: #7991aab3;
}

.esg-pink {
  color: #fff;
  background-color: #c58c93bf;
}

.esg-content {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 200px;
  padding-bottom: 200px;
  display: flex;
}

.esg-contacts {
  z-index: 2000;
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.esg-bottom {
  z-index: 1000;
  text-align: center;
  background-image: url('../images/esg-hlavni.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0;
  display: flex;
  position: relative;
}

.image-36 {
  object-fit: cover;
  min-height: 100%;
  margin-top: -100px;
}

.probono-numbers-line {
  align-items: flex-start;
  padding: 30px 30px 0;
  display: flex;
}

.probono-numbers-line.graybox {
  color: #fff;
  background-color: #9eb0b8;
}

.probono-img-6 {
  max-width: 300px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.probono-zvon {
  max-height: 400px;
  margin-left: auto;
  margin-right: auto;
}

.interview-question {
  color: #000;
  text-align: left;
  margin-bottom: 30px;
  font-family: Campton, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 30px;
}

.interview-question.text-blue {
  color: var(--hp-blue);
}

.interview-answer {
  color: #000;
  font-family: Source Serif Pro, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.interview-answer-name {
  color: #000;
  font-family: Campton, sans-serif;
  font-weight: 500;
}

.colorbox-blue {
  background-color: var(--hp-blue);
  color: #fff;
  margin-top: 60px;
  padding: 40px;
  font-family: Source Sans Pro, sans-serif;
}

.colorbox-blue.logo-box {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: flex-start;
  display: flex;
}

.footer-icon-2 {
  color: #141760;
  align-self: flex-start;
  width: 30px;
  height: 30px;
  margin-left: 10px;
  line-height: 0;
}

.footer-icon-2:hover {
  color: #a70336;
}

.button-2 {
  float: right;
  text-align: right;
  text-transform: uppercase;
  background-color: #141760;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  height: 50px;
  padding: 12px 30px;
  font-family: Campton, sans-serif;
  font-size: 15px;
  transition: background-color .2s;
  display: block;
  position: relative;
  right: 0;
}

.button-2:hover {
  background-color: #a70336;
}

.link-2 {
  color: #141760;
  display: block;
}

.footer-newsletter {
  background-color: #e0e0ec;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Campton, sans-serif;
  position: relative;
}

.text-block {
  font-family: Glyph, sans-serif;
}

._2-cols-div {
  border-bottom: 1px none var(--light-bg);
  color: var(--hp-blue);
  text-align: left;
  column-count: 2;
  column-rule-style: none;
  white-space: normal;
  flex-direction: column;
  align-items: flex-start;
  column-gap: 40px;
  width: 100%;
  max-width: 1420px;
  margin-bottom: 0;
  padding: 60px 60px 30px;
  font-family: Source Sans Pro, sans-serif;
  display: block;
}

._2-cols-div.genesis {
  color: #fff;
  background-image: linear-gradient(#00000096, #00000096), url('../images/transakce-genesis.jpg');
  background-position: 0 0, 0%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

._2-cols-div.greenway {
  color: #fff;
  background-image: linear-gradient(#0003, #0003), url('../images/transakce-greenway.jpg');
  background-position: 0 0, 0%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

._2-cols-div.blue-bg {
  background-color: var(--hp-blue);
  color: #fff;
  align-items: flex-start;
}

._2-cols-div.dark-bg {
  color: #fff;
  background-color: #4d4e4d;
}

._2-cols-div.dark-pink {
  color: #fff;
  background-color: #ad8291;
}

._2-cols-div.text-red {
  color: var(--hp-red);
}

._2-cols-div.brightblue-bg {
  color: var(--hp-blue);
  background-color: #e0e0ec;
  align-items: flex-start;
}

.paragraph-14 {
  flex: 0 auto;
}

.aktualni-titulek {
  z-index: 10;
  color: #ffffffb3;
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 160px;
  font-weight: 900;
  line-height: 100px;
  position: absolute;
  top: 90px;
}

.black-text {
  color: #000;
}

.probono-img-7 {
  width: 200px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}

.colorbox-brightblue {
  color: #fff;
  background-color: #4f7593;
  margin-top: 60px;
  padding: 40px;
  font-family: Source Sans Pro, sans-serif;
}

.colorbox-brightblue.logo-box {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.colorbox-realestate {
  color: var(--hp-blue);
  background-color: #fff;
  border: 10px solid #408f42;
  border-radius: 0;
  margin-top: 60px;
  padding: 40px;
  font-family: Source Sans Pro, sans-serif;
}

.homepage-1-23 {
  color: var(--hp-blue);
  background-image: url('../images/Homepage_Podklad.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: fixed;
  flex-direction: column;
  padding-bottom: 60px;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  overflow: visible;
}

.grid-item-startupy {
  background-image: url('../images/Startupy_iStock-1023582336.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  height: 280px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-startupy:hover {
  z-index: 1000;
  box-shadow: 0 0 10px 0 var(--hp-blue);
  position: relative;
}

.grid-item-ipo {
  color: #fff;
  text-align: left;
  text-shadow: 0 0 20px #000, 0 0 20px #000;
  background-color: #fff;
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/IPO_iStock-1369120690_uprava.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 570px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-ipo:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-iov {
  background-color: var(--hp-blue);
  color: #fff;
  background-image: linear-gradient(#14176066, #14176066), url('../images/Vehicles_iStock-1379911608.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 280px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-iov:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-sprava-majetku {
  background-color: var(--hp-blue);
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 20px var(--hp-blue);
  background-image: url('../images/Media_Havel1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 570px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-sprava-majetku:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-realestate {
  color: #fff;
  text-align: left;
  background-color: #f2f2f2;
  background-image: linear-gradient(to right, #b0c24a, #166754);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 280px;
  padding: 30px;
  font-family: Droid Serif, serif;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-realestate:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-rodinne-pravo {
  background-color: var(--light-bg);
  color: var(--hp-red);
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 280px;
  padding: 30px;
  font-family: Droid Serif, serif;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-rodinne-pravo:hover {
  box-shadow: 0 0 10px #000;
}

.grid-item--eny {
  color: #fff;
  text-align: center;
  text-shadow: none;
  background-color: #5b5a8f;
  background-image: url('../images/NextZeny_Pozadi_pod_boxem.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 570px;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item--eny:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.header-image-cover {
  z-index: 0;
  object-fit: fill;
  background-color: #192c0a99;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  position: absolute;
  overflow: visible;
}

.header-image-cover.bratislava {
  margin-top: 0;
}

.zeny-content {
  color: #000;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 200px;
  padding-bottom: 100px;
  display: flex;
}

.body-zeny {
  object-fit: fill;
  background-image: linear-gradient(#fff6, #fff6), url('../images/Homepage_Podklad.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  display: block;
}

.colorbox-blue-2 {
  background-color: var(--hp-blue);
  color: #fff;
  margin-top: 60px;
  padding: 40px;
  font-family: Source Sans Pro, sans-serif;
}

.colorbox-blue-2.logo-box {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #33454e;
  display: flex;
}

.article-icon {
  z-index: 100;
  color: var(--hp-blue);
  text-align: center;
  width: 90%;
  max-width: 1000px;
  margin-top: 0;
  padding: 60px;
  font-family: Bebas Neue, sans-serif;
  position: relative;
}

.article-icon.esg-gray.bottom-bg {
  background-image: url('../images/ESG_Ilustrace_1.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-bottom: 200px;
}

.article-icon.esg-blue.bottom-bg {
  background-image: url('../images/bg-esg-2.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 200px;
}

.article-icon.zeny-gray {
  color: #fff;
  background-color: #4e667799;
}

.article-icon.zeny-gray.bottom-bg {
  background-image: url('../images/ESG_Ilustrace_1.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-bottom: 200px;
}

.article-icon-title {
  font-family: Bebas Neue, sans-serif;
}

.colorbox-nextzeny {
  color: #fff;
  text-align: left;
  background-color: #5b5a8f;
  max-width: 1000px;
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 40px;
  font-family: Source Sans Pro, sans-serif;
  font-weight: 400;
}

.colorbox-nextzeny.logo-box {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: center;
  display: flex;
}

.contact-person-small {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 860px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.contacts-grid-zeny {
  grid-column-gap: 30px;
  grid-row-gap: 10px;
  color: var(--hp-blue);
  text-align: center;
  border: 1px #000;
  border-top: 1px solid #e0e0ec;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 20px;
  display: grid;
}

.contact-image-center {
  object-fit: cover;
  align-self: flex-start;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
}

.title-with-icon {
  color: var(--hp-blue);
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.title-icon {
  flex: 0 auto;
  justify-content: center;
  width: 100px;
  height: 100px;
  display: flex;
}

.title-icon-title {
  margin-left: 20px;
}

.title-icon-item {
  object-fit: contain;
  flex: none;
  max-width: 100px;
  max-height: 100px;
  display: block;
}

.title-icon-item.align-center {
  margin-left: auto;
  margin-right: auto;
}

.grid-item-insolvence {
  color: #fff;
  text-align: left;
  background-color: #4f7593;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 280px;
  padding: 30px;
  font-family: Droid Serif, serif;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-insolvence:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-chapter-2 {
  opacity: 1;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Campton, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
}

.lower-span {
  letter-spacing: -12px;
}

.zeny-titulka {
  min-width: 200px;
  max-width: 300px;
}

.image-37 {
  display: block;
}

.homepage-mobile-bg {
  z-index: -1;
  background-image: linear-gradient(#fff6, #fff6), url('../images/Homepage_Podklad.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.zeny-contacts {
  z-index: 2000;
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.grid-item-nextzeny {
  background-color: var(--hp-red);
  color: #fff;
  text-shadow: 0 2px 10px #0009;
  background-image: linear-gradient(#0000, #0000004d), url('../images/NextZeny_3_uprava.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  align-items: flex-end;
  height: 280px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-nextzeny:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-dluhopisy {
  color: #fff;
  background-image: url('../images/Dluhopisy_Foto.jpg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  height: 280px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-dluhopisy:hover {
  z-index: 1000;
  box-shadow: 0 0 10px 0 var(--hp-blue);
  position: relative;
}

.grid-item-podvody-dph {
  color: var(--hp-blue);
  text-align: center;
  text-shadow: 0 0 10px #fff;
  background-color: #5b5a8f;
  background-image: url('../images/splash-image.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 570px;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-podvody-dph:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-rozhovor-topinka {
  background-color: var(--hp-blue);
  color: #fff;
  text-align: center;
  text-shadow: 0 0 20px var(--hp-blue);
  background-image: url('../images/hp-rozhovor-topinka.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 570px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-rozhovor-topinka:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-budoucnost-nemovitosti {
  background-color: var(--hp-blue);
  color: #fff;
  text-shadow: 0 0 10px var(--hp-blue);
  background-image: linear-gradient(#1417604d, #1417604d), url('../images/Spotrebitel_Foto.jpg');
  background-position: 0 0, 100% 100%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 280px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-budoucnost-nemovitosti:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-preventivna-restrukturalizacia {
  color: #604414;
  text-align: left;
  background-color: #f7edce;
  background-image: none;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 280px;
  padding: 30px;
  font-family: Droid Serif, serif;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-preventivna-restrukturalizacia:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.homepage-2-23 {
  color: var(--hp-blue);
  background-image: linear-gradient(#17183036, #17183036), url('../images/hp-bg.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  flex-direction: column;
  padding-bottom: 60px;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  overflow: visible;
}

.homepage-header-main-img {
  background-image: url('../images/homepage-skyline-2.png');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50%;
  min-height: 300px;
  max-height: none;
  font-family: Roboto, sans-serif;
  position: static;
  inset: -60px 0 0 50%;
  overflow: visible;
}

.box-desatero {
  color: var(--hp-blue);
  background-color: #e5eaf0;
  padding: 10px;
  font-family: CamptonCamptonbook, sans-serif;
  font-size: 20px;
  line-height: 32px;
}

.box-desatero-inner {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 2px dashed var(--hp-blue);
  flex-direction: column;
  padding: 40px;
  display: flex;
}

.desatero-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  display: flex;
}

.desatero-item.top-align {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: flex-start;
}

.desatero-number {
  color: var(--hp-blue);
  flex: none;
  width: 60px;
  font-family: Bebas Neue, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
}

.colorbox-in-blue {
  background-color: var(--light-bg);
  margin-bottom: 40px;
  padding: 30px;
}

.blue-text-panel {
  background-color: var(--light-bg);
  color: var(--hp-blue);
  text-align: center;
  justify-content: center;
  width: 100%;
  font-family: Source Sans Pro, sans-serif;
  display: flex;
}

.colorbox-red {
  background-color: var(--hp-red);
  color: #fff;
  margin-top: 60px;
  padding: 40px;
  font-family: Source Sans Pro, sans-serif;
}

.colorbox-red.logo-box, .colorbox-red.colorbox-nextzeny {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: flex-start;
  display: flex;
}

.nextzeny-titulka {
  max-width: 200px;
}

.esop {
  max-width: 50%;
}

.grid-item-esop {
  color: #fff;
  text-align: left;
  text-shadow: 0 0 20px #000, 0 0 20px #000;
  background-color: #fff;
  background-image: url('../images/Venture_kapital_iStock-912928582.jpg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 570px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-esop:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-se-zdravim-k-lekari {
  background-color: var(--hp-red);
  align-items: center;
  height: 280px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-se-zdravim-k-lekari:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-red-bg-copy {
  color: #fff;
  background-color: #a70336b3;
  width: 90%;
  max-width: 440px;
  padding: 24px 30px;
}

.image-44 {
  margin-left: auto;
  margin-right: auto;
}

.grid-item-zemedelstvi {
  color: #fff;
  background-image: url('../images/bg-esg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 280px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-zemedelstvi:hover {
  z-index: 1000;
  box-shadow: 0 0 10px 0 var(--hp-blue);
  position: relative;
}

.probono-baterka {
  max-width: 60%;
}

.medailonek-topinka {
  max-height: 300px;
}

.content-side-text-photo {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  align-items: center;
  display: flex;
}

.content-jaroslav {
  max-width: 400px;
}

.bottom-team-photo {
  max-width: 300px;
}

.interview-perex-photo {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  align-items: flex-start;
  display: flex;
}

.interview-col-photo {
  max-width: 30%;
}

.article-icon-small {
  flex: none;
  max-height: 160px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.article-icon-small.bigger {
  max-height: 220px;
}

.article-header-image-group {
  z-index: 20;
  background-image: url('../images/Media_Foto_1.jpg');
  background-position: 50% -15svh;
  background-repeat: no-repeat;
  background-size: 1920px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 110px;
  margin-bottom: 0;
  padding-top: 300px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.article-header-image-group.bitcoin, .article-header-image-group.bratislava {
  align-items: flex-start;
}

.header-image-group {
  object-fit: fill;
  width: 100%;
  margin-top: -200px;
  overflow: visible;
}

.header-image-group.bratislava {
  margin-top: 0;
}

.header-image-group.insolvence {
  margin-top: -100px;
}

.header-image-group.nevesely {
  margin-top: 260px;
}

.header-image-group.temp {
  opacity: .08;
  background-image: linear-gradient(#d6d6d6, #d6d6d6);
}

.header-image-group.group-photo {
  z-index: -100;
  margin-top: 10vh;
  position: relative;
  top: 100px;
}

.article-header-title-group {
  text-align: center;
  flex: 0 auto;
  width: 100%;
  max-width: 1200px;
  position: relative;
}

.article-title-clients {
  background-color: var(--light-bg);
  color: var(--hp-blue);
  text-align: center;
  background-image: url('../images/bg-pribehy-klientu.jpg');
  background-position: 50% 100%;
  background-size: auto;
  width: 100%;
  margin-top: 110px;
  padding: 150px 20px 300px;
}

.client-box {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--hp-blue);
  color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 60px;
  padding: 40px;
  font-family: Source Sans Pro, sans-serif;
  font-size: 20px;
  line-height: 32px;
  display: flex;
}

.client-box.logo-box {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #33454e;
  display: flex;
}

.client-box.verdi {
  background-color: #5a8345;
}

.client-box.verdi-apex, .client-box.no-bg {
  color: var(--hp-blue);
  background-color: #fff;
}

.text-block-2 {
  line-height: 32px;
}

.client-story-title {
  text-transform: uppercase;
  font-family: Campton, sans-serif;
  font-weight: 300;
}

.homepage-2-24 {
  color: var(--hp-blue);
  background-image: url('../images/bg-hp_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  flex-direction: column;
  padding-bottom: 60px;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  overflow: visible;
}

.grid-item-mate-reklamu {
  background-color: var(--hp-red);
  color: #fff;
  text-shadow: 0 2px 10px #0009;
  background-image: linear-gradient(#0000, #00000080), url('../images/Dane_Foto.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  align-items: flex-end;
  height: 280px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-mate-reklamu:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.nobreak {
  white-space: nowrap;
  word-break: keep-all;
}

.transacton-sekyra {
  max-width: 70%;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.transaction-image {
  max-width: 75%;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.transaction-image.smaller {
  max-width: 50%;
}

.grid-item-rozhovor-havel {
  background-color: var(--hp-blue);
  color: #fff;
  text-align: left;
  text-shadow: 0 0 20px var(--hp-blue);
  background-image: linear-gradient(#14176000 66%, #000), url('../images/Uvod_Havel.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 570px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-rozhovor-havel:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.article-body-item-2 {
  z-index: 100;
  text-align: left;
  width: 90%;
  max-width: 1000px;
  margin-top: 0;
  padding: 60px;
  position: relative;
}

.article-body-item-2.esg-blue {
  background-color: #6f7a6bb3;
}

.article-body-item-2.esg-blue.bottom-bg {
  background-image: url('../images/bg-esg-2.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 200px;
}

.article-body-item-2.esg-blue.bottom-bg-1 {
  background-color: #63594e99;
  background-image: url('../images/frankfurt-box-bg-3.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 200px;
}

.article-body-item-2.esg-brown {
  background-color: #63594e99;
}

.article-body-item-2.esg-brown.bg-bottom-2 {
  background-color: #63594e99;
  background-image: url('../images/frankfurt-box-bg-2.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 200px;
}

.article-body-item-2.esg-gray {
  background-color: #63594e99;
}

.article-body-item-2.esg-gray.bottom-bg {
  background-image: url('../images/frankfurt-box-bg-1.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 200px;
}

.article-body-item-2.esg-pink {
  background-color: #7d97a2bf;
}

.article-center-header-2 {
  color: #141760;
  text-align: center;
  max-width: 1000px;
  margin-bottom: 60px;
}

.article-center-header-2.second-body-header {
  margin-top: 100px;
}

.article-perex-2 {
  color: #141760;
  max-width: 1000px;
  font-family: Glyph, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}

.text-blue-2 {
  color: #141760;
}

.frankfurt-content {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 200px;
  padding-bottom: 200px;
  display: flex;
}

.body-frankfurt {
  background-image: url('../images/bg-frankfurt.png'), linear-gradient(#ffffff4d, #ffffff4d), url('../images/homepage-bg.png');
  background-position: 75% 300px, 0 0, 50%;
  background-repeat: no-repeat, repeat, repeat;
  background-size: contain, auto, cover;
  background-attachment: scroll, scroll, fixed;
  display: block;
}

.box-redflags {
  color: var(--hp-blue);
  background-color: #e2e3e5;
  padding: 10px;
  font-family: CamptonCamptonbook, sans-serif;
  font-size: 20px;
  line-height: 32px;
}

.box-redflags-inner {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 4px dashed #9c0f30;
  flex-direction: column;
  padding: 40px;
  display: flex;
}

.colorbox-orange {
  color: #fff;
  background-color: #d55b50;
  margin-top: 60px;
  padding: 40px;
  font-family: Source Sans Pro, sans-serif;
}

.colorbox-orange.logo-box {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: flex-start;
  display: flex;
}

.article-image-small-center {
  width: 50%;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.article-image-small-center.no-margin {
  margin-bottom: 0;
}

.article-image-small-center.woodco {
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.article-image-small-center.bigger-margin, .article-image-small-center.logo-ofo {
  margin-top: 60px;
  margin-bottom: 80px;
}

.photo-split-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-item-ai {
  color: var(--hp-blue);
  text-align: left;
  text-shadow: 0 0 20px #fff, 0 0 20px #fff;
  background-color: #fff;
  background-image: url('../images/VC_Foto.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 570px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-ai:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-ref {
  background-color: var(--hp-blue);
  color: #fff;
  text-shadow: 0 0 10px var(--hp-blue);
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 280px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-ref:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
  text-shadow: 0 0 10px var(--hp-blue);
}

.grid-item-ref.w--current {
  background-image: linear-gradient(45deg, #8174ae, #42084a), url('../images/Spotrebitel_Foto.jpg');
  background-position: 0 0, 100% 100%;
  background-size: auto, cover;
}

.pro-bono-half-image {
  width: 50%;
}

.grid-item-frankfurt {
  color: #fff;
  text-align: center;
  text-shadow: none;
  background-color: #63594e99;
  background-image: url('../images/bg-frankfurt.png');
  background-position: 50% 20px;
  background-repeat: no-repeat;
  background-size: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 570px;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-frankfurt:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.article-text-header-sektorovy-pristup {
  color: #604414;
  text-align: center;
  background-color: #f7edce;
  width: 100%;
  margin-top: 110px;
  padding: 100px 20px;
}

.article-text-header-purple {
  color: #fff;
  text-align: center;
  background-color: #f2f2f2;
  background-image: linear-gradient(45deg, #8174ae, #42084a);
  width: 100%;
  margin-top: 110px;
  padding: 100px 60px;
}

.mobile-bg-frankfurt {
  z-index: -100;
  background-image: url('../images/homepage-bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
}

.nemecko-box {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  background-color: #67a1c6;
  flex-flow: column;
  padding: 40px;
  font-family: Source Sans Pro, sans-serif;
  font-size: 20px;
  line-height: 32px;
  display: flex;
}

.elita-text-panel {
  color: var(--hp-blue);
  text-align: center;
  background-color: #fff;
  justify-content: center;
  width: 100%;
  font-family: Source Sans Pro, sans-serif;
  display: flex;
}

.colorbox-blue-2-2 {
  color: #fff;
  background-color: #141760;
  margin-top: 60px;
  padding: 40px;
  font-family: Source Sans Pro, sans-serif;
}

.colorbox-blue-2-2.logo-box {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #33454e;
  display: flex;
}

.colorbox-blue-2-3 {
  color: #fff;
  background-color: #141760;
  margin-top: 60px;
  padding: 40px;
  font-family: Source Sans Pro, sans-serif;
}

.colorbox-blue-2-3.logo-box {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #33454e;
  display: flex;
}

.nadacni-fondy-schema {
  text-align: center;
  background-color: #e2e2ee;
  margin-bottom: 40px;
}

.fondy-image {
  max-height: 600px;
  margin-left: auto;
  margin-right: auto;
}

.colorbox-cyan {
  color: #fff;
  background-color: #1eb8b4;
  margin-top: 60px;
  padding: 40px;
  font-family: Source Sans Pro, sans-serif;
}

.colorbox-cyan.logo-box {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: flex-start;
  display: flex;
}

.article-text-header-ref {
  color: #fff;
  text-align: center;
  background-color: #f2f2f2;
  background-image: linear-gradient(45deg, #ff7f4c, #bc232f);
  width: 100%;
  margin-top: 110px;
  padding: 100px 60px;
}

.header-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
}

.header-overlay.overlay-slovenko {
  z-index: 10;
  background-color: #04051980;
}

.img-knihy {
  object-fit: cover;
  min-height: 100%;
  margin-top: 0;
}

.halfpage-article-knihy {
  object-fit: fill;
  width: 50%;
  height: 100vh;
  padding-top: 0;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}

.grid-item-nadacni-fondy {
  color: var(--hp-blue);
  text-align: center;
  text-shadow: 0 0 10px #fff, 0 0 10px #fff;
  background-color: #63594e99;
  background-image: url('../images/bg-nadacni-fondy.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto 150%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 570px;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-nadacni-fondy:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-n-mecko {
  color: var(--hp-blue);
  background-image: url('../images/bg-nemecko.jpg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  height: 280px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-n-mecko:hover {
  z-index: 1000;
  box-shadow: 0 0 10px 0 var(--hp-blue);
  position: relative;
}

.grid-item-deti {
  background-color: var(--hp-blue);
  color: #fff;
  text-shadow: 0 1px 10px var(--hp-blue);
  background-image: linear-gradient(#14176057, #14176057);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 280px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-deti:hover {
  z-index: 1000;
  box-shadow: 0 0 10px 0 var(--hp-blue);
  position: relative;
}

.grid-item-dph {
  background-color: var(--hp-red);
  color: #fff;
  text-shadow: 0 2px 10px #0009;
  background-image: linear-gradient(#0000, #00000080), url('../images/bg-dane.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  align-items: flex-end;
  height: 280px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-dph:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-bezpecnost {
  background-color: var(--hp-blue);
  color: #fff;
  text-shadow: 0 0 10px var(--hp-blue);
  background-image: linear-gradient(#14176094, #14176094), url('../images/bg-slovensko.jpg');
  background-position: 0 0, 100% 100%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 280px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-bezpecnost:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-zahranici {
  background-color: var(--hp-blue);
  color: var(--light-bg);
  text-align: left;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 570px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-zahranici:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-rozhovor-koval {
  background-color: var(--hp-blue);
  color: #fff;
  text-align: left;
  text-shadow: 0 0 20px var(--hp-blue);
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 570px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-rozhovor-koval:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.black-title-gradient {
  background-image: linear-gradient(45deg, #0009, #0000);
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.red-dots-box {
  color: var(--hp-blue);
  background-color: #fff;
  border: 4px dashed #a70236;
  border-radius: 0;
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 40px;
  font-family: Source Sans Pro, sans-serif;
}

.red-dots-box.logo-box {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: flex-start;
  display: flex;
}

.red-dots-list {
  font-size: 20px;
  line-height: 32px;
}

.title-blue-gradient {
  background-image: linear-gradient(90deg, #14176099, #14176000);
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.smaller {
  font-size: 40px;
  line-height: 50px;
}

.title-subheadline {
  color: #fff;
  text-shadow: 0 0 20px var(--hp-blue), 0 0 10px var(--hp-blue);
  max-width: 800px;
  margin-top: 20px;
  font-family: Campton, sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 40px;
  position: relative;
  left: 100px;
}

.article-text-header-books {
  color: #fff;
  text-align: center;
  background-color: #f2f2f2;
  background-image: linear-gradient(45deg, #2fd15b, #0b521e);
  width: 100%;
  margin-top: 110px;
  padding: 100px 60px;
}

.probono-img-destnik {
  width: 200px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.grid-item-knihy {
  color: #fff;
  text-align: left;
  background-color: #4f7593;
  background-image: linear-gradient(90deg, #2fd15b, #0b521e);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 280px;
  padding: 30px;
  font-family: Droid Serif, serif;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-knihy:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-stavebni-zakon {
  background-color: var(--hp-red);
  color: #fff;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 280px;
  padding: 30px;
  font-family: Droid Serif, serif;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-stavebni-zakon:hover {
  box-shadow: 0 0 10px #000;
}

.image-46 {
  flex: none;
}

.grid-item-nadacni-forbes {
  background-color: var(--hp-blue);
  color: #fff;
  text-align: center;
  text-shadow: none;
  background-image: linear-gradient(#0000 44%, #0009), url('../images/forbes-main-photo.jpg');
  background-position: 0 0, 60%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 570px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-nadacni-forbes:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-dedictvi {
  background-color: var(--hp-red);
  color: #fff;
  background-image: url('../images/dedictvi-main-photo.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  height: 280px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-dedictvi:hover {
  z-index: 1000;
  box-shadow: 0 0 10px 0 var(--hp-blue);
  position: relative;
}

.grid-item-esopy {
  background-color: var(--hp-red);
  color: #fff;
  text-shadow: 0 2px 10px #0009;
  background-image: linear-gradient(0deg, #000c, #0000 56%), url('../images/esopy-main-photo.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  align-items: flex-end;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-esopy:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-rozhovor-karim {
  background-color: var(--hp-blue);
  color: #fff;
  text-align: left;
  text-shadow: 0 0 20px var(--hp-blue);
  background-image: linear-gradient(#14176000 66%, #000), url('../images/Private_Equity_Foto_3.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 570px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-rozhovor-karim:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.box-patenty {
  color: #fff;
  background-color: #5a5865;
  padding: 40px;
  font-family: CamptonCamptonbook, sans-serif;
  font-size: 20px;
  line-height: 32px;
}

.menu-grid-title-2-copy {
  text-shadow: 0 1px 20px #141760;
  flex: 0 auto;
  order: 0;
  align-self: auto;
  max-width: 440px;
  font-family: Campton, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
}

.menu-grid-title-2-copy.margin-top {
  text-shadow: none;
  margin-top: 10px;
}

.colorbox-blue-4 {
  color: #fff;
  background-color: #004b9c;
  margin-top: 60px;
  padding: 40px;
  font-family: Source Sans Pro, sans-serif;
}

.colorbox-blue-4.logo-box {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #33454e;
  display: flex;
}

.article-text-header-startup {
  color: #fff;
  text-align: center;
  background-color: #f2f2f2;
  background-image: linear-gradient(45deg, #bc456d, #2f1d37);
  width: 100%;
  margin-top: 110px;
  padding: 100px 60px;
}

.article-text-header-diamanty {
  color: var(--hp-blue);
  text-align: center;
  background-color: #f2f2f2;
  background-image: linear-gradient(45deg, #fff, #c3c1da);
  width: 100%;
  margin-top: 110px;
  padding: 100px 60px;
}

.article-icon-half {
  max-width: 50%;
}

.grid-item-stavebni {
  background-color: var(--hp-blue);
  color: #fff;
  text-shadow: 0 1px 10px var(--hp-blue);
  background-image: linear-gradient(#14176057, #14176057), url('../images/stavebni-main-photo.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 280px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-stavebni:hover {
  z-index: 1000;
  box-shadow: 0 0 10px 0 var(--hp-blue);
  position: relative;
}

.grid-item-penezenka {
  background-color: var(--hp-blue);
  color: #fff;
  text-shadow: 0 0 10px var(--hp-blue);
  background-image: url('../images/penezenka-main-photo.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 280px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-penezenka:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
  text-shadow: 0 0 10px var(--hp-blue);
}

.grid-item-penezenka.w--current {
  background-image: linear-gradient(45deg, #8174ae, #42084a), url('../images/Spotrebitel_Foto.jpg');
  background-position: 0 0, 100% 100%;
  background-size: auto, cover;
}

.grid-item-7lekci {
  background-color: var(--hp-blue);
  color: #fff;
  text-shadow: 0 0 10px var(--hp-blue);
  background-image: url('../images/7lekci-main-photo.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 280px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-7lekci:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
  text-shadow: 0 0 10px var(--hp-blue);
}

.grid-item-7lekci.w--current {
  background-image: linear-gradient(45deg, #8174ae, #42084a), url('../images/Spotrebitel_Foto.jpg');
  background-position: 0 0, 100% 100%;
  background-size: auto, cover;
}

.grid-item-diamanty {
  background-color: var(--hp-blue);
  color: #fff;
  text-shadow: 0 0 10px var(--hp-blue);
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 280px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-diamanty:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-patenty {
  color: #fff;
  text-align: left;
  background-color: #4f7593;
  background-image: linear-gradient(#14176033, #14176033), url('../images/patenty-main-photo.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 280px;
  padding: 30px;
  font-family: Droid Serif, serif;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-patenty:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-mezinarodnost {
  background-color: var(--hp-red);
  color: #fff;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 280px;
  padding: 30px;
  font-family: Droid Serif, serif;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-mezinarodnost:hover {
  box-shadow: 0 0 10px #000;
}

.grid-item-rozhovor-nemecko {
  background-color: var(--hp-blue);
  color: #fff;
  text-align: left;
  text-shadow: 0 0 20px var(--hp-blue);
  background-image: url('../images/nemecko-main-photo.jpg');
  background-position: 65% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 570px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-rozhovor-nemecko:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
}

.grid-item-sampion {
  background-color: var(--hp-blue);
  color: #fff;
  text-shadow: 0 0 10px var(--hp-blue);
  background-image: linear-gradient(135deg, #bc456d, #2f1d37);
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 280px;
  padding: 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.grid-item-sampion:hover {
  box-shadow: 0 0 10px 0 var(--hp-blue);
  text-shadow: 0 0 10px var(--hp-blue);
}

.grid-item-sampion.w--current {
  background-image: linear-gradient(45deg, #8174ae, #42084a), url('../images/Spotrebitel_Foto.jpg');
  background-position: 0 0, 100% 100%;
  background-size: auto, cover;
}

.news-photo-medium {
  max-width: 600px;
}

.menu-grid-title-4 {
  flex: 0 auto;
  order: 0;
  align-self: auto;
  max-width: 440px;
  font-family: Campton, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
}

.menu-grid-title-4.margin-top {
  margin-top: 10px;
}

@media screen and (max-width: 991px) {
  h1 {
    white-space: normal;
    font-size: 50px;
    line-height: 60px;
  }

  .header {
    flex-flow: row;
    display: flex;
  }

  .button-chapters {
    position: absolute;
    right: 30px;
  }

  .chapter-title {
    padding-bottom: 0;
  }

  .chapter {
    clear: none;
    flex-flow: row;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: .25fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    min-width: 100%;
    margin-bottom: 20px;
    display: flex;
  }

  .image-6 {
    display: inline-block;
  }

  .menu-fixed {
    flex-wrap: nowrap;
    align-items: flex-start;
    min-height: auto;
    padding-bottom: 10vh;
    display: block;
    top: 0;
    bottom: 0;
  }

  .footer-chapter-links-inner {
    grid-column-gap: 10px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer-chapter-link {
    width: auto;
  }

  .link-block {
    flex: 0 auto;
    order: 0;
    display: block;
    position: absolute;
    left: 30px;
  }

  .link-block.w--current {
    left: 30px;
  }

  .button-main {
    flex-flow: row;
    justify-content: center;
    min-width: 50%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute;
    inset: auto auto 0;
  }

  .menu-magazin-title {
    display: none;
  }

  .chapter-number {
    padding-bottom: 0;
  }

  .grid-menu {
    float: none;
    grid-column-gap: 20px;
    grid-row-gap: 10px;
    flex-direction: column;
    flex: 0 auto;
    grid-template: "."
                   "." 1fr
                   "."
                   "."
                   "."
                   "."
                   / 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-self: center;
    align-items: start;
    max-width: 100%;
    margin-top: 20px;
    margin-bottom: 120px;
    margin-right: 0;
    display: grid;
  }

  .header-inner-full {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    align-content: start;
    align-items: flex-start;
    width: 90%;
    height: auto;
    margin-top: 20%;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 0;
    display: flex;
  }

  .header-inner-full.header-onas {
    height: auto;
    margin-top: 0;
    margin-right: auto;
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
  }

  .chapter-perex {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .content-body {
    width: 85%;
    padding-top: 60px;
  }

  .magazin-titulka-inner {
    padding-top: 180px;
  }

  .titulka-kolaz-tablet {
    background-image: url('../images/hp-magazin-logo.svg');
    background-position: 0 0;
    background-size: auto;
    flex: 0 auto;
    order: 0;
    align-self: flex-start;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .sub-header {
    flex-flow: row;
    padding-top: 25px;
    display: flex;
  }

  .header-claim {
    text-align: center;
    width: 50%;
    font-size: 24px;
    display: none;
    position: static;
    inset: 0% 0% auto;
  }

  .pro-bono-item {
    padding-bottom: 0;
  }

  .newsletter {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button {
    position: relative;
    right: 0;
  }

  .form {
    justify-content: flex-start;
    position: relative;
  }

  .newsletter-input {
    min-width: 240px;
    position: relative;
  }

  .chapter-header-newsletter {
    justify-content: center;
    height: auto;
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .columns-2.titulka_sloupce {
    flex-direction: column;
  }

  .menu-inner {
    flex-direction: column;
    padding-right: 0;
  }

  .logo-hp {
    width: 100%;
  }

  .side-title {
    margin-top: 40px;
  }

  .homepage-header {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .magazine-grid {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .menu-grid-title-2 {
    font-size: 26px;
  }

  .menu-grid-title-2.margin-top {
    font-size: 20px;
    line-height: 28px;
  }

  .grid-item-stavebnirizeni {
    height: 425px;
  }

  .menu-grid-title-1 {
    font-size: 26px;
    line-height: 32px;
  }

  .grid-item-transakce {
    height: 280px;
  }

  .header-magazine-logo {
    z-index: 1000;
    width: 400px;
    position: relative;
  }

  .rozcestnik {
    padding-bottom: 0;
  }

  .rozcestnik-content {
    max-width: 728px;
    margin-top: 0;
    position: relative;
    top: 40px;
  }

  .rozcestnik-aktualni {
    max-width: 748px;
  }

  .d-31-card {
    width: 196px;
    height: 258px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .d-31-card-back {
    padding: 20px;
  }

  .d-31-card-front {
    background-image: none;
  }

  .rozcestnik-starsi {
    width: auto;
    padding: 20px;
  }

  .rozcestnik-starsi-cisla {
    grid-column-gap: 10px;
    grid-row-gap: 20px;
  }

  .rozcestnik-aktualni-img {
    max-width: 280px;
  }

  .rozcestnik-starsi-cover {
    width: auto;
    max-width: 196px;
  }

  .close-big-menu {
    top: 25px;
    right: 30px;
  }

  .article-title {
    width: 688px;
    max-width: 740px;
    margin-bottom: 0;
  }

  .article-title-border {
    width: auto;
    max-width: none;
    margin-left: 20px;
    margin-right: 20px;
    left: 0;
    right: 0;
  }

  .article-body {
    width: 100%;
    max-width: none;
    margin-top: 0;
  }

  .contact-sites {
    margin-left: 0;
  }

  .ico-linked-in-2 {
    margin-left: 0;
    margin-right: 20px;
  }

  .contact-name-line {
    flex-direction: column;
    align-items: flex-start;
  }

  .contacts-grid {
    grid-template-columns: 1fr;
  }

  .grid-item-small-brightblue {
    text-align: left;
  }

  .halfpage-article {
    flex-direction: column;
    align-items: flex-start;
  }

  .halfpage-article-img {
    align-items: flex-start;
    width: 100%;
    height: 500px;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .halfpage-article-text {
    width: 100%;
    left: 0%;
  }

  .article-full-body {
    width: 688px;
    max-width: none;
    margin-top: 0;
  }

  .news-2-cols {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    width: 688px;
    max-width: none;
    margin-top: 0;
  }

  .news-half-item.desktop {
    display: none;
  }

  .news-half-item.mobile {
    margin-top: 40px;
    margin-bottom: 0;
    padding-bottom: 0;
    display: block;
  }

  .transaction-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    width: 688px;
    max-width: none;
    margin-top: 0;
  }

  ._2cols-grid-item.probono-second {
    padding-top: 0;
  }

  ._2cols-grid-item.numbers-desktop {
    display: none;
  }

  ._2cols-grid-item.numbers-mobile {
    align-items: center;
    display: flex;
  }

  ._2cols-grid-item.mobil {
    display: block;
  }

  ._2cols-grid-item.desktop {
    display: none;
  }

  .header-claim-2 {
    text-align: center;
    width: 50%;
    font-size: 24px;
    display: none;
    position: static;
    inset: 0% 0% auto;
  }

  .button-chapters-2, .button-header-chapters {
    position: absolute;
    right: 30px;
  }

  .colorbox-gray.side-photo {
    flex-direction: column;
    align-items: center;
  }

  .article-title-2 {
    max-width: none;
    left: 0;
    right: 0;
  }

  .article-header-image {
    margin-top: 110px;
  }

  .article-header-title {
    max-width: 980px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .header-image.bratislava, .header-image.bitcoin, .header-image.insolvence {
    margin-top: 0;
  }

  .header-image.nevesely {
    margin-top: 0%;
  }

  .header-image.bigger-header-image {
    width: 140%;
    min-width: 140%;
  }

  .grid-item-spotrebitel {
    height: 425px;
  }

  .numbers-grid {
    flex-wrap: wrap;
  }

  .half-page {
    flex-direction: column;
    width: 100%;
  }

  .pro-bono-item-2 {
    padding-bottom: 0;
  }

  .pro-bono-item-2.probonoitem-zmensit {
    padding-top: 0;
  }

  .content-split {
    flex-direction: column;
    width: 85%;
    padding-top: 60px;
  }

  .grid-item-dane, .grid-item-kyberutoky {
    height: 280px;
  }

  .right-arrow {
    width: 50px;
  }

  .award-grid-item {
    max-width: 20%;
    margin-left: 10px;
    margin-right: 10px;
  }

  .award-grid-item.bigger {
    max-width: 25%;
  }

  .slider---tablet {
    display: block;
  }

  .left-arrow-2 {
    width: 50px;
  }

  .slider---desktop {
    display: none;
  }

  .article-center-header {
    padding-left: 40px;
    padding-right: 40px;
  }

  .article-body-item {
    width: 100%;
    max-width: none;
    margin-top: 0;
  }

  .esg-content {
    padding-bottom: 100px;
  }

  .esg-bottom {
    padding-left: 40px;
    padding-right: 40px;
  }

  .image-36 {
    margin-top: -150px;
  }

  .button-2 {
    position: relative;
    right: 0;
  }

  .aktualni-titulek {
    font-size: 120px;
    top: 60px;
  }

  .grid-item-ipo {
    height: 280px;
  }

  .grid-item-realestate {
    height: 135px;
  }

  .grid-item--eny {
    height: 425px;
  }

  .header-image-cover.bratislava, .header-image-cover.bitcoin {
    margin-top: 0;
  }

  .zeny-content {
    padding-bottom: 100px;
  }

  .article-icon {
    width: 100%;
    max-width: none;
    margin-top: 0;
  }

  .contacts-grid-zeny {
    grid-template-columns: 1fr;
  }

  .grid-item-insolvence {
    height: 280px;
  }

  .homepage-mobile-bg {
    display: none;
  }

  .homepage-mobile-bg.white-cover {
    background-image: linear-gradient(#fff6, #fff6), url('../images/Homepage_Podklad.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .grid-item-nextzeny {
    height: 280px;
  }

  .grid-item-podvody-dph {
    height: 425px;
  }

  .grid-item-preventivna-restrukturalizacia {
    height: 135px;
  }

  .homepage-header-main-img {
    background-position: 0%;
    width: 50%;
    top: -100px;
    left: 60%;
  }

  .grid-item-esop, .grid-item-se-zdravim-k-lekari {
    height: 280px;
  }

  .grid-item-zemedelstvi {
    height: 425px;
  }

  .content-side-text-photo {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
  }

  .bottom-team-photo {
    max-width: 500px;
  }

  .interview-perex-photo {
    flex-direction: column;
  }

  .interview-col-photo {
    order: -1;
    max-width: 100%;
  }

  .article-header-image-group {
    background-position: 50%;
    background-size: cover;
    margin-top: 110px;
  }

  .header-image-group.bratislava, .header-image-group.bitcoin, .header-image-group.insolvence {
    margin-top: 0;
  }

  .header-image-group.nevesely {
    margin-top: 0%;
  }

  .article-header-title-group {
    max-width: 980px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .article-title-clients {
    padding-top: 100px;
  }

  .grid-item-mate-reklamu {
    height: 280px;
  }

  .article-body-item-2 {
    width: 100%;
    max-width: none;
    margin-top: 0;
  }

  .article-center-header-2 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .frankfurt-content {
    padding-bottom: 100px;
  }

  .grid-item-ai {
    height: 280px;
  }

  .grid-item-frankfurt {
    height: 425px;
  }

  .img-knihy {
    margin-top: 0;
  }

  .halfpage-article-knihy {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 800px;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .grid-item-nadacni-fondy {
    height: 425px;
  }

  .grid-item-deti, .grid-item-dph, .grid-item-zahranici, .grid-item-rozhovor-koval {
    height: 280px;
  }

  .title-subheadline {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    left: 0;
  }

  .grid-item-knihy {
    height: 280px;
  }

  .grid-item-nadacni-forbes {
    height: 425px;
  }

  .grid-item-esopy {
    height: 280px;
  }

  .menu-grid-title-2-copy {
    font-size: 26px;
  }

  .menu-grid-title-2-copy.margin-top {
    font-size: 20px;
    line-height: 28px;
  }

  .grid-item-stavebni, .grid-item-patenty, .grid-item-rozhovor-nemecko {
    height: 280px;
  }

  .menu-grid-title-4 {
    font-size: 26px;
  }

  .menu-grid-title-4.margin-top {
    font-size: 20px;
    line-height: 28px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 44px;
    line-height: 50px;
  }

  .header {
    height: 90px;
    display: flex;
  }

  .chapter {
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .previous-chapter-arrow, .next-chapter-arrow {
    display: none;
  }

  .number-white-red {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .number-white-blue {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .image-6 {
    max-width: 160px;
  }

  .menu-fixed {
    align-items: flex-start;
    min-height: 0;
    padding: 30px 30px 100px;
    top: 0;
    bottom: 0;
    overflow: auto;
  }

  .footer-chapter-links {
    height: auto;
    padding: 20px 0;
    display: block;
  }

  .footer-chapter-links-inner {
    height: 120px;
    margin: 0 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .footer-chapter-link {
    justify-content: center;
    width: auto;
    padding-left: 0;
    padding-right: 0;
    line-height: 20px;
  }

  .footer-link-text {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 13px;
  }

  .menu-magazin-title {
    margin-bottom: 40px;
  }

  .grid-menu {
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
    align-content: start;
    align-items: start;
    max-height: none;
    margin-top: 60px;
    margin-left: 0;
    position: relative;
  }

  .header-inner-full {
    text-align: left;
    height: auto;
    margin-top: 15%;
    padding-top: 0;
    display: flex;
  }

  .chapter-perex {
    width: 100%;
    margin-top: 0%;
    margin-bottom: 40px;
    margin-left: 3px;
    padding-top: 1%;
  }

  .content-body {
    padding-top: 40px;
    position: relative;
  }

  .magazin-titulka {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .contact-image {
    width: 25%;
  }

  .footer-link {
    font-size: 13px;
    line-height: 20px;
  }

  .sub-header {
    height: 90px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .header-claim {
    display: none;
  }

  .newsletter-inner {
    text-align: center;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .button {
    right: 0;
  }

  .form-block {
    margin-top: 20px;
    margin-right: auto;
  }

  .div-block-6 {
    justify-items: center;
  }

  .chapter-header-newsletter {
    height: auto;
    min-height: 0;
    max-height: 800px;
    margin-top: 90px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .footer-icon {
    margin-left: 20px;
  }

  .image-35 {
    max-width: 100%;
    display: block;
  }

  .logo-hp {
    width: 80%;
    margin-bottom: 40px;
  }

  .homepage-header {
    max-width: none;
    margin-top: 40px;
  }

  .homepage-header-bg {
    object-fit: fill;
    background-size: contain;
    width: 100%;
    height: 340px;
    min-height: 200px;
    max-height: 300px;
    display: none;
    top: 0;
    left: 0;
    right: 0;
  }

  .header-homepage-left {
    flex-wrap: nowrap;
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
  }

  .homepage-header-buttons {
    width: 100%;
  }

  .magazine-grid {
    grid-template-columns: 1fr 1fr;
  }

  .grid-item-blue-bg {
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu-grid-title-2 {
    font-size: 22px;
    line-height: 28px;
  }

  .grid-item-stavebnirizeni {
    height: 280px;
  }

  .menu-grid-title-1 {
    font-size: 28px;
    line-height: 36px;
  }

  .grid-item-small-blue {
    height: auto;
    min-height: 120px;
  }

  .grid-item-zmedii {
    height: 410px;
  }

  .grid-item-transakce {
    height: 280px;
  }

  .header-magazine-logo {
    margin-left: auto;
    margin-right: auto;
  }

  .rozcestnik-content {
    max-width: 460px;
    top: 60px;
  }

  .rozcestnik-aktualni {
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .d-31-card {
    width: 185px;
    height: 244px;
  }

  .rozcestnik-aktualni-text {
    align-items: center;
  }

  .rozcestnik-starsi {
    margin-bottom: 0;
  }

  .rozcestnik-starsi-cisla {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .rozcestnik-aktualni-img {
    object-fit: fill;
    margin-right: 0;
  }

  .rozcestnik-starsi-cover {
    max-width: 185px;
  }

  .close-big-menu {
    top: 20px;
  }

  .rozcestnik-starsi-perex {
    font-size: 14px;
    line-height: 22px;
  }

  .article-header-photo {
    margin-top: 90px;
    margin-bottom: 0;
  }

  .article-title {
    width: 90%;
    margin-bottom: -60px;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
    top: -60px;
  }

  .article-title-border {
    width: auto;
    height: 140px;
    left: 0;
  }

  .red-quote {
    background-size: 60px;
    padding-bottom: 20px;
    padding-left: 40px;
    font-size: 34px;
    line-height: 42px;
  }

  .article-body {
    width: 90%;
    margin-top: 0;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .contact-sites {
    margin-left: 0;
  }

  .ico-linked-in-2 {
    margin-left: 0;
    margin-right: 20px;
  }

  .contact-name-line {
    flex-direction: column;
    align-items: center;
  }

  .contact-person {
    flex-direction: row;
  }

  .article-image-full.esop {
    max-width: 100%;
  }

  .article-image-full.image-half {
    width: 100%;
  }

  .article-gallery-2col {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .grid-item-small-pink {
    height: auto;
    min-height: 120px;
  }

  .article-full-body, .news-2-cols {
    width: 90%;
    margin-top: 0;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .transaction-grid {
    width: 90%;
    margin-top: 0;
    margin-bottom: 40px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  ._2cols-grid-item {
    padding: 40px;
  }

  ._2cols-grid-item.nasili {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .header-claim-2 {
    display: none;
  }

  .transakce-image {
    flex: none;
    display: block;
  }

  .article-title-2 {
    text-shadow: 1px 1px 10px #fff, 0 0 20px #fff, 0 0 10px #fff, 0 0 10px #fff;
    white-space: normal;
    max-width: 100%;
    font-size: 40px;
    left: 0;
    right: 0;
  }

  .article-title-2.white {
    max-width: 80%;
  }

  .article-title-2.white.align-center {
    max-width: 100%;
  }

  .article-title-2.white.karim {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 30px;
  }

  .article-header-image {
    object-fit: scale-down;
    max-height: 600px;
    margin-top: 90px;
    margin-bottom: 0;
    overflow: visible;
  }

  .article-header-title {
    z-index: 100;
    max-width: 100%;
    padding: 40px 60px;
    position: relative;
  }

  .article-header-title.header-koval {
    background-image: url('../images/bg-rozhovor-nexia.jpg');
    background-position: 70%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .header-image {
    z-index: 1;
    object-fit: cover;
    height: 100%;
    position: absolute;
  }

  .header-image.koval-image {
    display: none;
  }

  .grid-item-certoo {
    width: 100%;
    height: 425px;
  }

  .grid-item-bratislava {
    height: 410px;
  }

  .number-white-blue-2 {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .number-white-red-2 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .number-item, .number-text {
    text-align: center;
  }

  .content-split {
    padding-top: 40px;
    position: relative;
  }

  .grid-item-certoo-copy, .grid-item-kyberutoky {
    width: 100%;
  }

  .grid-item-red-bg {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-item-verejne-zakazky {
    height: 410px;
  }

  .body-esg {
    background-image: linear-gradient(#ffffff4d, #ffffff4d), url('../images/bg-homepage.jpg');
    background-position: 0 0, 50% 0;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
    min-height: 100vh;
  }

  .article-body-item {
    width: 90%;
    margin-top: 0;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .article-body-item.esg-gray.bottom-bg {
    background-size: contain;
    padding-bottom: 120px;
  }

  .article-body-item.esg-blue.bottom-bg {
    padding-bottom: 100px;
  }

  .article-body-item.zeny-gray.bottom-bg {
    background-size: contain;
    padding-bottom: 120px;
  }

  .esg-content {
    z-index: 100;
    position: relative;
  }

  .esg-contacts {
    z-index: 2000;
    position: relative;
  }

  .colorbox-blue.logo-box {
    flex-direction: column;
  }

  .footer-icon-2 {
    margin-left: 20px;
  }

  .button-2 {
    right: 0;
  }

  ._2-cols-div {
    padding: 40px;
  }

  .div-block-9 {
    background-image: linear-gradient(#ffffff4d, #ffffff4d), url('../images/bg-homepage.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
    width: 100%;
    height: 100vh;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
  }

  .aktualni-titulek {
    font-size: 80px;
    top: 10px;
  }

  .grid-item-ipo {
    width: 100%;
  }

  .grid-item-iov, .grid-item-sprava-majetku {
    height: 410px;
  }

  .grid-item-realestate, .grid-item--eny {
    height: 280px;
  }

  .header-image-cover {
    z-index: 3;
    object-fit: fill;
    height: 100%;
    position: absolute;
  }

  .zeny-content {
    z-index: 100;
    position: relative;
  }

  .body-zeny {
    background-image: linear-gradient(to bottom, null, null), url('../images/Homepage_Podklad.jpg');
    background-repeat: repeat, no-repeat;
    min-height: 100vh;
  }

  .colorbox-blue-2.logo-box {
    flex-direction: column;
  }

  .article-icon {
    width: 90%;
    margin-top: 0;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .article-icon.esg-gray.bottom-bg {
    background-size: contain;
    padding-bottom: 120px;
  }

  .article-icon.esg-blue.bottom-bg {
    padding-bottom: 100px;
  }

  .article-icon.zeny-gray.bottom-bg {
    background-size: contain;
    padding-bottom: 120px;
  }

  .colorbox-nextzeny.logo-box, .contact-person-small {
    flex-direction: column;
  }

  .contact-image-center {
    width: 200px;
  }

  .image-39 {
    width: 80%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .zeny-contacts {
    z-index: 2000;
    position: relative;
  }

  .grid-item-podvody-dph {
    height: 280px;
  }

  .grid-item-rozhovor-topinka, .grid-item-budoucnost-nemovitosti {
    height: 410px;
  }

  .grid-item-preventivna-restrukturalizacia {
    height: 280px;
  }

  .homepage-header-main-img {
    object-fit: fill;
    background-size: contain;
    width: 100%;
    height: 340px;
    min-height: 200px;
    max-height: 300px;
    display: none;
    top: 0;
    left: 0;
    right: 0;
  }

  .desatero-item, .colorbox-red.logo-box, .colorbox-red.colorbox-nextzeny {
    flex-direction: column;
  }

  .grid-item-esop {
    width: 100%;
  }

  .grid-item-red-bg-copy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .bottom-team-photo {
    max-width: 100%;
  }

  .article-header-image-group {
    object-fit: scale-down;
    background-position: 60% 0;
    margin-top: 90px;
    margin-bottom: 0;
    padding-top: 180px;
    padding-bottom: 0;
    overflow: visible;
  }

  .header-image-group {
    z-index: 1;
    object-fit: cover;
    height: 100%;
    position: absolute;
  }

  .article-header-title-group {
    z-index: 100;
    max-width: 100%;
    padding: 40px;
    position: relative;
  }

  .article-title-clients {
    background-size: cover;
    padding-bottom: 100px;
  }

  .client-box.logo-box {
    flex-direction: column;
  }

  .article-body-item-2 {
    width: 90%;
    margin-top: 0;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .article-body-item-2.esg-blue.bottom-bg, .article-body-item-2.esg-blue.bottom-bg-1 {
    padding-bottom: 100px;
  }

  .article-body-item-2.esg-brown.bg-bottom-2 {
    padding-bottom: 80px;
  }

  .article-body-item-2.esg-gray.bottom-bg {
    background-size: contain;
    padding-bottom: 120px;
  }

  .frankfurt-content {
    z-index: 100;
    position: relative;
  }

  .body-frankfurt {
    min-height: 100vh;
  }

  .colorbox-orange.logo-box {
    flex-direction: column;
  }

  .article-image-small-center.esop {
    max-width: 100%;
  }

  .grid-item-ai {
    width: 100%;
  }

  .grid-item-frankfurt {
    height: 280px;
  }

  .mobile-bg-frankfurt {
    display: block;
  }

  .colorbox-blue-2-2.logo-box, .colorbox-blue-2-3.logo-box, .colorbox-cyan.logo-box {
    flex-direction: column;
  }

  .article-text-header-ref {
    margin-top: 90px;
  }

  .halfpage-article-knihy {
    height: 500px;
  }

  .grid-item-nadacni-fondy {
    height: 280px;
  }

  .grid-item-n-mecko {
    background-position: 50% 100%;
  }

  .grid-item-zahranici {
    width: 100%;
  }

  .red-dots-box.logo-box {
    flex-direction: column;
  }

  .title-blue-gradient {
    z-index: 10;
  }

  .title-subheadline {
    max-width: 80%;
  }

  .grid-item-nadacni-forbes {
    height: 280px;
  }

  .grid-item-dedictvi {
    background-position: 50% 100%;
  }

  .menu-grid-title-2-copy {
    font-size: 22px;
    line-height: 28px;
  }

  .colorbox-blue-4.logo-box {
    flex-direction: column;
  }

  .menu-grid-title-4 {
    font-size: 22px;
    line-height: 28px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    margin-bottom: 20px;
    font-size: 34px;
    line-height: 40px;
  }

  h2 {
    font-size: 28px;
  }

  .header {
    padding-left: 40px;
    padding-right: 40px;
  }

  .button-chapters {
    text-align: center;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    align-self: center;
    height: 42px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 20px;
    right: 20px;
  }

  .chapter-title {
    line-height: 22px;
  }

  .chapter-description {
    font-size: 14px;
  }

  .chapter {
    grid-column-gap: 8px;
    grid-row-gap: 0px;
    padding-top: 0;
  }

  .text-white {
    z-index: 300;
    display: block;
    position: relative;
  }

  .menu-close {
    width: 50px;
    height: 50px;
    top: 10px;
    right: 10px;
  }

  .icon-text-block-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .menu-fixed {
    flex-direction: column;
    padding: 0;
    display: flex;
    position: fixed;
  }

  .footer-chapter-links {
    height: auto;
    margin-top: 0;
    padding: 10px;
  }

  .footer-chapter-links-inner {
    height: auto;
    margin-left: 0;
    margin-right: 0;
    font-size: 12px;
    line-height: 18px;
  }

  .footer-chapter-link {
    width: auto;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .title {
    background-image: url('../images/main_background.jpg');
    background-position: 50%;
    background-size: cover;
    background-attachment: fixed;
    min-height: 100vh;
  }

  .link-block, .link-block.w--current {
    left: 20px;
  }

  .button-main {
    min-width: 80%;
    height: 90px;
    padding-left: 30px;
    padding-right: 30px;
    position: absolute;
    inset: auto auto 0;
  }

  .chapter-number {
    min-width: 50px;
    margin-right: 10px;
    font-size: 36px;
  }

  .grid-menu {
    grid-row-gap: 10px;
    margin-top: 60px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .header-inner-full, .header-inner-full.header-onas {
    height: auto;
  }

  .chapter-perex {
    min-width: 90%;
    max-width: 99%;
    margin-top: 20px;
    margin-bottom: 40px;
    padding-top: 0%;
    font-size: 20px;
    line-height: 30px;
    display: inline-block;
  }

  .content-body {
    padding-top: 10px;
    padding-bottom: 60px;
    display: block;
    top: 0;
  }

  .magazin-titulka-inner {
    padding-top: 100px;
    display: block;
  }

  .contact-image {
    align-self: center;
    width: 50%;
    margin-left: 30px;
  }

  .client-story-item {
    padding: 40px;
  }

  .footer-main-links {
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .footer-link {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .sub-header {
    z-index: 4000;
    padding-left: 40px;
    padding-right: 40px;
  }

  .pro-bono-item {
    padding: 30px;
  }

  .html-embed {
    margin-top: 10px;
  }

  .newsletter-title {
    text-align: center;
  }

  .button {
    text-align: center;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    align-self: center;
    height: 42px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 20px;
    right: 0;
  }

  .form {
    flex-direction: column;
    align-items: center;
  }

  .form-block {
    margin-top: 0;
    margin-right: auto;
  }

  .grid {
    grid-column-gap: 10px;
    grid-template-columns: 1fr;
  }

  .div-block-6 {
    grid-template-columns: 1fr;
  }

  .link {
    text-align: center;
  }

  .chapter-header-newsletter {
    justify-content: center;
    height: auto;
    min-height: 0;
    max-height: 600px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .footer-icon {
    margin-left: 10px;
    margin-right: 10px;
  }

  .footer-menu-text {
    text-align: center;
    margin-top: 10px;
  }

  .contact-image-2 {
    align-self: center;
    margin-left: 30px;
  }

  .columns-2.titulka_sloupce {
    margin-right: 5%;
  }

  .image-35 {
    margin-left: auto;
    margin-right: auto;
  }

  .logo-hp {
    width: 70%;
    max-width: 450px;
    margin-top: -100px;
  }

  .homepage-header-button {
    margin-left: 5px;
    margin-right: 5px;
  }

  .homepage-header-buttons {
    flex-direction: column;
    align-items: center;
  }

  .homepage-header-buttons-right {
    margin-top: 20px;
  }

  .magazine-grid {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    align-content: stretch;
    margin-bottom: 0;
    padding: 10px;
  }

  .header-magazine-logo {
    max-width: 90%;
  }

  .rozcestnik {
    background-size: cover;
    min-height: 100vh;
  }

  .rozcestnik-content {
    z-index: 2000;
    max-width: 300px;
  }

  .rozcestnik-aktualni {
    margin-bottom: 10px;
    padding: 20px;
  }

  .d-31-card {
    width: 200px;
    height: 262px;
  }

  .d-31-card-back {
    max-width: 200px;
  }

  .rozcestnik-starsi-heading {
    margin-top: 20px;
  }

  .rozcestnik-starsi-cisla {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    width: 300px;
  }

  .rozcestnik-aktualni-img {
    max-width: 240px;
    margin-bottom: 20px;
  }

  .rozcestnik-starsi-cover {
    max-width: 200px;
  }

  .close-big-menu {
    height: 40px;
    top: 24px;
    right: 20px;
  }

  .rozcestnik-starsi-perex {
    max-width: 240px;
  }

  .article-title {
    width: 100%;
    margin-bottom: 0;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    top: 0;
  }

  .article-title-border {
    display: none;
  }

  .article-perex {
    font-size: 20px;
    line-height: 30px;
  }

  .red-quote {
    margin-bottom: 20px;
    padding-top: 50px;
    padding-bottom: 20px;
    padding-left: 0;
  }

  .article-body {
    width: 100%;
    padding: 20px;
  }

  .contact-name-line {
    flex-direction: column;
    align-items: center;
  }

  .contact-text {
    max-width: 100%;
  }

  .contacts-grid {
    width: auto;
    min-width: 0;
    max-width: 100%;
    margin-left: 20px;
    margin-right: 20px;
    overflow: hidden;
  }

  .contact-person {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .article-image-full {
    width: 100%;
    height: auto;
  }

  .article-image-full.small {
    width: 80%;
    max-height: none;
  }

  .halfpage-article-img {
    height: 300px;
  }

  .halfpage-article-text {
    padding: 40px 20px;
  }

  .article-full-body, .news-2-cols {
    width: 100%;
    padding: 40px 20px 20px;
  }

  .article-text-header-gray {
    padding-bottom: 40px;
  }

  .transaction-grid {
    width: 100%;
    margin-bottom: 20px;
    padding: 40px 10px 20px;
  }

  ._2cols-grid-item {
    padding: 20px;
  }

  ._2cols-grid-item.nasili {
    padding-right: 20px;
  }

  .button-chapters-2, .button-header-chapters {
    text-align: center;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    align-self: center;
    height: 42px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 20px;
    right: 20px;
  }

  .colorbox-gray {
    padding: 20px;
  }

  .transakce-image {
    width: 100%;
    max-width: 100%;
    max-height: none;
  }

  .transakce-image.small {
    width: 80%;
  }

  .colorbox-gray-2 {
    padding: 20px;
  }

  .article-title-2 {
    white-space: break-spaces;
    max-width: none;
    font-size: 30px;
    left: 0;
    right: 20px;
  }

  .article-title-2.white {
    max-width: 100%;
  }

  .article-title-2.white.topinka {
    max-width: 80%;
  }

  .article-title-2.white.karim {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 24px;
  }

  .article-header-image {
    object-fit: scale-down;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    min-height: 240px;
    display: flex;
    overflow: visible;
  }

  .article-header-title {
    z-index: 100;
    flex: 0 auto;
    width: auto;
    max-width: none;
    padding: 20px 16px;
    position: relative;
  }

  .colorbox-logos {
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .header-image {
    object-fit: cover;
    flex: 0 auto;
    height: 100%;
    position: absolute;
    overflow: visible;
  }

  .header-image.bigger-header-image.position-right {
    right: -40px;
  }

  .homepage-1-22 {
    min-height: 100vh;
  }

  .grid-item-spotrebitel {
    height: 280px;
  }

  .about-map-title {
    margin-top: 0;
    font-size: 30px;
    line-height: 40px;
  }

  .half-page {
    align-items: center;
    margin-bottom: 0;
    padding: 20px 0;
  }

  .pro-bono-item-2 {
    padding: 30px;
  }

  .content-split {
    width: 90%;
    padding-top: 60px;
    padding-bottom: 30px;
    top: 0;
  }

  .text-blue {
    font-size: 32px;
  }

  .first-heading {
    margin-top: 20px;
  }

  .colorbox-green {
    margin-top: 40px;
    padding: 20px;
  }

  .climate-logo {
    width: 100%;
    margin-top: 0;
  }

  .colorbox-gray-3, .colorbox-brown {
    padding: 20px;
  }

  .probono-numbers {
    text-align: left;
    align-items: flex-start;
  }

  .probono-number-item {
    margin-left: 0;
  }

  .div-align-center {
    display: flex;
  }

  .slide-1 {
    text-align: center;
    vertical-align: sub;
    object-fit: fill;
  }

  .slider---mobil {
    align-items: center;
    margin-top: 40px;
    display: flex;
  }

  .award-grid-item {
    max-width: 40%;
    margin-left: auto;
    margin-right: auto;
  }

  .award-grid-item.bigger {
    max-width: 60%;
  }

  .slider---tablet {
    display: none;
  }

  .homepage-header-button-2 {
    margin-left: 0;
    margin-right: 5px;
    padding-left: 18px;
    padding-right: 18px;
  }

  .body-esg {
    object-fit: fill;
    background-image: linear-gradient(#fff3, #fff3), url('../images/bg-homepage.jpg');
    background-position: 0 0, 50% 0;
    background-repeat: repeat, repeat-y;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
  }

  .article-center-header {
    padding-left: 20px;
    padding-right: 20px;
  }

  .article-body-item {
    width: 100%;
    padding: 20px;
  }

  .article-body-item.esg-gray.bottom-bg, .article-body-item.zeny-gray.bottom-bg {
    padding-bottom: 80px;
  }

  .esg-contacts {
    z-index: 100;
    position: relative;
  }

  .esg-bottom {
    z-index: 2000;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .image-36 {
    margin-top: -80px;
  }

  .probono-numbers-line {
    text-align: left;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .probono-img-6 {
    max-width: 220px;
  }

  .interview-question {
    margin-top: 40px;
  }

  .colorbox-blue {
    padding: 20px;
  }

  .colorbox-blue.logo-box {
    flex-direction: column;
  }

  .footer-icon-2 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .button-2 {
    text-align: center;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    align-self: center;
    height: 42px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 20px;
    right: 0;
  }

  .link-2 {
    text-align: center;
  }

  .footer-newsletter {
    z-index: 2000;
  }

  ._2-cols-div {
    padding: 20px;
  }

  .div-block-9 {
    z-index: 10;
    bottom: 0;
  }

  .aktualni-titulek {
    font-size: 60px;
    line-height: 60px;
    top: 10px;
  }

  .div-block-10 {
    height: 230px;
  }

  .colorbox-brightblue, .colorbox-realestate {
    padding: 20px;
  }

  .homepage-1-23 {
    min-height: 100vh;
  }

  .header-image-cover {
    z-index: 20;
    object-fit: cover;
    flex: 0 auto;
    height: 100%;
    position: absolute;
    overflow: visible;
  }

  .body-zeny {
    object-fit: fill;
  }

  .colorbox-blue-2 {
    padding: 20px;
  }

  .article-icon {
    width: 100%;
    padding: 20px;
  }

  .article-icon.esg-gray.bottom-bg, .article-icon.zeny-gray.bottom-bg {
    padding-bottom: 80px;
  }

  .colorbox-nextzeny {
    margin-top: 40px;
    padding: 20px;
  }

  .contact-person-small {
    flex-flow: column;
    justify-content: flex-start;
    width: auto;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .contacts-grid-zeny {
    justify-items: center;
    width: auto;
    min-width: 0;
    max-width: 100%;
    margin-left: 20px;
    margin-right: 20px;
    overflow: hidden;
  }

  .contact-image-center {
    align-self: center;
    margin-left: auto;
  }

  .title-with-icon {
    justify-content: flex-start;
    align-items: center;
  }

  .title-icon-title {
    font-size: 26px;
  }

  .title-icon-item {
    max-width: 80px;
    max-height: 80px;
  }

  .image-38 {
    width: 80%;
    height: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .image-40, .image-41, .image-42 {
    width: 80%;
    height: 80%;
    display: block;
  }

  .image-43 {
    width: 80%;
    height: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .zeny-contacts {
    z-index: 100;
    position: relative;
  }

  .homepage-2-23 {
    min-height: 100vh;
  }

  .colorbox-red {
    padding: 20px;
  }

  .colorbox-red.logo-box {
    flex-direction: column;
  }

  .grid-item-zemedelstvi {
    height: 280px;
  }

  .image-45 {
    flex: 0 auto;
  }

  .content-jaroslav {
    max-width: 100%;
  }

  .article-header-image-group {
    object-fit: scale-down;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    min-height: 240px;
    display: flex;
    overflow: visible;
  }

  .header-image-group {
    object-fit: cover;
    flex: 0 auto;
    height: 100%;
    position: absolute;
    overflow: visible;
  }

  .article-header-title-group {
    z-index: 100;
    flex: 0 auto;
    width: auto;
    max-width: none;
    padding: 20px;
    position: relative;
  }

  .client-box {
    padding: 20px;
  }

  .homepage-2-24 {
    background-image: url('../images/bg-hp_1.jpg');
    background-position: 50%;
    background-size: cover;
    min-height: 100vh;
  }

  .grid-item-rozhovor-havel {
    background-position: 50% 0;
  }

  .article-body-item-2 {
    width: 100%;
    padding: 20px;
  }

  .article-body-item-2.esg-brown.bg-bottom-2, .article-body-item-2.esg-gray.bottom-bg {
    padding-bottom: 80px;
  }

  .article-center-header-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .article-perex-2 {
    font-size: 20px;
    line-height: 30px;
  }

  .text-blue-2 {
    font-size: 32px;
  }

  .body-frankfurt {
    object-fit: fill;
  }

  .colorbox-orange {
    padding: 20px;
  }

  .colorbox-orange.logo-box {
    flex-direction: column;
  }

  .article-image-small-center {
    width: 100%;
    height: auto;
  }

  .article-image-small-center.small {
    width: 80%;
    max-height: none;
  }

  .article-text-header-purple {
    padding-bottom: 40px;
  }

  .colorbox-blue-2-2, .colorbox-blue-2-3, .colorbox-cyan {
    padding: 20px;
  }

  .colorbox-cyan.logo-box {
    flex-direction: column;
  }

  .article-text-header-ref {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .img-knihy {
    margin-top: 0;
  }

  .halfpage-article-knihy {
    height: 300px;
  }

  .grid-item-deti {
    height: 280px;
  }

  .grid-item-rozhovor-koval {
    background-position: 50% 0;
  }

  .red-dots-box {
    padding: 20px;
  }

  .red-dots-box.logo-box {
    flex-direction: column;
  }

  .title-subheadline {
    max-width: none;
    font-size: 24px;
    line-height: 24px;
  }

  .article-text-header-books {
    margin-top: 0;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-item-rozhovor-karim {
    background-position: 50% 0;
  }

  .colorbox-blue-4 {
    padding: 20px;
  }

  .article-text-header-startup, .article-text-header-diamanty {
    margin-top: 0;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-item-stavebni {
    height: 280px;
  }

  .grid-item-rozhovor-nemecko {
    background-position: 50% 0;
  }
}

#w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d4f-0544eaa5 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d53-0544eaa5 {
  grid-area: span 4 / span 1 / span 4 / span 1;
  place-self: stretch center;
}

#w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d58-0544eaa5, #w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d5b-0544eaa5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d5e-0544eaa5 {
  grid-area: span 4 / span 1 / span 4 / span 1;
  place-self: center;
}

#w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d63-0544eaa5 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: center stretch;
}

#w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d68-0544eaa5 {
  grid-area: span 4 / span 1 / span 4 / span 1;
  place-self: stretch stretch;
}

#w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d89-0544eaa5 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d86-0544eaa5 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: center start;
}

#w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d77-0544eaa5 {
  grid-area: span 4 / span 1 / span 4 / span 1;
  align-self: auto;
}

#w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d78-0544eaa5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f9934692-001d-6c0a-0dae-a61a75073684-0544eaa5 {
  grid-area: span 2 / span 2 / span 2 / span 2;
  place-self: auto start;
}

#w-node-_3f3540d4-8722-97c1-1366-872639bd4c23-0544eaa5 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: auto start;
}

#w-node-_0ced17ae-ee51-e950-6f8f-69bdd532a0a7-0544eaa5 {
  grid-area: span 2 / span 2 / span 2 / span 2;
  place-self: auto start;
}

#w-node-decbddeb-defc-57cf-996f-8c2ec3b2b137-0544eaa5 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: center start;
}

#w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d72-0544eaa5 {
  grid-area: span 2 / span 2 / span 2 / span 2;
  place-self: auto start;
}

#w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d92-0544eaa5, #w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d95-0544eaa5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f2156-d579e2cf {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f215c-d579e2cf {
  grid-area: span 4 / span 1 / span 4 / span 1;
  place-self: stretch center;
}

#w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f2163-d579e2cf, #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f2166-d579e2cf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f2169-d579e2cf {
  grid-area: span 4 / span 1 / span 4 / span 1;
  place-self: center;
}

#w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f2170-d579e2cf {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: center stretch;
}

#w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f2175-d579e2cf {
  grid-area: span 4 / span 1 / span 4 / span 1;
  place-self: stretch stretch;
}

#w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f217a-d579e2cf {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f2183-d579e2cf {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: center start;
}

#w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f2186-d579e2cf {
  grid-area: span 4 / span 1 / span 4 / span 1;
  align-self: auto;
}

#w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f2187-d579e2cf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f218c-d579e2cf {
  grid-area: span 2 / span 2 / span 2 / span 2;
  place-self: auto start;
}

#w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f2191-d579e2cf {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: auto start;
}

#w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f2196-d579e2cf {
  grid-area: span 2 / span 2 / span 2 / span 2;
  place-self: auto start;
}

#w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f219b-d579e2cf {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: center start;
}

#w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f21a1-d579e2cf {
  grid-area: span 2 / span 2 / span 2 / span 2;
  place-self: auto start;
}

#w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f21a6-d579e2cf, #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f21a9-d579e2cf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_7d70ed91-db9c-02aa-707f-8ab4beffda2e-0544eab2, #w-node-c04ffffc-9606-ca09-a4bc-3df7e90928ba-0544eab2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d90bc975-6908-a7c6-cce8-7059735e3062-735e3060, #w-node-d90bc975-6908-a7c6-cce8-7059735e3067-735e3060 {
  align-self: center;
}

#email-3.w-node-d90bc975-6908-a7c6-cce8-7059735e3069-735e3060 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: auto;
}

#w-node-d90bc975-6908-a7c6-cce8-7059735e3074-735e3060 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-d90bc975-6908-a7c6-cce8-7059735e3077-735e3060 {
  place-self: center;
}

#w-node-d90bc975-6908-a7c6-cce8-7059735e307e-735e3060 {
  justify-self: end;
}

#w-node-_4d37aa0b-5616-9e1e-0127-78e62176159c-0544eab3, #w-node-_4d37aa0b-5616-9e1e-0127-78e6217615f1-0544eab3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b55f542b-fdc1-7c47-5e09-9e6848793929-0544eab7, #w-node-e00678be-aaa6-00ac-a3fa-e7202b822b14-0544eab8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a5c9d2b6-47aa-403b-e3ec-a0546054edda-6054edd8, #w-node-a5c9d2b6-47aa-403b-e3ec-a0546054eddf-6054edd8 {
  align-self: center;
}

#email-2.w-node-a5c9d2b6-47aa-403b-e3ec-a0546054ede1-6054edd8 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: auto;
}

#w-node-a5c9d2b6-47aa-403b-e3ec-a0546054edec-6054edd8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-a5c9d2b6-47aa-403b-e3ec-a0546054edef-6054edd8 {
  place-self: center;
}

#w-node-a5c9d2b6-47aa-403b-e3ec-a0546054edf6-6054edd8 {
  justify-self: end;
}

#w-node-e00678be-aaa6-00ac-a3fa-e7202b822b14-0544eab9, #w-node-e00678be-aaa6-00ac-a3fa-e7202b822b14-0544eaba {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d594549b-df4b-345d-d276-e43d396f8645-396f8643, #w-node-d594549b-df4b-345d-d276-e43d396f864a-396f8643 {
  align-self: center;
}

#email-2.w-node-d594549b-df4b-345d-d276-e43d396f864c-396f8643 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: auto;
}

#w-node-d594549b-df4b-345d-d276-e43d396f8657-396f8643 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-d594549b-df4b-345d-d276-e43d396f865a-396f8643 {
  place-self: center;
}

#w-node-d594549b-df4b-345d-d276-e43d396f8661-396f8643 {
  justify-self: end;
}

#w-node-b55f542b-fdc1-7c47-5e09-9e6848793929-0544eabb, #w-node-_55fa27c2-17c8-255f-c90f-ee30057409f1-0544eabc, #w-node-_320b0cdb-ccbb-1b06-d66c-41f200341e92-0544eabe, #w-node-e00678be-aaa6-00ac-a3fa-e7202b822b14-0544eac2, #w-node-_1ed2d704-8211-6793-1a02-c3f0448156fa-0544eac3, #w-node-e00678be-aaa6-00ac-a3fa-e7202b822b14-0544eac6, #w-node-e00678be-aaa6-00ac-a3fa-e7202b822b14-0544eac7, #w-node-f1e5e9dd-094e-15f1-bf85-c702067e4be1-0544eac8, #w-node-_1ed2d704-8211-6793-1a02-c3f0448156fa-9d7eb06e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d53-0544eaa5 {
    grid-row: span 3 / span 3;
  }

  #w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d58-0544eaa5, #w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d5e-0544eaa5, #w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d63-0544eaa5 {
    grid-row: span 1 / span 1;
  }

  #w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d68-0544eaa5 {
    grid-row: span 2 / span 2;
  }

  #w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d89-0544eaa5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d86-0544eaa5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: stretch;
  }

  #w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d77-0544eaa5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-f9934692-001d-6c0a-0dae-a61a75073684-0544eaa5, #w-node-_3f3540d4-8722-97c1-1366-872639bd4c23-0544eaa5, #w-node-_0ced17ae-ee51-e950-6f8f-69bdd532a0a7-0544eaa5 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-decbddeb-defc-57cf-996f-8c2ec3b2b137-0544eaa5 {
    grid-area: span 2 / span 1 / span 2 / span 1;
    align-self: stretch;
  }

  #w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d72-0544eaa5 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f215c-d579e2cf {
    grid-row: span 3 / span 3;
  }

  #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f2163-d579e2cf, #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f2169-d579e2cf, #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f2170-d579e2cf {
    grid-row: span 1 / span 1;
  }

  #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f2175-d579e2cf {
    grid-row: span 2 / span 2;
  }

  #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f217a-d579e2cf {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f2183-d579e2cf {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: stretch;
  }

  #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f2186-d579e2cf {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f218c-d579e2cf, #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f2191-d579e2cf, #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f2196-d579e2cf {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f219b-d579e2cf {
    grid-area: span 2 / span 1 / span 2 / span 1;
    align-self: stretch;
  }

  #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f21a1-d579e2cf {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-ed3897cc-d8c6-03c1-76d3-65e5846d400e-0544eab2 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-dd0cf8e1-7f01-afcd-751f-82a1cd5a008c-cd5a008c {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-e1e144f7-d240-eab5-a83e-07be46b7c97c-0544eab3, #w-node-a96eea6e-7fc9-d838-ef77-8687d6e2ef78-0544eab4, #w-node-e1e144f7-d240-eab5-a83e-07be46b7c97c-0544eab6 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b55f542b-fdc1-7c47-5e09-9e6848793929-0544eab7 {
    grid-column: span 1 / span 1;
  }

  #w-node-_65afc27b-7cf3-0af9-6a41-6c9487b2f6d2-0544eab7 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-e00678be-aaa6-00ac-a3fa-e7202b822b14-0544eab8 {
    align-self: center;
  }

  #w-node-_6e9bfe8e-b340-9dd1-6562-3fa36edae7ef-6edae7ef {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-e00678be-aaa6-00ac-a3fa-e7202b822b14-0544eab9, #w-node-e00678be-aaa6-00ac-a3fa-e7202b822b14-0544eaba {
    align-self: center;
  }

  #w-node-_9e6e6eb7-9fda-6f88-0c2f-b44ab2935df1-b2935df1 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-b55f542b-fdc1-7c47-5e09-9e6848793929-0544eabb {
    grid-column: span 1 / span 1;
  }

  #w-node-_65afc27b-7cf3-0af9-6a41-6c9487b2f6d2-0544eabb {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_55fa27c2-17c8-255f-c90f-ee30057409f1-0544eabc {
    grid-column: span 1 / span 1;
  }

  #w-node-_65afc27b-7cf3-0af9-6a41-6c9487b2f6d2-0544eabc, #w-node-_46c33cf4-9331-fe04-fb7b-116a0bc68b40-0544eabd {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_320b0cdb-ccbb-1b06-d66c-41f200341e92-0544eabe {
    grid-column: span 1 / span 1;
  }

  #w-node-_399a9043-d718-ccdd-a32b-3fb613e6b8ba-0544eabe, #w-node-_65afc27b-7cf3-0af9-6a41-6c9487b2f6d2-0544eabf, #w-node-_65afc27b-7cf3-0af9-6a41-6c9487b2f6d2-0544eac1 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-e00678be-aaa6-00ac-a3fa-e7202b822b14-0544eac2 {
    align-self: center;
  }

  #w-node-_1ed2d704-8211-6793-1a02-c3f0448156fa-0544eac3 {
    grid-column: span 1 / span 1;
  }

  #w-node-_46c33cf4-9331-fe04-fb7b-116a0bc68b40-0544eac3, #w-node-_65afc27b-7cf3-0af9-6a41-6c9487b2f6d2-0544eac4, #w-node-_65afc27b-7cf3-0af9-6a41-6c9487b2f6d2-0544eac5 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-e00678be-aaa6-00ac-a3fa-e7202b822b14-0544eac6, #w-node-e00678be-aaa6-00ac-a3fa-e7202b822b14-0544eac7 {
    align-self: center;
  }

  #w-node-f1e5e9dd-094e-15f1-bf85-c702067e4be1-0544eac8 {
    grid-column: span 1 / span 1;
  }

  #w-node-_46c33cf4-9331-fe04-fb7b-116a0bc68b40-0544eac8 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_1ed2d704-8211-6793-1a02-c3f0448156fa-9d7eb06e {
    grid-column: span 1 / span 1;
  }

  #w-node-_46c33cf4-9331-fe04-fb7b-116a0bc68b40-9d7eb06e, #w-node-_65afc27b-7cf3-0af9-6a41-6c9487b2f6d2-9031c43d {
    grid-area: 1 / 1 / 2 / 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d53-0544eaa5 {
    grid-row: span 2 / span 2;
  }

  #w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d5e-0544eaa5 {
    align-self: stretch;
  }

  #w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d68-0544eaa5 {
    grid-row: span 2 / span 2;
  }

  #w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d89-0544eaa5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d86-0544eaa5 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d77-0544eaa5 {
    grid-column: span 1 / span 1;
  }

  #w-node-f9934692-001d-6c0a-0dae-a61a75073684-0544eaa5, #w-node-_3f3540d4-8722-97c1-1366-872639bd4c23-0544eaa5, #w-node-_0ced17ae-ee51-e950-6f8f-69bdd532a0a7-0544eaa5, #w-node-decbddeb-defc-57cf-996f-8c2ec3b2b137-0544eaa5, #w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d72-0544eaa5 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f215c-d579e2cf {
    grid-row: span 2 / span 2;
  }

  #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f2169-d579e2cf {
    align-self: stretch;
  }

  #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f2175-d579e2cf {
    grid-row: span 2 / span 2;
  }

  #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f217a-d579e2cf {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f2183-d579e2cf {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f2186-d579e2cf {
    grid-column: span 1 / span 1;
  }

  #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f218c-d579e2cf, #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f2191-d579e2cf, #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f2196-d579e2cf, #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f219b-d579e2cf, #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f21a1-d579e2cf {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-ed3897cc-d8c6-03c1-76d3-65e5846d400e-0544eab2 {
    justify-self: auto;
  }

  #w-node-d90bc975-6908-a7c6-cce8-7059735e3062-735e3060 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-d90bc975-6908-a7c6-cce8-7059735e3067-735e3060 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: center;
  }

  #w-node-e1e144f7-d240-eab5-a83e-07be46b7c97c-0544eab3, #w-node-a96eea6e-7fc9-d838-ef77-8687d6e2ef78-0544eab4, #w-node-e1e144f7-d240-eab5-a83e-07be46b7c97c-0544eab6, #w-node-_65afc27b-7cf3-0af9-6a41-6c9487b2f6d2-0544eab7 {
    justify-self: auto;
  }

  #w-node-a5c9d2b6-47aa-403b-e3ec-a0546054edda-6054edd8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-a5c9d2b6-47aa-403b-e3ec-a0546054eddf-6054edd8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: center;
  }

  #w-node-_65afc27b-7cf3-0af9-6a41-6c9487b2f6d2-0544eabb, #w-node-_65afc27b-7cf3-0af9-6a41-6c9487b2f6d2-0544eabc, #w-node-_46c33cf4-9331-fe04-fb7b-116a0bc68b40-0544eabd, #w-node-_399a9043-d718-ccdd-a32b-3fb613e6b8ba-0544eabe, #w-node-_65afc27b-7cf3-0af9-6a41-6c9487b2f6d2-0544eabf, #w-node-_65afc27b-7cf3-0af9-6a41-6c9487b2f6d2-0544eac1, #w-node-_46c33cf4-9331-fe04-fb7b-116a0bc68b40-0544eac3, #w-node-_65afc27b-7cf3-0af9-6a41-6c9487b2f6d2-0544eac4, #w-node-_65afc27b-7cf3-0af9-6a41-6c9487b2f6d2-0544eac5, #w-node-_46c33cf4-9331-fe04-fb7b-116a0bc68b40-0544eac8, #w-node-_46c33cf4-9331-fe04-fb7b-116a0bc68b40-9d7eb06e, #w-node-_65afc27b-7cf3-0af9-6a41-6c9487b2f6d2-9031c43d {
    justify-self: auto;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d4f-0544eaa5 {
    grid-column: span 1 / span 1;
  }

  #w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d53-0544eaa5 {
    grid-row: span 2 / span 2;
    justify-self: stretch;
  }

  #w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d63-0544eaa5 {
    grid-row: span 2 / span 2;
    align-self: stretch;
  }

  #w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d89-0544eaa5 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d86-0544eaa5 {
    grid-area: span 2 / span 1 / span 2 / span 1;
    align-self: stretch;
  }

  #w-node-_7152054a-4b99-e7fd-eb13-c027c09e9d77-0544eaa5 {
    grid-column: span 1 / span 1;
    align-self: stretch;
  }

  #w-node-decbddeb-defc-57cf-996f-8c2ec3b2b137-0544eaa5 {
    grid-area: span 2 / span 1 / span 2 / span 1;
    align-self: stretch;
  }

  #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f2156-d579e2cf {
    grid-column: span 1 / span 1;
  }

  #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f215c-d579e2cf {
    grid-row: span 2 / span 2;
    justify-self: stretch;
  }

  #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f2170-d579e2cf {
    grid-row: span 2 / span 2;
    align-self: stretch;
  }

  #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f217a-d579e2cf {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f2183-d579e2cf {
    grid-area: span 2 / span 1 / span 2 / span 1;
    align-self: stretch;
  }

  #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f2186-d579e2cf {
    grid-column: span 1 / span 1;
    align-self: stretch;
  }

  #w-node-_0038dbbf-cadc-7cfa-da67-f3da1c1f219b-d579e2cf {
    grid-area: span 2 / span 1 / span 2 / span 1;
    align-self: stretch;
  }

  #w-node-ed3897cc-d8c6-03c1-76d3-65e5846d4014-0544eab2 {
    justify-self: auto;
  }

  #w-node-d90bc975-6908-a7c6-cce8-7059735e3062-735e3060, #w-node-d90bc975-6908-a7c6-cce8-7059735e3074-735e3060, #w-node-d90bc975-6908-a7c6-cce8-7059735e307e-735e3060 {
    justify-self: center;
  }

  #w-node-e1e144f7-d240-eab5-a83e-07be46b7c982-0544eab3, #w-node-a96eea6e-7fc9-d838-ef77-8687d6e2ef7e-0544eab4, #w-node-e1e144f7-d240-eab5-a83e-07be46b7c982-0544eab6, #w-node-_65afc27b-7cf3-0af9-6a41-6c9487b2f6d8-0544eab7 {
    justify-self: auto;
  }

  #w-node-a5c9d2b6-47aa-403b-e3ec-a0546054edda-6054edd8, #w-node-a5c9d2b6-47aa-403b-e3ec-a0546054edec-6054edd8, #w-node-a5c9d2b6-47aa-403b-e3ec-a0546054edf6-6054edd8, #w-node-d594549b-df4b-345d-d276-e43d396f8645-396f8643, #w-node-d594549b-df4b-345d-d276-e43d396f8657-396f8643, #w-node-d594549b-df4b-345d-d276-e43d396f8661-396f8643 {
    justify-self: center;
  }

  #w-node-_65afc27b-7cf3-0af9-6a41-6c9487b2f6d8-0544eabb, #w-node-_65afc27b-7cf3-0af9-6a41-6c9487b2f6d8-0544eabc, #w-node-_46c33cf4-9331-fe04-fb7b-116a0bc68b4c-0544eabd, #w-node-_399a9043-d718-ccdd-a32b-3fb613e6b8c0-0544eabe, #w-node-_65afc27b-7cf3-0af9-6a41-6c9487b2f6d8-0544eabf, #w-node-_65afc27b-7cf3-0af9-6a41-6c9487b2f6d8-0544eac1, #w-node-_46c33cf4-9331-fe04-fb7b-116a0bc68b4c-0544eac3, #w-node-_65afc27b-7cf3-0af9-6a41-6c9487b2f6d8-0544eac4, #w-node-_65afc27b-7cf3-0af9-6a41-6c9487b2f6d8-0544eac5, #w-node-_46c33cf4-9331-fe04-fb7b-116a0bc68b4c-0544eac8, #w-node-_46c33cf4-9331-fe04-fb7b-116a0bc68b4c-9d7eb06e, #w-node-_65afc27b-7cf3-0af9-6a41-6c9487b2f6d8-9031c43d {
    justify-self: auto;
  }
}


@font-face {
  font-family: 'Glyph';
  src: url('../fonts/glyph_r_.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Minionpro';
  src: url('../fonts/MinionPro-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bebas Neue';
  src: url('../fonts/BebasNeueBook.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bebas Neue';
  src: url('../fonts/BebasNeueBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Campton';
  src: url('../fonts/CamptonMedium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Campton';
  src: url('../fonts/CamptonSemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Campton';
  src: url('../fonts/CamptonLight.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Campton';
  src: url('../fonts/CamptonBlack.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Campton';
  src: url('../fonts/CamptonBold.otf') format('opentype'), url('../fonts/CamptonExtraBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'CamptonCamptonbook';
  src: url('../fonts/CamptonBook.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}