@font-face {
  font-family: Manrope;
  src: url("files/fonts/Manrope-Bold.woff2") format("woff2"), url("files/fonts/Manrope-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Manrope;
  src: url("files/fonts/Manrope-Regular.woff2") format("woff2"), url("files/fonts/Manrope-Regular.woff") format("woff");
  font-weight: normal;
  font-style: nomal;
  font-display: swap;
}

:root {
  --border-light-color: #ffe680;
  --golda-background-color: #ffc227;
  --golda-background-dark-color: #cd9c21;
  --golda-background-hover-color: #e2ac24;
  --golda-background-lite-color: #fef7e0;
  --golda-menu-hover-color: #f6b81a;
  --golda-gold-text-color: #d5950b;
  --header-height: 3.2em;
  --golda-bar-height: 1.7em;
  --link-color: #333;
  --page-width: 80em;
}

* {
  font-family: Manrope, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Open Sans, sans-serif;
}

html {
  scroll-padding-top: calc(var(--header-height)  + var(--golda-bar-height)  + .4em);
}

body {
  background-color: #fff;
  font-family: Manrope, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Open Sans, sans-serif;
}

form, form.ebform, .golda-box {
  background-color: #fef7e0;
  border: .1em solid #fc0;
  border-radius: 1.2em;
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], .ebform .required-field-legend {
  border-radius: 24px !important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"] {
  background-color: #fff;
  border: .1em solid #dadada;
  height: 2em;
  padding: 1em 1.2em;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus {
  border-color: var(--golda-background-color);
}

input[type="submit"], button, .button {
  background-color: var(--golda-background-color);
  color: #333;
  text-align: center;
  border: .1em solid #fb0;
  border-radius: 1em;
  height: 2em;
  padding: 0 1.2em;
}

.button {
  line-height: 1.8;
}

input[type="submit"]:hover, button:hover, .button:hover {
  color: #333;
  background-color: #ffcc48;
}

.ebform fieldset {
  border: 0;
  margin-bottom: .5em;
}

.ebform fieldset > div {
  padding: 0;
}

.ebform fieldset legend, .ebform fieldset.optional.visible legend {
  margin-left: 0;
  padding-left: 0;
}

.db-query-table th {
  background-color: var(--golda-background-color);
}

.db-query-table th:hover {
  background-color: var(--golda-background-hover-color);
}

.db-query-table th a {
  color: #000;
}

.db-query-table th:hover a {
  color: #fff;
}

.db-query-table tr:nth-child(odd), .db-query-table tr:nth-child(odd) > td:first-child {
  background-color: #f8f8f8;
}

.db-query-table tr:hover td, .db-query-table tr:nth-child(odd):hover > td:first-child, .db-query-table tr:nth-child(2n):hover > td:first-child {
  background-color: var(--golda-background-lite-color);
}

.db-query-table th, .db-query-table td {
  padding: .4em .6em;
}

.query-table-box > .pager > form {
  background-color: #0000;
  border: none;
}

header {
  background-color: var(--golda-background-color);
  height: var(--header-height);
  z-index: 1000;
  width: 100%;
  position: fixed;
  box-shadow: 0 .2em 1em .1em #00000026;
}

header > .holder {
  max-width: 100%;
  height: 100%;
  width: var(--page-width);
  margin: 0 auto;
  position: relative;
}

header .logo {
  text-indent: -200%;
  background-image: url("images/logo.png");
  background-position: .5em 50%;
  background-repeat: no-repeat;
  background-size: 9.5em;
  width: 20em;
  max-width: 50%;
  height: 100%;
  display: block;
}

.pagetop {
  max-width: 100%;
  padding-top: var(--header-height);
  width: var(--page-width);
  align-items: stretch;
  margin: auto;
  display: flex;
  position: relative;
}

.pagetop:before {
  content: " ";
  z-index: 1000;
  background-image: url("images/gold-cube.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 3.8em;
  width: 3.8em;
  height: 4.4em;
  position: absolute;
  top: 2.08em;
  left: calc(50% - 1.1em);
}

.pagetop > h1, .pagetop > h2 {
  flex-grow: 1;
  flex-basis: 0;
  align-items: center;
  min-height: 4.5em;
  display: flex;
  position: relative;
}

h1 {
  background-color: var(--golda-background-color);
  padding: 1em;
  font-size: 3.2em;
  font-weight: normal;
  line-height: 1.2;
}

.pagetop > h2 {
  background-color: var(--golda-background-lite-color);
  padding: 1.6em;
  font-size: 1.5em;
  font-weight: normal;
  line-height: 1.5;
}

nav.main {
  cursor: pointer;
  z-index: 1001;
  background-image: url("images/menu.png");
  background-position: right .5em center;
  background-repeat: no-repeat;
  background-size: 5.4em;
  width: 8em;
  max-width: 20em;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}

nav.main.opened {
  overflow: visible;
}

nav.main > ul {
  background-color: var(--golda-background-color);
  border-left: .05em solid #cf9e21;
  width: 22em;
  margin: 0;
  padding: 1.2em 1.6em;
  font-size: 1.42em;
  line-height: 1.5em;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
  box-shadow: 0 .2em 1em .1em #0003;
}

nav.main.opened > ul > li > ul {
  padding-left: 1.33em;
}

nav.main.opened > ul {
  display: block;
}

nav.user-info {
  background-image: url("../../img/icon/user-outline.svg");
  background-position: right .5em top calc(calc(var(--header-height) / 2)  - 1em);
  cursor: pointer;
  z-index: 1000;
  background-repeat: no-repeat;
  background-size: 1.9em;
  width: 11em;
  padding-top: 2.8em;
  position: absolute;
  top: 0;
  right: 8.5em;
  overflow: visible;
}

nav.user-info.logged {
  background: none;
  width: fit-content;
}

nav.user-info > div {
  right: 0;
  top: var(--header-height);
  background-color: #fff;
  border-radius: .5em;
  width: 13em;
  padding: .4em 0;
  display: none;
  position: absolute;
  box-shadow: 0 .2em 1em .1em #0003;
}

nav.user-info.opened > div {
  display: block;
}

nav.user-info > .logged-user-name {
  cursor: pointer;
  white-space: nowrap;
  background-image: url("../../img/icon/user-outline.svg");
  background-position: right .5em center;
  background-repeat: no-repeat;
  background-size: 1.6em;
  border: 1px solid #333;
  border-radius: 3em;
  width: fit-content;
  min-height: 2.2em;
  padding: .3em 2.3em .3em 1em;
  display: block;
  position: absolute;
  top: .5em;
  right: 0;
}

nav.user-info > .logged-user-name:hover {
  background-color: var(--golda-background-hover-color);
}

nav.user-info form, nav.user-info input[type="submit"] {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

nav.main a, nav.user-info > div > a, nav.user-info input[type="submit"] {
  color: #222;
  text-align: left;
  border-radius: 0;
  width: 100%;
  padding: .6em 1em;
  text-decoration: none;
  display: block;
}

nav.user-info .logout-timer {
  padding: .5em 1em;
  font-size: .95em;
}

nav.user-info input[type="submit"] {
  padding-bottom: 2em;
}

nav.user-info > div > a, nav.user-info input[type="submit"] {
  background-position: .8em 50%;
  background-repeat: no-repeat;
  background-size: 1.6em;
  padding-left: 3.5em;
}

nav.user-info > div > a.login {
  background-image: url("../../img/icon/login.svg");
}

nav.user-info > div > a.registration {
  background-image: url("../../img/icon/registration.svg");
}

nav.user-info > div > a.investment {
  background-image: url("../../img/icon/investment.svg");
}

nav.user-info > div > a.documents {
  background-image: url("../../img/icon/badge.svg");
}

nav.user-info > div > a.profile {
  background-image: url("../../img/icon/user-outline.svg");
}

nav.user-info > div input[type="submit"] {
  background-image: url("../../img/icon/logout.svg");
}

nav.main a {
  border-radius: 3em;
}

nav.main a:hover {
  background-color: var(--golda-menu-hover-color);
}

nav.user-info > div > a:hover, nav.user-info input[type="submit"]:hover {
  background-color: #eee;
}

.copyright {
  display: none;
}

footer {
  max-width: 100%;
  width: var(--page-width);
  background-image: url("images/footer-background.webp");
  background-repeat: no-repeat;
  background-size: cover;
  border: none;
  min-height: 16em;
  margin: 5em auto auto;
  padding-bottom: .2em;
  position: relative;
}

footer nav a {
  text-decoration: none;
}

footer nav h3 {
  background-color: var(--golda-background-color);
  text-align: center;
  border: 1px solid #0000;
  border-radius: 2em;
  width: 25em;
  max-width: 100%;
  margin: auto;
  padding: .3em;
  font-size: 1.5em;
  font-weight: normal;
  position: relative;
  top: -1em;
}

footer nav h3:hover {
  background-color: var(--golda-background-hover-color);
  border-color: var(--golda-background-color);
}

footer nav ul {
  text-align: center;
  font-size: 1.5em;
  line-height: 1.5em;
}

footer nav ul li a {
  color: #fff;
  text-shadow: 0 0 .2em #000000e6;
  text-decoration: none;
}

footer nav ul li a:hover {
  text-decoration: underline;
}

.golda-bar {
  max-width: 100%;
  width: var(--page-width);
  background-color: #fffffff2;
  border: .01em solid #ccc;
  margin: 1px auto;
  padding: .1em;
  left: 50%;
  overflow: auto;
}

.golda-bar a {
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.golda-bar span {
  margin-top: .05em;
  padding: 0 .5em;
  font-size: .95em;
  display: block;
  overflow: visible;
}

.golda-bar .title {
  padding: 0 0 0 .5em;
}

.golda-bar .price {
  border-right: 1px dotted #aaa;
}

.content {
  max-width: calc(100% - 3em);
  min-height: 4.5em;
  width: var(--page-width);
  margin: 2.6em auto;
  padding: 0;
  position: relative;
}

.content h2, .content h3, .content h4 {
  font-weight: normal;
}

.content h2 {
  margin-top: .7em;
  margin-bottom: 1em;
  font-size: 2.1em;
}

.content h3 {
  margin-top: .6em;
  margin-bottom: .7em;
  font-size: 1.7em;
}

.content h4 {
  margin-top: .7em;
  margin-bottom: .5em;
  font-size: 1.5em;
}

.content h3.golden-header {
  color: var(--golda-gold-text-color);
  font-weight: bold;
}

.content > form.ebform {
  padding: 1.1em 1.5em;
}

.content .golda-faq h3 {
  margin-top: 1.8em;
  font-size: 1.8em;
}

.content .golda-faq h4 {
  font-weight: 600;
}

.content .golda-faq p {
  margin-bottom: .6em;
}

#documents-form input[type="submit"] {
  margin: 2em 0 0 !important;
}

#documents-form label > div {
  width: auto;
}

#documents-form li {
  margin-left: 1.3em;
  list-style-type: disc;
}

.content .golden-tile {
  background-image: url("images/gold-background.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 4em 0;
}

.content a {
  color: var(--golda-gold-text-color);
}

.content a.button {
  color: #333;
}

.content p {
  color: #000000d9;
  margin-bottom: 1.1em;
  font-size: 1.45em;
  line-height: 1.35em;
}

.content ol, .content ul {
  margin-left: 1.5em;
  font-size: 1.45em;
  line-height: 1.45em;
}

.content ol {
  list-style: lower-latin;
}

.content ul {
  list-style: outside;
}

.content ol li, .content ul li {
  margin-bottom: .5em;
}

.content .golden-tile:first-child {
  margin-top: -2.55em;
}

.content .golden-tile p {
  color: #fff;
  text-shadow: 0 0 .3em #000000e6;
  width: 50%;
  padding: 2.2em 2em;
  font-size: 2.2em;
  line-height: 1.3em;
}

.content .golden-tile ul {
  color: #fff;
  width: 100%;
  margin-left: 0;
  padding: 2.2em 2em;
  font-size: 2.2em;
  line-height: 1.3em;
  list-style: none;
}

.content .golden-tile li {
  margin-bottom: 0;
}

.content .golden-tile ul li a {
  color: #fff;
  text-shadow: 0 0 .3em #000000e6;
  text-decoration: none;
}

.content .golden-tile ul li a:hover {
  text-decoration: underline;
}

.content a.skip-verification-button {
  min-width: 11em;
  height: auto;
  font-size: 1.3em;
}

.content .security-perex {
  flex-direction: row;
  display: flex;
}

.content .security-perex div {
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.content .security-logos {
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.content .security-perex img, .content .security-logos img, .content .verification-info .next-paragraphs .logos img {
  object-fit: contain;
  width: auto;
  max-width: 15em;
  height: auto;
  max-height: 10em;
  display: block;
}

.content .verification-info {
  font-size: .93em;
}

.content .verification-info p {
  margin-bottom: .5em;
}

.content .verification-info .first-paragraph, .content .verification-info .next-paragraphs {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1em;
  display: flex;
}

.content .verification-info .next-paragraphs .logos {
  flex-wrap: wrap;
  justify-content: right;
  align-items: center;
  gap: 1em;
  min-width: 30%;
  max-width: 35%;
  display: flex;
}

.content .verification-info .next-paragraphs .logos img {
  max-width: 8em;
  max-height: 7em;
}

.content .verification-overview {
  background-color: #fff;
  width: 100%;
}

.content .verification-overview form {
  box-shadow: none;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.content .verification-overview form input[type="submit"] {
  margin: 0;
  font-size: 1.25em;
}

.content .verification-overview .row {
  border-top: 2px solid #0000;
  border-bottom: 1px solid #ddd;
  flex-wrap: nowrap;
  display: flex;
}

.content .verification-overview .row:hover {
  background-color: #f8f8f8;
}

.content .verification-overview .row:last-child {
  border-bottom: none;
}

.content .verification-overview .row .text {
  vertical-align: middle;
  width: 60%;
  padding: .35em 1em;
  font-size: 1.25em;
}

.content .verification-overview .row .text span {
  opacity: .6;
  background-image: url("../../img/icon/help.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  width: 1.4em;
  height: 1em;
  display: inline-block;
  position: relative;
}

.content .verification-overview .row .text span:hover {
  opacity: 1;
}

.content .verification-overview .row .text span > em {
  display: none;
}

.content .verification-overview .row .text span:hover > em {
  color: #000;
  z-index: 1000;
  background-color: #fffbe8;
  border: 1px solid #ccc;
  border-radius: .5em;
  width: 28em;
  padding: .4em .7em;
  font-size: .9em;
  display: block;
  position: absolute;
  top: 1.2em;
  left: -3em;
  box-shadow: .2em .2em .3em .2em #0000000d;
}

.content .verification-overview .row .fulfillment > span {
  color: #0000;
  background-image: url("../../img/icon/clear-red.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 2em;
  width: 2.2em;
  height: 2.2em;
  font-size: 1.3em;
  display: block;
}

.content .verification-overview .row .fulfillment > span.mail {
  background-image: url("../../img/icon/ok-outline-orange.svg");
}

.content .verification-overview .row .fulfillment > span.done {
  background-image: url("../../img/icon/ok-outline-green.svg");
}

.content .verification-overview .row .action {
  flex-direction: row;
  align-items: center;
  margin-left: 1em;
  padding: 3px 0 5px;
  display: flex;
}

.content .verification-overview .row .action .button {
  font-size: 1.25em;
}

.content .security-perex img {
  max-width: 11em;
  max-height: 8em;
}

.content .step-by-step {
  width: 38em;
  max-width: 100%;
  margin: auto;
}

.golda-box {
  break-inside: avoid-column;
  padding: 1em;
}

.golda-box h3 {
  margin-top: 0;
}

.golda-box > table {
  background-color: #fff;
  width: 100%;
}

.golda-box > table tr {
  border-bottom: 1px solid #ddd;
}

.golda-box > table tr:last-child {
  border-bottom: none;
}

.golda-box > table tr:hover {
  background-color: #f8f8f8;
}

.golda-box > table td, .golda-box > table th {
  padding: 1em;
}

.golda-box button.sell-all {
  background-color: #0000;
  border: none;
}

.golda-box .sell-compute-form, .golda-box .buy-compute-form, .golda-box .buy-info-form {
  border: none;
  border-radius: 0;
}

.golda-box .buy-compute-form {
  margin: 1.5em 0 0;
}

.golda-box .buy-compute-form input[type="number"] {
  width: 80%;
}

.golda-box .buy-compute-form table {
  width: 100%;
}

.golda-box .buy-compute-form td {
  padding: .5em 1em;
}

.golda-box .buy-compute-form td > i {
  color: #666;
  font-style: normal;
}

.golda-box .sell-table, .golda-box .buy-table, .golda-box .buy-qr-box {
  display: none;
}

.golda-box .buy-compute-form input[type="submit"], .golda-box .buy-info-form input[type="submit"], .golda-box .sell-submit-form input[type="submit"] {
  letter-spacing: .05em;
  border-radius: 4em;
  width: 100%;
  margin: 1em 0 .5em;
  padding: .5em 1em 1.8em;
  font-size: 1.3em;
}

.golda-box .buy-compute-form input[type="submit"] {
  margin-bottom: 0;
}

input[type="submit"]:disabled, .content a.button.disabled {
  color: #999;
  cursor: auto;
  background-color: #eee;
  border-color: #ccc;
}

.golda-box .buy-error, .golda-box .sell-error {
  color: #fb3e2d;
  padding: .5em 0;
  font-size: .95em;
}

.golda-box .buy-qr-box {
  justify-content: space-around;
  padding: 1em 0;
}

.golda-box .buy-qr-box h4 {
  margin: 0 0 1em;
}

.golda-box .buy-qr-box img#buy-qr-code {
  background-color: #fff;
  border: 1px solid #999;
  border-radius: .5em;
  padding: .2em;
}

.golda-box .buy-qr-box .ib-links {
  align-items: center;
  max-width: 50%;
  display: block;
}

.golda-box .buy-qr-box .ib-links a {
  vertical-align: middle;
  text-align: center;
  width: 48%;
  margin: 0 0 1em;
  display: inline-block;
}

.golda-box .buy-qr-box .ib-links a > img {
  max-width: 7em;
  max-height: 4em;
  margin: 0 auto;
}

.golda-box .buy-qr-info {
  margin: 1em;
  display: none;
}

.golda-chart {
  break-inside: avoid-column;
  padding-top: .1em;
}

.golda-chart h3 small {
  color: #333;
  font-size: .5em;
}

.golda-intro {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 2em;
  display: flex;
}

.golda-intro > * {
  width: calc(50% - 2em);
}

.golda-presentation {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 2em;
  display: flex;
}

.golda-presentation > div {
  max-width: 50%;
}

.golda-benefits {
  flex-direction: column;
  justify-content: space-between;
  padding-right: 1em;
  display: flex;
}

.golda-benefits > div {
  background-position: 0 .5em;
  background-repeat: no-repeat;
  background-size: 5em;
  width: 100%;
  margin-bottom: 2em;
  padding-left: 5.5em;
}

.golda-benefits > div:last-child {
  margin-bottom: 0;
}

.golda-benefits .cheap {
  background-image: url("images/golda-saving-icon.svg");
}

.golda-benefits .secure {
  background-image: url("images/golda-safe-icon.svg");
}

.golda-benefits .simple {
  background-image: url("images/golda-kc-icon.svg");
}

.golda-benefits .protection {
  background-image: url("../../img/icon/cheap-gold.svg");
}

.golda-benefits .insurance {
  background-image: url("../../img/icon/secure-gold.svg");
}

.golda-benefits .long-term {
  background-image: url("../../img/icon/simple-gold.svg");
}

.golda-benefits > div > h3 {
  text-transform: uppercase;
  font-weight: bold;
}

.golda-ui {
  border-radius: 1em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.golda-references {
  height: fit-content;
  margin-top: 2em;
}

.golda-references .carousel-cell {
  width: 33%;
  padding: 0 1em;
}

.golda-references .flickity-page-dots {
  margin-left: 0;
}

.golda-references .flickity-button {
  border: 1px solid #000;
}

.golda-references .flickity-prev-next-button {
  top: 40%;
}

a.button.verification {
  margin-top: 1em;
  font-size: 1.25em;
}

.golda-customer-documents {
  overflow: auto;
}

.golda-customer-documents > form {
  cursor: pointer;
  float: left;
  background-color: #eee;
  border: 1px solid #aaa;
  border-radius: .5em;
  width: 22%;
  margin: 1em 1em 1em 0;
  padding: .5em;
  position: relative;
}

.golda-customer-documents > form embed {
  max-width: 100%;
  height: 23.3em;
}

.golda-customer-documents > form > input[type="submit"] {
  color: #0000;
  background-color: #e0e0e0a6;
  background-image: url("../../img/icon/delete-red.svg");
  background-position: center;
  background-size: 1.6em;
  border: none;
  width: 2em;
  height: 2em;
  padding: 0;
  display: none;
  position: absolute;
  top: .2em;
  right: .2em;
}

.golda-customer-documents > form:hover > input[type="submit"] {
  display: block;
}

.golda-customer-documents > form > input[type="submit"]:hover {
  background-color: #ffffffd9;
  border: none;
  box-shadow: 0 .2em 1em .05em #00000040;
}

.transaction-table .wrapper {
  box-shadow: none;
}

nav.user-info {
  background: none;
}

nav.user-info:before {
  content: "Chci začít spořit";
  white-space: nowrap;
  background-image: url("../../img/icon/user-outline.svg");
  background-position: right .5em center;
  background-repeat: no-repeat;
  background-size: 1.6em;
  border: 1px solid #333;
  border-radius: 3em;
  width: fit-content;
  min-height: 2.2em;
  padding: .3em 2.3em .3em 1em;
  display: block;
  position: absolute;
  top: .5em;
  right: 0;
}

nav.user-info:hover:before {
  background-color: var(--golda-background-hover-color);
}

nav.user-info.logged:before {
  display: none;
}

.eb-popup-overlay {
  text-align: center;
  z-index: 100000;
  position: fixed;
  inset: 0;
}

.eb-popup-overlay > div {
  color: #eee;
  opacity: .66;
  text-align: center;
  z-index: -1;
  background-color: #000;
  position: fixed;
  inset: 0;
}

.eb-popup-overlay > .wrapper > div {
  background-color: #fff;
  border: .3em solid #fff;
  border-radius: 1.1em;
  max-width: 100%;
  max-height: 100%;
  margin-bottom: 1.1em;
  padding: 1em;
  font-size: 1.45em;
  line-height: 1.35em;
}

.eb-popup-overlay > .wrapper {
  cursor: pointer;
  height: fit-content;
  max-height: 90%;
  max-width: var(--page-width);
  width: fit-content;
  display: block;
  position: relative;
  top: 47%;
  left: 50%;
  transform: translate(-50%, -53%);
}

.eb-popup-overlay > .wrapper:before {
  content: "x";
  color: #0000;
  opacity: .95;
  z-index: 1;
  background-color: #666;
  background-image: url("../../img/icon/close-white.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 3em;
  border-radius: 2em;
  width: 3em;
  height: 3em;
  display: block;
  position: relative;
  top: 1.5em;
  right: calc(1.5em - 100%);
}

#richard-vrdlovec-zakladatel-golda {
  cursor: pointer;
}

.cms-post {
  border-bottom: .5px solid #999;
  padding-bottom: 2.3em;
  overflow: auto;
}

.cms-post .thumbnail {
  float: left;
  object-fit: cover;
  border: .1px solid #000;
  width: 200px;
  height: 200px;
  margin-right: 1.6em;
}

.cms-post a {
  text-decoration: none;
}

.cms-post h3 {
  font-size: 2em;
}

.cms-post h3:hover {
  text-decoration: underline;
}

.cms-post .info {
  margin-bottom: .5em;
}

.cms-post .author {
  color: var(--golda-gold-text-color);
  padding-left: 1em;
}

#golda-customer-account-charts span {
  border: 1.5px solid #fc0;
  border-radius: 10px;
  margin-bottom: 1em;
  padding: 0;
  display: block;
  overflow: hidden;
}

#golda-customer-account-charts span h3 {
  color: #888;
  width: 50%;
  margin: 0;
  display: inline-block;
}

#golda-customer-account-charts span h3 a {
  color: #999;
  cursor: pointer;
  background-color: #0000;
  padding: 0 .6em;
  display: block;
}

#golda-customer-account-charts span h3 a small {
  color: inherit;
}

#golda-customer-account-charts span a.selected {
  background-color: var(--golda-background-color);
  color: #000;
  cursor: default;
  pointer-events: none;
  text-decoration: none;
}

#golda-customer-account-charts div.eb-chart {
  display: none;
}

#golda-customer-account-charts div.eb-chart.selected {
  display: block;
}

@media only screen and (width <= 82em) {
  .eb-popup-overlay > .wrapper {
    max-width: 92%;
  }
}

@media only screen and (width <= 80em) {
  .content {
    padding: 0;
  }

  .golda-bar {
    border-left: none;
    border-right: none;
  }

  .golda-bar a {
    justify-content: center;
  }

  .golda-presentation {
    width: 100%;
  }

  .content .golden-tile {
    width: calc(100% + 4em);
    margin-left: -2em;
  }

  .golda-box .buy-qr-box {
    flex-direction: column;
    align-items: center;
  }

  .golda-box .buy-qr-box .ib-links {
    width: 97%;
    max-width: 97%;
    margin-top: 1em;
  }

  .golda-box .buy-qr-box .ib-links a {
    width: 32%;
  }
}

@media only screen and (width <= 1024px) {
  .content .cols-2-adaptive.wide-columns {
    columns: 1;
  }

  .golda-chart-and-table {
    flex-direction: column-reverse;
    display: flex;
  }

  .golda-box .buy-qr-box .ib-links a {
    width: 48%;
  }

  .golda-references .carousel-cell {
    width: 50%;
  }
}

@media only screen and (width <= 850px) {
  .golda-bar span {
    padding: 0 .3em;
    font-size: .9em;
  }

  .golda-bar .title {
    padding: 0 0 0 .3em;
  }
}

@media only screen and (width <= 800px) {
  h1 {
    padding: 1em;
    font-size: 2.1em;
    line-height: 1.3em;
  }

  .pagetop:before {
    bottom: 2.4em;
  }

  .pagetop > h2 {
    padding: 3.5em 1.25em;
    font-size: 1.2em;
    line-height: 1.3em;
  }

  nav.main {
    margin-right: .5em;
  }

  nav.main > ul {
    font-size: 1.2em;
  }

  footer nav h3 {
    max-width: calc(100% - 1em);
    font-size: 1.2em;
  }

  footer nav ul {
    font-size: 1.2em;
  }

  .login form .agreement {
    line-height: 1.3em;
  }

  .login form .agreement input {
    margin: .35em auto;
  }

  .content ol, .content p {
    font-size: 1.2em;
  }

  .content > form.ebform {
    border-radius: 1.5em;
    margin: 0;
    padding: .3em .9em .8em;
  }

  .ebform fieldset legend, .ebform fieldset.optional.visible legend {
    padding-top: .2em;
  }

  .content .verification-overview {
    font-size: .93em;
  }

  .content .verification-overview .row {
    flex-wrap: wrap;
  }

  .content .verification-overview .row .text {
    width: calc(100% - 3em);
  }

  .content .verification-overview .row .action {
    margin-bottom: .9em;
  }

  .content .golden-tile p {
    width: 100%;
    padding: 4em 2em;
    font-size: 1.7em;
  }

  .content .golden-tile ul {
    font-size: 1.7em;
  }

  .golda-intro, .golda-presentation {
    flex-direction: column;
  }

  .golda-intro {
    margin-bottom: 3em;
  }

  .golda-intro > * {
    width: 100%;
    margin-bottom: 2em;
  }

  .golda-presentation {
    width: calc(100% + 2em);
    margin-top: -.5em;
    margin-left: -1em;
  }

  .golda-presentation > div {
    max-width: 100%;
  }

  .golda-benefits, .golda-ui {
    width: 100%;
  }

  .golda-ui {
    margin-top: 2em;
  }

  .golda-benefits > div {
    margin-bottom: 0;
  }

  .golda-references .carousel-cell {
    width: 100%;
    padding: 0;
  }

  .golda-bar a {
    flex-direction: column;
  }

  .golda-bar .title, .golda-bar .price {
    text-align: center;
    border-bottom: 1px dotted #aaa;
    border-right: none;
    width: 100%;
  }

  .content .verification-info .first-paragraph {
    flex-direction: column;
    margin-bottom: 1.5em;
  }

  .content .verification-info .next-paragraphs {
    flex-direction: column;
  }

  .content .verification-info .next-paragraphs .logos {
    flex-direction: row;
    max-width: 100%;
  }

  .content .security-perex {
    flex-direction: column;
  }

  .golda-box .buy-qr-box .ib-links a {
    width: auto;
    margin: 1em 0 0;
    display: block;
  }

  .eb-popup-overlay > .wrapper > div {
    font-size: 1.2em;
  }
}

@media only screen and (width <= 600px) {
  .hide-on-mobile {
    display: none;
  }

  .pagetop {
    flex-direction: column;
  }

  .pagetop > h1 {
    min-height: fit-content;
    padding: .5em .8em 1em;
  }

  .pagetop:before {
    display: none;
  }

  h1:before {
    content: " ";
    z-index: 900;
    background-image: url("images/gold-cube.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1em;
    width: 1.4em;
    height: 1.4em;
    position: absolute;
    top: calc(100% - .7em);
    left: .1em;
  }

  .pagetop > h2, .pagetop > h2 {
    min-height: fit-content;
  }

  .pagetop > h2 {
    padding: 2em 1.5em;
  }

  nav.main {
    background-image: url("../../img/icon/menu.svg");
    background-position: right .7em center;
    background-size: 2.3em;
    width: 3.6em;
    margin-right: 0;
  }

  nav.main > ul, nav.user-info.opened > div {
    width: auto;
    font-size: 1.2em;
    position: fixed;
    top: 2.2em;
    left: 0;
  }

  nav.main > ul {
    padding: 1.2em 1em;
  }

  nav.main a {
    padding: .3em 1em;
    text-decoration: underline;
  }

  nav.user-info {
    background-image: url("../../img/icon/user-outline.svg");
    background-position: right .5em top calc(calc(var(--header-height) / 2)  - 1em);
    background-repeat: no-repeat;
    background-size: 1.9em;
    width: 2.3em;
    right: 5em;
  }

  nav.user-info:before {
    display: none;
  }

  nav.user-info > .logged-user-name {
    color: #0000;
    background-position: right .3em center;
    width: 2.3em;
    padding: .3em;
    overflow: hidden;
  }

  nav.user-info.opened > div {
    border-radius: 0;
    right: 0;
  }

  .login .content {
    max-width: calc(100% - 2em);
    margin-top: 3em;
  }

  .login form {
    max-width: none;
  }

  .content .golden-tile {
    width: calc(100% + 4em);
  }

  .content .golden-tile:first-child {
    margin-top: -5em;
  }

  .content .golden-tile p {
    width: 100%;
    margin: 3em 0;
    padding: 1.5em 2em;
  }

  .content .cols-2-adaptive {
    columns: 1;
  }

  .golda-box {
    margin-bottom: 2em;
  }
}