@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.mb {
  margin-bottom: 0.9375rem !important;
}

.mr {
  margin-right: 0.9375rem !important;
}

.ml {
  margin-left: 0.9375rem !important;
}

.pb {
  padding-bottom: 0.9375rem !important;
}

.pr {
  padding-right: 0.9375rem !important;
}

.pl {
  padding-left: 0.9375rem !important;
}

@media screen and (min-width: 36rem) {
  .mb-sm {
    margin-bottom: 0.9375rem !important;
  }
  .mr-sm {
    margin-right: 0.9375rem !important;
  }
  .ml-sm {
    margin-left: 0.9375rem !important;
  }
  .pb-sm {
    padding-bottom: 0.9375rem !important;
  }
  .pr-sm {
    padding-right: 0.9375rem !important;
  }
  .pl-sm {
    padding-left: 0.9375rem !important;
  }
}

@media screen and (min-width: 48rem) {
  .mb-md {
    margin-bottom: 0.9375rem !important;
  }
  .mr-md {
    margin-right: 0.9375rem !important;
  }
  .ml-md {
    margin-left: 0.9375rem !important;
  }
  .pb-md {
    padding-bottom: 0.9375rem !important;
  }
  .pr-md {
    padding-right: 0.9375rem !important;
  }
  .pl-md {
    padding-left: 0.9375rem !important;
  }
}

@media screen and (min-width: 62rem) {
  .mb-lg {
    margin-bottom: 0.9375rem !important;
  }
  .mr-lg {
    margin-right: 0.9375rem !important;
  }
  .ml-lg {
    margin-left: 0.9375rem !important;
  }
  .pb-lg {
    padding-bottom: 0.9375rem !important;
  }
  .pr-lg {
    padding-right: 0.9375rem !important;
  }
  .pl-lg {
    padding-left: 0.9375rem !important;
  }
}

@media screen and (min-width: 75rem) {
  .mb-xl {
    margin-bottom: 0.9375rem !important;
  }
  .mr-xl {
    margin-right: 0.9375rem !important;
  }
  .ml-xl {
    margin-left: 0.9375rem !important;
  }
  .pb-xl {
    padding-bottom: 0.9375rem !important;
  }
  .pr-xl {
    padding-right: 0.9375rem !important;
  }
  .pl-xl {
    padding-left: 0.9375rem !important;
  }
}

.mb-tiny {
  margin-bottom: 0.3125rem !important;
}

.mr-tiny {
  margin-right: 0.3125rem !important;
}

.ml-tiny {
  margin-left: 0.3125rem !important;
}

.pb-tiny {
  padding-bottom: 0.3125rem !important;
}

.pr-tiny {
  padding-right: 0.3125rem !important;
}

.pl-tiny {
  padding-left: 0.3125rem !important;
}

@media screen and (min-width: 36rem) {
  .mb-sm-tiny {
    margin-bottom: 0.3125rem !important;
  }
  .mr-sm-tiny {
    margin-right: 0.3125rem !important;
  }
  .ml-sm-tiny {
    margin-left: 0.3125rem !important;
  }
  .pb-sm-tiny {
    padding-bottom: 0.3125rem !important;
  }
  .pr-sm-tiny {
    padding-right: 0.3125rem !important;
  }
  .pl-sm-tiny {
    padding-left: 0.3125rem !important;
  }
}

@media screen and (min-width: 48rem) {
  .mb-md-tiny {
    margin-bottom: 0.3125rem !important;
  }
  .mr-md-tiny {
    margin-right: 0.3125rem !important;
  }
  .ml-md-tiny {
    margin-left: 0.3125rem !important;
  }
  .pb-md-tiny {
    padding-bottom: 0.3125rem !important;
  }
  .pr-md-tiny {
    padding-right: 0.3125rem !important;
  }
  .pl-md-tiny {
    padding-left: 0.3125rem !important;
  }
}

@media screen and (min-width: 62rem) {
  .mb-lg-tiny {
    margin-bottom: 0.3125rem !important;
  }
  .mr-lg-tiny {
    margin-right: 0.3125rem !important;
  }
  .ml-lg-tiny {
    margin-left: 0.3125rem !important;
  }
  .pb-lg-tiny {
    padding-bottom: 0.3125rem !important;
  }
  .pr-lg-tiny {
    padding-right: 0.3125rem !important;
  }
  .pl-lg-tiny {
    padding-left: 0.3125rem !important;
  }
}

@media screen and (min-width: 75rem) {
  .mb-xl-tiny {
    margin-bottom: 0.3125rem !important;
  }
  .mr-xl-tiny {
    margin-right: 0.3125rem !important;
  }
  .ml-xl-tiny {
    margin-left: 0.3125rem !important;
  }
  .pb-xl-tiny {
    padding-bottom: 0.3125rem !important;
  }
  .pr-xl-tiny {
    padding-right: 0.3125rem !important;
  }
  .pl-xl-tiny {
    padding-left: 0.3125rem !important;
  }
}

.mb-small {
  margin-bottom: 0.625rem !important;
}

.mr-small {
  margin-right: 0.625rem !important;
}

.ml-small {
  margin-left: 0.625rem !important;
}

.pb-small {
  padding-bottom: 0.625rem !important;
}

.pr-small {
  padding-right: 0.625rem !important;
}

.pl-small {
  padding-left: 0.625rem !important;
}

@media screen and (min-width: 36rem) {
  .mb-sm-small {
    margin-bottom: 0.625rem !important;
  }
  .mr-sm-small {
    margin-right: 0.625rem !important;
  }
  .ml-sm-small {
    margin-left: 0.625rem !important;
  }
  .pb-sm-small {
    padding-bottom: 0.625rem !important;
  }
  .pr-sm-small {
    padding-right: 0.625rem !important;
  }
  .pl-sm-small {
    padding-left: 0.625rem !important;
  }
}

@media screen and (min-width: 48rem) {
  .mb-md-small {
    margin-bottom: 0.625rem !important;
  }
  .mr-md-small {
    margin-right: 0.625rem !important;
  }
  .ml-md-small {
    margin-left: 0.625rem !important;
  }
  .pb-md-small {
    padding-bottom: 0.625rem !important;
  }
  .pr-md-small {
    padding-right: 0.625rem !important;
  }
  .pl-md-small {
    padding-left: 0.625rem !important;
  }
}

@media screen and (min-width: 62rem) {
  .mb-lg-small {
    margin-bottom: 0.625rem !important;
  }
  .mr-lg-small {
    margin-right: 0.625rem !important;
  }
  .ml-lg-small {
    margin-left: 0.625rem !important;
  }
  .pb-lg-small {
    padding-bottom: 0.625rem !important;
  }
  .pr-lg-small {
    padding-right: 0.625rem !important;
  }
  .pl-lg-small {
    padding-left: 0.625rem !important;
  }
}

@media screen and (min-width: 75rem) {
  .mb-xl-small {
    margin-bottom: 0.625rem !important;
  }
  .mr-xl-small {
    margin-right: 0.625rem !important;
  }
  .ml-xl-small {
    margin-left: 0.625rem !important;
  }
  .pb-xl-small {
    padding-bottom: 0.625rem !important;
  }
  .pr-xl-small {
    padding-right: 0.625rem !important;
  }
  .pl-xl-small {
    padding-left: 0.625rem !important;
  }
}

.mb-large {
  margin-bottom: 1.875rem !important;
}

.mr-large {
  margin-right: 1.875rem !important;
}

.ml-large {
  margin-left: 1.875rem !important;
}

.pb-large {
  padding-bottom: 1.875rem !important;
}

.pr-large {
  padding-right: 1.875rem !important;
}

.pl-large {
  padding-left: 1.875rem !important;
}

@media screen and (min-width: 36rem) {
  .mb-sm-large {
    margin-bottom: 1.875rem !important;
  }
  .mr-sm-large {
    margin-right: 1.875rem !important;
  }
  .ml-sm-large {
    margin-left: 1.875rem !important;
  }
  .pb-sm-large {
    padding-bottom: 1.875rem !important;
  }
  .pr-sm-large {
    padding-right: 1.875rem !important;
  }
  .pl-sm-large {
    padding-left: 1.875rem !important;
  }
}

@media screen and (min-width: 48rem) {
  .mb-md-large {
    margin-bottom: 1.875rem !important;
  }
  .mr-md-large {
    margin-right: 1.875rem !important;
  }
  .ml-md-large {
    margin-left: 1.875rem !important;
  }
  .pb-md-large {
    padding-bottom: 1.875rem !important;
  }
  .pr-md-large {
    padding-right: 1.875rem !important;
  }
  .pl-md-large {
    padding-left: 1.875rem !important;
  }
}

@media screen and (min-width: 62rem) {
  .mb-lg-large {
    margin-bottom: 1.875rem !important;
  }
  .mr-lg-large {
    margin-right: 1.875rem !important;
  }
  .ml-lg-large {
    margin-left: 1.875rem !important;
  }
  .pb-lg-large {
    padding-bottom: 1.875rem !important;
  }
  .pr-lg-large {
    padding-right: 1.875rem !important;
  }
  .pl-lg-large {
    padding-left: 1.875rem !important;
  }
}

@media screen and (min-width: 75rem) {
  .mb-xl-large {
    margin-bottom: 1.875rem !important;
  }
  .mr-xl-large {
    margin-right: 1.875rem !important;
  }
  .ml-xl-large {
    margin-left: 1.875rem !important;
  }
  .pb-xl-large {
    padding-bottom: 1.875rem !important;
  }
  .pr-xl-large {
    padding-right: 1.875rem !important;
  }
  .pl-xl-large {
    padding-left: 1.875rem !important;
  }
}

.mb-x-large {
  margin-bottom: 3.75rem !important;
}

.mr-x-large {
  margin-right: 3.75rem !important;
}

.ml-x-large {
  margin-left: 3.75rem !important;
}

.pb-x-large {
  padding-bottom: 3.75rem !important;
}

.pr-x-large {
  padding-right: 3.75rem !important;
}

.pl-x-large {
  padding-left: 3.75rem !important;
}

@media screen and (min-width: 36rem) {
  .mb-sm-x-large {
    margin-bottom: 3.75rem !important;
  }
  .mr-sm-x-large {
    margin-right: 3.75rem !important;
  }
  .ml-sm-x-large {
    margin-left: 3.75rem !important;
  }
  .pb-sm-x-large {
    padding-bottom: 3.75rem !important;
  }
  .pr-sm-x-large {
    padding-right: 3.75rem !important;
  }
  .pl-sm-x-large {
    padding-left: 3.75rem !important;
  }
}

@media screen and (min-width: 48rem) {
  .mb-md-x-large {
    margin-bottom: 3.75rem !important;
  }
  .mr-md-x-large {
    margin-right: 3.75rem !important;
  }
  .ml-md-x-large {
    margin-left: 3.75rem !important;
  }
  .pb-md-x-large {
    padding-bottom: 3.75rem !important;
  }
  .pr-md-x-large {
    padding-right: 3.75rem !important;
  }
  .pl-md-x-large {
    padding-left: 3.75rem !important;
  }
}

@media screen and (min-width: 62rem) {
  .mb-lg-x-large {
    margin-bottom: 3.75rem !important;
  }
  .mr-lg-x-large {
    margin-right: 3.75rem !important;
  }
  .ml-lg-x-large {
    margin-left: 3.75rem !important;
  }
  .pb-lg-x-large {
    padding-bottom: 3.75rem !important;
  }
  .pr-lg-x-large {
    padding-right: 3.75rem !important;
  }
  .pl-lg-x-large {
    padding-left: 3.75rem !important;
  }
}

@media screen and (min-width: 75rem) {
  .mb-xl-x-large {
    margin-bottom: 3.75rem !important;
  }
  .mr-xl-x-large {
    margin-right: 3.75rem !important;
  }
  .ml-xl-x-large {
    margin-left: 3.75rem !important;
  }
  .pb-xl-x-large {
    padding-bottom: 3.75rem !important;
  }
  .pr-xl-x-large {
    padding-right: 3.75rem !important;
  }
  .pl-xl-x-large {
    padding-left: 3.75rem !important;
  }
}

.mb-xx-large {
  margin-bottom: 5.625rem !important;
}

.mr-xx-large {
  margin-right: 5.625rem !important;
}

.ml-xx-large {
  margin-left: 5.625rem !important;
}

.pb-xx-large {
  padding-bottom: 5.625rem !important;
}

.pr-xx-large {
  padding-right: 5.625rem !important;
}

.pl-xx-large {
  padding-left: 5.625rem !important;
}

@media screen and (min-width: 36rem) {
  .mb-sm-xx-large {
    margin-bottom: 5.625rem !important;
  }
  .mr-sm-xx-large {
    margin-right: 5.625rem !important;
  }
  .ml-sm-xx-large {
    margin-left: 5.625rem !important;
  }
  .pb-sm-xx-large {
    padding-bottom: 5.625rem !important;
  }
  .pr-sm-xx-large {
    padding-right: 5.625rem !important;
  }
  .pl-sm-xx-large {
    padding-left: 5.625rem !important;
  }
}

@media screen and (min-width: 48rem) {
  .mb-md-xx-large {
    margin-bottom: 5.625rem !important;
  }
  .mr-md-xx-large {
    margin-right: 5.625rem !important;
  }
  .ml-md-xx-large {
    margin-left: 5.625rem !important;
  }
  .pb-md-xx-large {
    padding-bottom: 5.625rem !important;
  }
  .pr-md-xx-large {
    padding-right: 5.625rem !important;
  }
  .pl-md-xx-large {
    padding-left: 5.625rem !important;
  }
}

@media screen and (min-width: 62rem) {
  .mb-lg-xx-large {
    margin-bottom: 5.625rem !important;
  }
  .mr-lg-xx-large {
    margin-right: 5.625rem !important;
  }
  .ml-lg-xx-large {
    margin-left: 5.625rem !important;
  }
  .pb-lg-xx-large {
    padding-bottom: 5.625rem !important;
  }
  .pr-lg-xx-large {
    padding-right: 5.625rem !important;
  }
  .pl-lg-xx-large {
    padding-left: 5.625rem !important;
  }
}

@media screen and (min-width: 75rem) {
  .mb-xl-xx-large {
    margin-bottom: 5.625rem !important;
  }
  .mr-xl-xx-large {
    margin-right: 5.625rem !important;
  }
  .ml-xl-xx-large {
    margin-left: 5.625rem !important;
  }
  .pb-xl-xx-large {
    padding-bottom: 5.625rem !important;
  }
  .pr-xl-xx-large {
    padding-right: 5.625rem !important;
  }
  .pl-xl-xx-large {
    padding-left: 5.625rem !important;
  }
}

.mt-none {
  margin-top: 0 !important;
}

.pt-none {
  padding-top: 0 !important;
}

@media screen and (min-width: 36rem) {
  .mt-sm-none {
    margin-top: 0 !important;
  }
  .pt-sm-none {
    padding-top: 0 !important;
  }
}

@media screen and (min-width: 48rem) {
  .mt-md-none {
    margin-top: 0 !important;
  }
  .pt-md-none {
    padding-top: 0 !important;
  }
}

@media screen and (min-width: 62rem) {
  .mt-lg-none {
    margin-top: 0 !important;
  }
  .pt-lg-none {
    padding-top: 0 !important;
  }
}

@media screen and (min-width: 75rem) {
  .mt-xl-none {
    margin-top: 0 !important;
  }
  .pt-xl-none {
    padding-top: 0 !important;
  }
}

.mr-none {
  margin-right: 0 !important;
}

.pr-none {
  padding-right: 0 !important;
}

@media screen and (min-width: 36rem) {
  .mr-sm-none {
    margin-right: 0 !important;
  }
  .pr-sm-none {
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 48rem) {
  .mr-md-none {
    margin-right: 0 !important;
  }
  .pr-md-none {
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 62rem) {
  .mr-lg-none {
    margin-right: 0 !important;
  }
  .pr-lg-none {
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 75rem) {
  .mr-xl-none {
    margin-right: 0 !important;
  }
  .pr-xl-none {
    padding-right: 0 !important;
  }
}

.mb-none {
  margin-bottom: 0 !important;
}

.pb-none {
  padding-bottom: 0 !important;
}

@media screen and (min-width: 36rem) {
  .mb-sm-none {
    margin-bottom: 0 !important;
  }
  .pb-sm-none {
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 48rem) {
  .mb-md-none {
    margin-bottom: 0 !important;
  }
  .pb-md-none {
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 62rem) {
  .mb-lg-none {
    margin-bottom: 0 !important;
  }
  .pb-lg-none {
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 75rem) {
  .mb-xl-none {
    margin-bottom: 0 !important;
  }
  .pb-xl-none {
    padding-bottom: 0 !important;
  }
}

.ml-none {
  margin-left: 0 !important;
}

.pl-none {
  padding-left: 0 !important;
}

@media screen and (min-width: 36rem) {
  .ml-sm-none {
    margin-left: 0 !important;
  }
  .pl-sm-none {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 48rem) {
  .ml-md-none {
    margin-left: 0 !important;
  }
  .pl-md-none {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 62rem) {
  .ml-lg-none {
    margin-left: 0 !important;
  }
  .pl-lg-none {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 75rem) {
  .ml-xl-none {
    margin-left: 0 !important;
  }
  .pl-xl-none {
    padding-left: 0 !important;
  }
}

.no-mrg {
  margin: 0 !important;
}

.no-pad {
  padding: 0 !important;
}

/*
* Hide only visually, but have it available for screen readers: h5bp.com/v
*/
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.hide {
  visibility: hidden;
}

.show {
  display: block;
}

@media screen and (max-width: 35.9375rem) {
  .hide-xs-down {
    display: none;
  }
  .show-xs-down {
    display: block;
  }
}

@media screen and (min-width: 36rem) {
  .hide-sm-up {
    display: none;
  }
  .show-sm-up {
    display: block;
  }
}

@media screen and (max-width: 47.9375rem) {
  .hide-sm-down {
    display: none;
  }
  .show-sm-down {
    display: block;
  }
}

@media screen and (min-width: 48rem) {
  .hide-md-up {
    display: none;
  }
  .show-md-up {
    display: block;
  }
}

@media screen and (max-width: 61.9375rem) {
  .hide-md-down {
    display: none;
  }
  .show-md-down {
    display: block;
  }
}

@media screen and (min-width: 62rem) {
  .hide-lg-up {
    display: none;
  }
  .show-lg-up {
    display: block;
  }
}

@media screen and (max-width: 74.9375rem) {
  .hide-lg-down {
    display: none;
  }
  .show-lg-down {
    display: block;
  }
}

@media screen and (min-width: 75rem) {
  .hide-xl-up {
    display: none;
  }
  .show-xl-up {
    display: block;
  }
}

html, body {
  font-family: "Roboto", sans-serif;
  font-size: 100%;
  overflow-x: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

body {
  background-color: #EEEEEE;
  color: #333333;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  line-height: 1.35;
}

@media print {
  body {
    background-color: #fff;
  }
}

* {
  box-sizing: border-box;
}

*::after {
  box-sizing: border-box;
}

*::before {
  box-sizing: border-box;
}

::-moz-selection {
  background-color: rgba(249, 161, 27, 0.3);
  color: #F9A11B;
}

::selection {
  background-color: rgba(249, 161, 27, 0.3);
  color: #F9A11B;
}

::-moz-selection {
  background-color: rgba(249, 161, 27, 0.3);
  color: #F9A11B;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #F9A11B inset;
  -webkit-text-fill-color: #fff !important;
}

img, svg {
  max-width: 100%;
  display: inline-block;
  height: auto;
}

a {
  text-decoration: none;
  color: #f49606;
}

a:hover {
  color: #aa6804;
}

.messages {
  margin-bottom: 1.875rem;
}

.block-local-tasks-block, nav#block-zemcak-account-menu, .block-velkyslider .paragraph--content, #block-zemcak-page-title .page-title, .block-views-blockreality-block-1,
.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

@media screen and (min-width: 36rem) {
  .block-local-tasks-block, nav#block-zemcak-account-menu, .block-velkyslider .paragraph--content, #block-zemcak-page-title .page-title, .block-views-blockreality-block-1,
  .container {
    width: 33.75rem;
  }
}

@media screen and (min-width: 48rem) {
  .block-local-tasks-block, nav#block-zemcak-account-menu, .block-velkyslider .paragraph--content, #block-zemcak-page-title .page-title, .block-views-blockreality-block-1,
  .container {
    width: 45rem;
  }
}

@media screen and (min-width: 62rem) {
  .block-local-tasks-block, nav#block-zemcak-account-menu, .block-velkyslider .paragraph--content, #block-zemcak-page-title .page-title, .block-views-blockreality-block-1,
  .container {
    width: 60rem;
  }
}

@media screen and (min-width: 75rem) {
  .block-local-tasks-block, nav#block-zemcak-account-menu, .block-velkyslider .paragraph--content, #block-zemcak-page-title .page-title, .block-views-blockreality-block-1,
  .container {
    width: 71.25rem;
  }
}


h1, .h1 {
  font-weight: 500;
  font-size: 2.25rem;
}

h2, .h2 {
  font-size: 1.5rem;
  font-weight: 500;
}

h3, .h3 {
  font-size: 1.125rem;
  text-transform: uppercase;
  font-weight: 900;
}

footer[role=contentinfo] .region-footer .block:not(:last-child) h2, .block h2, .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .field--label-above .field__label, .path-user .region-content .field__label {
  font-size: 1.125rem;
  position: relative;
  padding-bottom: 0;
  font-weight: 500;
  margin: 0.9375rem 0 0.625rem;
}

@media screen and (min-width: 48rem) {
  footer[role=contentinfo] .region-footer .block:not(:last-child) h2, .block h2, .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .field--label-above .field__label, .path-user .region-content .field__label {
    margin: 0.9375rem 0 0.625rem;
  }
}

footer[role=contentinfo] .region-footer .block:not(:last-child) h2:after, .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .field--label-above .field__label:after, .path-user .region-content .field__label:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.125rem;
  width: 1.875rem;
  background-color: #F9A11B;
}


.small {
  font-size: 0.875rem;
}

@media screen and (max-width: 47.9375rem) {
  
  .bigger {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media screen and (min-width: 48rem) {
  
  .bigger {
    font-size: 1.125rem;
    line-height: 1.875rem;
  }
}

@media screen and (max-width: 47.9375rem) {
  
  .big {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 48rem) {
  
  .big {
    font-size: 1.375rem;
  }
}

@media screen and (min-width: 62rem) {
  
  .big {
    font-size: 1.625rem;
  }
}

p {
  margin: 1rem 0px;
  line-height: 1.35;
}

.c-secondary {
  color: #333333 !important;
}

.c-yellow,
.c-primary {
  color: #F9A11B !important;
}

.text-uppercase {
  text-transform: uppercase;
}

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

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

.align-items-right {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.align-items-center {
  -ms-flex-pack: center;
      justify-content: center;
}

.align-items-spaced {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.align-items-justify {
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.align-items-top {
  -ms-flex-align: start;
      align-items: flex-start;
}

.align-items-bottom {
  -ms-flex-align: end;
      align-items: flex-end;
}

.align-items-middle {
  -ms-flex-align: center;
      align-items: center;
}

.align-self-left {
  margin-left: 0;
  margin-right: auto;
}

.align-self-right {
  margin-left: auto;
  margin-right: 0;
}

.align-self-center {
  margin-left: auto;
  margin-right: auto;
}

.align-self-top {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.align-self-bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.align-self-middle {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.align-self-stretch {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}

.primary {
  color: #F9A11B;
}

.black {
  color: #000;
}

.white {
  color: #fff;
}

.link {
  color: #333333;
}

.link:hover {
  color: #F9A11B;
}

@media screen and (max-width: 61.9375rem) {
  .hide-md-down {
    display: none;
  }
}

.error {
  visibility: hidden;
  color: #F9A11B;
  font-weight: 700;
}

.show-error {
  visibility: visible;
}

.border-left {
  border-left: 0.0625rem solid rgba(249, 161, 27, 0.8);
}

.no-scroll-y {
  overflow-y: hidden;
}

.no-scroll-x {
  overflow-x: hidden;
}

.grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.grid--spaced {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}

.grid--spaced > * {
  padding: 0.9375rem;
}

.grid--1 > * {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
}

.grid--2 > * {
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  max-width: 50%;
}

.grid--3 > * {
  -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.grid--4 > * {
  -ms-flex: 0 0 25%;
      flex: 0 0 25%;
  max-width: 25%;
}

@media screen and (min-width: 36rem) {
  .grid--sm-1 > * {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .grid--sm-2 > * {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .grid--sm-3 > * {
    -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .grid--sm-4 > * {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 48rem) {
  .grid--md-1 > * {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .grid--md-2 > * {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .grid--md-3 > * {
    -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .grid--md-4 > * {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 62rem) {
  .grid--lg-1 > * {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .grid--lg-2 > * {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .grid--lg-3 > * {
    -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .grid--lg-4 > * {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 75rem) {
  .grid--xl-1 > * {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .grid--xl-2 > * {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .grid--xl-3 > * {
    -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .grid--xl-4 > * {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
}

#views-exposed-form-reality-reality-1 .form--inline, .view-reality .view-content, .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .realita__sumar > .field, .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .realita__sumar .field--name-field-adresa .paragraph--type--adresa > .field,
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}


.row--form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}

*[class*='col--'],
.col {
  -ms-flex: 1 0 100%;
      flex: 1 0 100%;
  max-width: 100%;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.row--form *[class*='col--'], .row--form
.col {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}


.col--1 {
  -ms-flex-preferred-size: 8.33333%;
      flex-basis: 8.33333%;
  max-width: 8.33333%;
}


.col--2 {
  -ms-flex-preferred-size: 16.66667%;
      flex-basis: 16.66667%;
  max-width: 16.66667%;
}


.col--3 {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
}


.col--4 {
  -ms-flex-preferred-size: 33.33333%;
      flex-basis: 33.33333%;
  max-width: 33.33333%;
}


.col--5 {
  -ms-flex-preferred-size: 41.66667%;
      flex-basis: 41.66667%;
  max-width: 41.66667%;
}


.col--6 {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
}


.col--7 {
  -ms-flex-preferred-size: 58.33333%;
      flex-basis: 58.33333%;
  max-width: 58.33333%;
}


.col--8 {
  -ms-flex-preferred-size: 66.66667%;
      flex-basis: 66.66667%;
  max-width: 66.66667%;
}


.col--9 {
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
  max-width: 75%;
}


.col--10 {
  -ms-flex-preferred-size: 83.33333%;
      flex-basis: 83.33333%;
  max-width: 83.33333%;
}


.col--11 {
  -ms-flex-preferred-size: 91.66667%;
      flex-basis: 91.66667%;
  max-width: 91.66667%;
}


.col--12 {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}


.col--fill {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  max-width: 100%;
}


.col--shrink {
  max-width: auto;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

@media screen and (min-width: 36rem) {
  
  .col--sm-1 {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  
  .col--sm-2 {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  
  .col--sm-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  
  .col--sm-4 {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  
  .col--sm-5 {
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  
  .col--sm-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  
  .col--sm-7 {
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  
  .col--sm-8 {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  
  .col--sm-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }
  
  .col--sm-10 {
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  
  .col--sm-11 {
    -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  
  .col--sm-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  
  .col--sm-fill {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    max-width: 100%;
  }
  
  .col--sm-shrink {
    max-width: auto;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
  }
}

@media screen and (min-width: 48rem) {
  
  .col--md-1 {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  
  .col--md-2 {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  
  .col--md-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  
  .col--md-4 {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  
  .col--md-5 {
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  
  .col--md-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  
  .col--md-7 {
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  
  .col--md-8 {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  
  .col--md-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }
  
  .col--md-10 {
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  
  .col--md-11 {
    -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  
  .col--md-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  
  .col--md-fill {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    max-width: 100%;
  }
  
  .col--md-shrink {
    max-width: auto;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
  }
}

@media screen and (min-width: 62rem) {
  
  .col--lg-1 {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  
  .col--lg-2 {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  
  .col--lg-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  
  .col--lg-4 {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  
  .col--lg-5 {
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  
  .col--lg-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  
  .col--lg-7 {
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  
  .col--lg-8 {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  
  .col--lg-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }
  
  .col--lg-10 {
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  
  .col--lg-11 {
    -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  
  .col--lg-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  
  .col--lg-fill {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    max-width: 100%;
  }
  
  .col--lg-shrink {
    max-width: auto;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
  }
}

@media screen and (min-width: 75rem) {
  
  .col--xl-1 {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  
  .col--xl-2 {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  
  .col--xl-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  
  .col--xl-4 {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  
  .col--xl-5 {
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  
  .col--xl-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  
  .col--xl-7 {
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  
  .col--xl-8 {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  
  .col--xl-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }
  
  .col--xl-10 {
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  
  .col--xl-11 {
    -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  
  .col--xl-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  
  .col--xl-fill {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    max-width: 100%;
  }
  
  .col--xl-shrink {
    max-width: auto;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
  }
}

.ofst--center {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.ofst--1 {
  margin-left: 8.33333%;
}

.ofst--2 {
  margin-left: 16.66667%;
}

.ofst--3 {
  margin-left: 25%;
}

.ofst--4 {
  margin-left: 33.33333%;
}

.ofst--5 {
  margin-left: 41.66667%;
}

.ofst--6 {
  margin-left: 50%;
}

.ofst--7 {
  margin-left: 58.33333%;
}

.ofst--8 {
  margin-left: 66.66667%;
}

.ofst--9 {
  margin-left: 75%;
}

.ofst--10 {
  margin-left: 83.33333%;
}

.ofst--11 {
  margin-left: 91.66667%;
}

.ofst--12 {
  margin-left: 100%;
}

.ofst--center {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 36rem) {
  .ofst--sm-1 {
    margin-left: 8.33333%;
  }
  .ofst--sm-2 {
    margin-left: 16.66667%;
  }
  .ofst--sm-3 {
    margin-left: 25%;
  }
  .ofst--sm-4 {
    margin-left: 33.33333%;
  }
  .ofst--sm-5 {
    margin-left: 41.66667%;
  }
  .ofst--sm-6 {
    margin-left: 50%;
  }
  .ofst--sm-7 {
    margin-left: 58.33333%;
  }
  .ofst--sm-8 {
    margin-left: 66.66667%;
  }
  .ofst--sm-9 {
    margin-left: 75%;
  }
  .ofst--sm-10 {
    margin-left: 83.33333%;
  }
  .ofst--sm-11 {
    margin-left: 91.66667%;
  }
  .ofst--sm-12 {
    margin-left: 100%;
  }
  .ofst--sm-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 48rem) {
  .ofst--md-1 {
    margin-left: 8.33333%;
  }
  .ofst--md-2 {
    margin-left: 16.66667%;
  }
  .ofst--md-3 {
    margin-left: 25%;
  }
  .ofst--md-4 {
    margin-left: 33.33333%;
  }
  .ofst--md-5 {
    margin-left: 41.66667%;
  }
  .ofst--md-6 {
    margin-left: 50%;
  }
  .ofst--md-7 {
    margin-left: 58.33333%;
  }
  .ofst--md-8 {
    margin-left: 66.66667%;
  }
  .ofst--md-9 {
    margin-left: 75%;
  }
  .ofst--md-10 {
    margin-left: 83.33333%;
  }
  .ofst--md-11 {
    margin-left: 91.66667%;
  }
  .ofst--md-12 {
    margin-left: 100%;
  }
  .ofst--md-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 62rem) {
  .ofst--lg-1 {
    margin-left: 8.33333%;
  }
  .ofst--lg-2 {
    margin-left: 16.66667%;
  }
  .ofst--lg-3 {
    margin-left: 25%;
  }
  .ofst--lg-4 {
    margin-left: 33.33333%;
  }
  .ofst--lg-5 {
    margin-left: 41.66667%;
  }
  .ofst--lg-6 {
    margin-left: 50%;
  }
  .ofst--lg-7 {
    margin-left: 58.33333%;
  }
  .ofst--lg-8 {
    margin-left: 66.66667%;
  }
  .ofst--lg-9 {
    margin-left: 75%;
  }
  .ofst--lg-10 {
    margin-left: 83.33333%;
  }
  .ofst--lg-11 {
    margin-left: 91.66667%;
  }
  .ofst--lg-12 {
    margin-left: 100%;
  }
  .ofst--lg-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 75rem) {
  .ofst--xl-1 {
    margin-left: 8.33333%;
  }
  .ofst--xl-2 {
    margin-left: 16.66667%;
  }
  .ofst--xl-3 {
    margin-left: 25%;
  }
  .ofst--xl-4 {
    margin-left: 33.33333%;
  }
  .ofst--xl-5 {
    margin-left: 41.66667%;
  }
  .ofst--xl-6 {
    margin-left: 50%;
  }
  .ofst--xl-7 {
    margin-left: 58.33333%;
  }
  .ofst--xl-8 {
    margin-left: 66.66667%;
  }
  .ofst--xl-9 {
    margin-left: 75%;
  }
  .ofst--xl-10 {
    margin-left: 83.33333%;
  }
  .ofst--xl-11 {
    margin-left: 91.66667%;
  }
  .ofst--xl-12 {
    margin-left: 100%;
  }
  .ofst--xl-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}

.row--space > *[class*='col--'],
.row--space > .col {
  margin-bottom: 0.9375rem;
}

@media screen and (min-width: 36rem) {
  .row--sm-space > *[class*='col--'],
  .row--sm-space > .col {
    margin-bottom: 0.9375rem;
  }
}

@media screen and (min-width: 48rem) {
  .row--md-space > *[class*='col--'],
  .row--md-space > .col {
    margin-bottom: 0.9375rem;
  }
}

@media screen and (min-width: 62rem) {
  .row--lg-space > *[class*='col--'],
  .row--lg-space > .col {
    margin-bottom: 0.9375rem;
  }
}

@media screen and (min-width: 75rem) {
  .row--xl-space > *[class*='col--'],
  .row--xl-space > .col {
    margin-bottom: 0.9375rem;
  }
}

@font-face {
  font-family: "icons";
  src: url("../fonts/icons/icons.eot?v1");
  src: url("../fonts/icons/icons.eot?#iefix") format("eot"), url("../fonts/icons/icons.woff2?v1") format("woff2"), url("../fonts/icons/icons.woff?v1") format("woff"), url("../fonts/icons/icons.ttf?v1") format("truetype"), url("../fonts/icons/icons.svg#icons") format("svg");
}

.icon-arrow-next:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-arrow-prev:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-calendar:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-check:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-close:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-envelope:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-envelope2:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-facebook:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-house:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-linkedin:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-location:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-mail:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-menu:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-money:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-pdf:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-phone:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-rozloha:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-tag:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.region-header {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  background-color: #fff;
  box-shadow: 0.125rem 0.125rem 0.5rem 0rem rgba(0, 0, 0, 0.1);
}

.region-header .container {
  display: flex;
  align-items: center;
  justify-content: space-between; /* ⬅️ rozloženie medzi logom a menu */
  position: relative; /* ⬅️ pre správne umiestnenie menu */
  height: auto; /* ⬅️ prispôsobenie výške loga * bolo predtym inherit*/
  padding: 0 2rem;
  /*flex-wrap: wrap; /* ⬅️ pre správne zobrazenie na menších obrazovkách */
}

.dialog-off-canvas-main-canvas {
  min-height: 100vh;
}

.layout-container {
  min-height: 100vh;
  margin: 0 !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.layout-container main {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
}

.layout-container .region-content {
  background-color: #fff;
}

.path-frontpage .layout-container .region-content,
.path-reality .layout-container .region-content,
.path-blog .layout-container .region-content,
.path-makleri .layout-container .region-content {
  background: none;
}

.layout-container .region-content > .container {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  margin-bottom: 3.75rem;
}

.path-blog .layout-container .region-content > .container,
.page-node-type-article .layout-container .region-content > .container {
  padding-left: 0;
  padding-right: 0;
  width: 100% !important;
}

.layout-container .region-content-before .container {
  padding-left: 0;
  padding-right: 0;
  width: 100% !important;
}
body:not(.path-frondage) .region-content-before {
  padding: 0rem 0rem 0rem 0rem;
  /*background-color: #f8f8f8; /* voliteľné */
  text-align: auto;
}
.layout-container .region-content-after > .container {
  margin-bottom: 3.75rem;
}

footer[role=contentinfo] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
}

footer[role=contentinfo] .region-footer {
  background-color: #555555;
  color: #E6EAF0;
  font-size: 0.875rem;
  font-weight: 400;
  width: 100%;
  padding: 1.875rem 0;
}

footer[role=contentinfo] .region-footer a {
  color: #E6EAF0;
}

footer[role=contentinfo] .region-footer a.is-active {
  color: #E6EAF0;
}

footer[role=contentinfo] .region-footer a {
  color: #E6EAF0;
  transition: color 0.3s ease, opacity 0.3s ease;
}

footer[role=contentinfo] .region-footer a:hover {
  color: #F9A11B;
  text-decoration: underline;
}

footer[role=contentinfo] .region-footer .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: 0;
  margin-right: 0;
}

footer[role=contentinfo] .region-footer .container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 36rem) {
  footer[role=contentinfo] .region-footer .container {
    width: 33.75rem;
  }
}

@media screen and (min-width: 48rem) {
  footer[role=contentinfo] .region-footer .container {
    width: 45rem;
  }
}

@media screen and (min-width: 62rem) {
  footer[role=contentinfo] .region-footer .container {
    width: 60rem;
  }
}

@media screen and (min-width: 75rem) {
  footer[role=contentinfo] .region-footer .container {
    width: 71.25rem;
  }
}

footer[role=contentinfo] .region-footer .block:not(:last-child) {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  padding-top: 0.9375rem;
  margin-bottom: 0.9375rem;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}

@media screen and (min-width: 36rem) {
  footer[role=contentinfo] .region-footer .block:not(:last-child) {
    margin-bottom: 0.9375rem;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
}

footer[role=contentinfo] .region-footer #block-copyright {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  margin-bottom: 0;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
  order: 999;
}

footer[role=contentinfo] .region-footer nav.menu--main.block {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

@media screen and (min-width: 48rem) {
  footer[role=contentinfo] .region-footer .block:not(:last-child):first-child {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  footer[role=contentinfo] .region-footer .block:not(:last-child):nth-child(2) {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  footer[role=contentinfo] .region-footer .block:not(:last-child):nth-child(3) {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
}

/* === HLAVNÉ MENU – základné nastavenia === */
/* === MENU NA DESKTOP === */
.menu__btn {
  position:absolute;
  right:1.25rem;  /*transform: translateY(-50%); */ /* vertikálne centrovanie */
  z-index:1000;
  display:flex;             /* mobilný default */
  align-items:center;
  font-size:1.75rem;
  background:none;
  border:0;
  cursor:pointer;
}

.region-header nav.menu--main {
  display: flex;
  position: relative;
  margin-left: auto;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.region-header nav.menu--main .menu {
  display: flex;
  gap: 1rem;;
  right: 0;
  bottom: 0;
  display: flex;
  line-height: 1;
  margin: 0;
  padding: 0;
  margin-left: auto;
}

.region-header nav.menu--main .menu__item {
  display: inline-block;
  margin: 0 0.5rem;
}

.region-header nav.menu--main .menu__item a {
  display: block;
  color: #7D7C7C;
  font-size: 1.125rem;
  position: relative;
  padding: 1.25rem 0.75rem;
  text-decoration: none;
  overflow: hidden;
}
.menu__btn .icon:before {
  font-size: 2rem;
}

.icon-menu::before {
  content: "\2630"; /* ☰ */
}

.icon-close::before {
  content: "\2715"; /* ✕ */
}
/* Animované podčiarknutie zľava doprava */
.region-header nav.menu--main .menu__item a::after {
  content: "";
  display: block;
  height: 2px;
  width: 0%;
  background-color: #F9A11B;
  transition: width 0.3s ease-out;
  position: absolute;
  left: 0;
  bottom: 0.5rem;
}

.region-header nav.menu--main .menu__item:hover > a::after,
.region-header nav.menu--main .menu__item--active-trail > a::after,
.region-header nav.menu--main .menu__item > a.is-active::after,
.region-header nav.menu--main .menu__item > a[aria-current="page"]::after {
  width: 100%;
}
.region-header nav.menu--main .menu__item--active-trail > a,
.region-header nav.menu--main .menu__item > a.is-active,
.region-header nav.menu--main .menu__item > a[aria-current="page"],
.region-header nav.menu--main .menu__item:hover > a {
  color: #333333;
}

/* ----------------------------------------------------
   2.  DESKTOP  (≥ 48 rem)  – skryj tlačidlo
   ----------------------------------------------------*/
@media (min-width:48rem){
  .region-header .menu__btn{ 
    display:none; }      /* tlačidlo preč */
  .region-header nav.menu--main{                  /* necháva „desktop look“ */
    flex-basis:0; 
    flex-grow:1; 
    max-width:100%;
  }
}
/* === MOBILNÉ MENU (≤ 768px) === */
@media screen and (max-width: 47.9375rem) {
.region-header .menu__btn {
  display: flex;
  font-size: 2rem;
  justify-content: flex-end;
  align-items: center;
}
.region-header nav.menu--main {
  display: none;
  /*visibility: hidden;
  opacity: 0;
  pointer-events: none;*/
  position: absolute;
  top: 70px; /* výška hlavičky */
  right: 1rem;
  width: max-content;
  margin-left: auto;
  z-index: 999;
  padding: 1.5rem;
  background-color: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(8px);
  border-radius: 1rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  flex-direction: column;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}

.region-header nav.menu--main.is-open {
  display: flex;
  /*visibility: visible;*/
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.region-header nav.menu--main .menu {
  flex-direction: column;
  gap: 0.75rem;
  position: relative;
}

.region-header nav.menu--main .menu__item {
  display: block;
}
.region-header nav.menu--main .menu__item a {
  padding: 0.75rem 1rem;
  font-size: 1.125rem;
  line-height: 1.4;
  color: #333333;
  border-radius: 0.5rem;
  text-decoration: none;
  border-radius: 0.5rem;
  text-decoration: none;
}

.region-header nav.menu--main .menu__item a:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
}

/* === Velky hero slider === */

/* slide presne ako full-screen hero */
.hero-slide {
  width: 100%;
  min-height: 60vh;
  background-size: cover;
  background-position: center;
  position: relative;
  display: flex;
  align-items: flex-end;           /* zarovnanie do spodnej časti */
  justify-content: flex-start;     /* zarovnanie doľava */
  padding: 3rem 2rem;              /* padding od kraja */
  box-sizing: border-box;
}

.hero-slide::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .35);  /* tmavý filter na celý obrázok */
  z-index: 1;
}

.hero-inner {
  position: absolute;
  z-index: 2;
  bottom: 4rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;        /* zarovnanie doľava */
  text-align: left;
  left: 50%;
  transform: translateX(-50%);
  text-shadow: 0 2px 10px rgba(0, 0, 0, .4);
  max-width: 100%;
    /* zarovnanie ako container – napr. šírka 1140px + auto margin */
  max-width: 1140px;
  width: 100%;
  padding: 0 2rem;
  box-sizing: border-box;
  margin: 0 auto;
}

.hero-title {
  font-size: clamp(1.5rem, 4vw + .5rem, 2.5rem);
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  margin: 0 0 1rem;
}

.hero-btn {
  display: inline-block;
  padding: 0.75rem 2rem;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: .02em;
  color: #000;
  background: #F9A11B;
  border-radius: 4px;
  transition: background .25s ease; /*transform .25s ease;*/
  text-decoration: none;
}

/*.hero-btn:hover {
  background: #d48818;
}*/
@media screen and (max-width:767px) {
.hero-inner {
    left: 0;
    transform: none;
    padding: 0 1rem;
}
}
/* === Region päty === */

.region-footer nav.menu--main .menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

.region-footer nav.menu--main .menu li {
  -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
  max-width: 33.33333%;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media screen and (min-width: 36rem) and (max-width: 47.9375rem) {
.region-footer nav.menu--main .menu li {
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  max-width: 50%;
  }
}

.region-footer nav.menu--main .menu li a {
   padding: 0.875rem 0 0.875rem 0.9375rem;
   display: block;
   margin: 0;
}

/* removed duplicate .menu__btn definitions to avoid conflicts */

/* -------------------blok swiper---------------------*/

.swiper {
  width: 100%;
  height: auto;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 1) HLAVNÝ SLIDER — pevný pomer strán */
.gallery-main {          /* obal Swipera */
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #fafafa; 
  overflow: hidden;
}

.gallery-main .swiper-slide {
  position: relative;
  width: 100%;  /* vždy plná šírka */
  aspect-ratio: inherit;  /* dedí z rodiča */
  display: flex;
  justify-content: center;
  align-items: center; 
  overflow: hidden;         /* vyplní aspect-ratio box */
}

.gallery-main .swiper-slide img {
  /*position: absolute;         /* ukotví do rámu bez ovplyvnenia layoutu */
  inset: 0;                   /* top/right/bottom/left: 0 */
  /*margin: auto;               /* zarovná stred */
  max-width: 100%;
  max-height: 100%;
  /*width: auto;                /* kľúčové: nechaj prepočet podľa pomeru */
  height: auto;
  /*object-fit: contain;        /* zmestí celé bez orezu */
  display: block;             /* odstráni inline medzery */
}

/* mobil – prepneme na 4:3 */
@media (max-width:767px){
  .gallery-main .swiper-slide{aspect-ratio:4 / 3;}
}
/*Swiper hlavný wrapper nech nemení výšku medzi slidami */
.js-gallery-main.swiper {
  height: auto;         /* nech riadi výšku aspect-ratio na slide */
}
/* 2) THUMBS — rovnaké náhľady */
.gallery-thumbs {
  padding: .5rem 2.5rem;          /* miesto pre šípky */
}

/* Náhľady – fixná veľkosť + efekty */
.gallery-thumbs .swiper-slide {
  flex:0 0 88px;             /* vždy rovnaká šírka */
  aspect-ratio:1/1;          /* štvorcové náhľady */
  opacity:.4;                /* mliečne prekrytie */
  transition:opacity .3s ease;
}
.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
  outline: 1px solid #F9A11B;
  padding: 2px;                /* zlatý orámovací „ring“ */
  box-shadow: 0 0 0 2px rgba(249, 161, 27, 0.5) inset; /* zlatý orámovací „ring“ */
}

.gallery-thumbs img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.gallery-top .swiper-slide img,
.gallery-thumbs .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity .3s ease;
}

/* šípky v malom slideri – zmenšiť a posunúť k okrajom */
.gallery-thumbs .thumbs-prev,
.gallery-thumbs .thumbs-next {
  width: 24px;
  height: 24px;
  top: 50%;
  transform: translateY(-50%);
  color: #333;
  opacity: .85;
}

.gallery-thumbs .thumbs-prev { left: 0; }   /* jemne von z náhľadovej lišty */
.gallery-thumbs .thumbs-next { right: 0; }

/* 3) Vizuál aktívneho vs. ostatných */
.gallery-thumbs .swiper-slide-thumb-active {        /* trieda pridá Swiper */
  transform: scale(1.05);
}

.gallery-thumbs .swiper-slide-thumb-active img {
  opacity: 1;
  box-shadow: 0 0 0 2px #F9A11B inset;             /* zlatý orámovací „ring“ */
}
  /* mliečny závoj nad neaktívnymi */
.gallery-thumbs .swiper-slide:not(.swiper-slide-thumb-active)::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, .25);
  transition: opacity .3s ease;
}

.gallery-thumbs .swiper-slide-thumb-active::before {
  opacity: 0;                                      /* závoj preč */
}

/* 5) Šípky v hlavnom slidere – decentný vzhľad */
.gallery-main .main-prev,
.gallery-main .main-next {
  width: 36px;
  height: 36px;
  color: #F9A11B;
  background: rgba(0, 0, 0, 0);
  border-radius: 50%;
  backdrop-filter: blur(2px);
}

.gallery-main .main-prev:hover,
.gallery-main .main-next:hover {
  background: rgba(0, 0, 0, .0);
}

/* Šípky mobil/desktop */
@media (max-width: 767px) {
  .gallery-thumbs { display: none; }   /* čisté mobilné UI */
}

/* Pagination strip medzi main a thumbs */
.gallery-pagination {
  position: relative;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 .5rem;
  background: #fff;
  /*border-top: 1px solid rgba(0,0,0,.06);
  border-bottom: 1px solid rgba(0,0,0,.06);*/
}

.gallery-pagination .swiper-pagination {
  display: flex;
  gap: .5rem;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.gallery-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(0,0,0,.3);
  opacity: 1;
  position: relative;
}

.gallery-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #F9A11B; /* firemná farba */
}

.gallery-pagination .swiper-pagination-bullet:focus-visible {
  outline: 2px solid #F9A11B;
  outline-offset: 2px;
  box-shadow: 0 0 0 2px #fff;
}

/* ------------------- koniec blok swiper---------------------*/
/* ------------------- koniec blok karta makléra---------------------*/
.agent-wrapper { 
  margin:2rem 0; 
  font-size:0.9375rem; 
}
.agent-lead, .agent-sub { 
  font-weight:500; 
  margin:0 0 .5rem; 
}
.agent-card { 
  display:block;   
  gap: 1.25em;
  align-items:center;
  background:#fff;
  border:1px solid rgba(0,0,0,.07); 
  /*border:1px solid hsla(36, 95%, 54%, 0.25);  #f9a11b s 25 % krytím */
  border-radius: 16px;  
  padding:1rem; 
  box-shadow:0 2px 6px rgba(0,0,0,.08); 
}
/* úvodné odstavce: celé šírky */
.agent-lead,
.agent-sub{
  text-align:left;
  margin:0;
}

.agent-sub{
  margin-bottom:1rem;   /* ponechajte odstup, ak ho potrebujete */
}

/* horizontálne zarovnanie len pre foto + údaje */
.agent-card__body{
  display:flex;
  align-items:center;
  gap:1rem;
}

.agent-photo img { 
  width:96px; 
  height:96px; 
  object-fit:cover; 
  border-radius:60%; 
}
.agent-name { 
  font-size:1.125rem; 
  font-weight:600; 
  margin:.25rem 0; 
}
.agent-tel, .agent-mail { 
  display:block; 
  color:#333; 
  line-height:1.4; 
}
.agent-actions { 
  margin-top:.5rem; 
  display:flex; 
  gap:.5rem; 
  flex-wrap:wrap; 
}

.agent-data {
  flex:1 1 auto;
}

@media (max-width:600px){
  .agent-card { 
    flex-direction:column; 
    text-align:center; 
  }
  .agent-photo img { 
    margin:auto; 
  }
}
/* ------------------- koniec blok karta makléra---------------------*/
nav#block-zemcak-account-menu {
  padding: 0.9375rem 0 0.9375rem;
}

nav#block-zemcak-account-menu .menu__item {
  display: inline-block;
}

#block-zemcak-branding {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
/*
#block-velkyslider {
  height: 28.125rem;
}

#block-velkyslider .field--name-field-velky-slider-slide,
#block-velkyslider .slick-list,
#block-velkyslider .slick-track {
  height: inherit;
  position: relative;
}

#block-velkyslider .slick-slide {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

#block-velkyslider .paragraph--type--velky-slider {
  height: inherit;
  background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0.3) 8%, rgba(0, 0, 0, 0.35) 70%);
}

#block-velkyslider .paragraph--content {
  height: inherit;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  padding-bottom: 3.75rem;
}

#block-velkyslider .paragraph--content .field--name-field-nadpis {
  font-size: 2.625rem;
  color: #fff;
  font-weight: 500;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.14);
  position: relative;
  margin-bottom: 0.9375rem;
  padding-bottom: 0.625rem;
}

#block-velkyslider .paragraph--content .field--name-field-nadpis:after {
  content: ' ';
  height: 0.25rem;
  width: 3.125rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #F9A11B;
}

#block-velkyslider .slick-dots {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  bottom: 3.75rem;
  margin-bottom: 0.9375rem;
  width: 100%;
  -ms-flex-pack: center;
      justify-content: center;
}

#block-velkyslider .slick-dots li {
  margin: 0.25rem;
}

#block-velkyslider .slick-dots li:hover button::before, #block-velkyslider .slick-dots li.slick-active button::before {
  background: #fff;
}

#block-velkyslider .slick-dots li button::before {
  content: "";
  opacity: 1;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 2px solid #fff;
  box-sizing: content-box;
}*/
/****************************************************/
/*--------------zaciatok swiper------------------*/
/* Základný kontajner slidera */
/*.velky-slider {
  position: relative;
  width: 100%;
  height: 28.125rem; 
  overflow: hidden;
}

@media (max-width: 768px) {
  .velky-slider {
    height: 18rem; 
  }
} 
/* Swiper wrapper 
.velky-slider .swiper-wrapper {
  height: 100%;
}

.swiper.velky-slider {
  width: 100%;
  min-height: 600px;
  position: relative;
  overflow: hidden;
}

/* Každý slide /
.velky-slider .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-size: cover;
  background-position: center;
}

/* Vnútro slidu /
.velkyslider__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center;
  padding: 2rem;
}

/* Nadpis /
.velkyslider__title {
  font-size: 2.625rem;
  font-weight: 500;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.14);
  position: relative;
  margin-bottom: 1rem;
  padding-bottom: 0.625rem;
}

.velkyslider__title::after {
  content: "";
  height: 0.25rem;
  width: 3.125rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #F9A11B;
}

/*.velkyslider__title::before {
  content: '—';
}*/

/* Obrázok v slidu /
.velkyslider__image img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Odkaz v slidu /
.velkyslider__link a {
  display: inline-block;
  margin-top: 1rem;
  padding: 0.5rem 1rem;
  background-color: #F9A11B;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  border-radius: 0.25rem;
  transition: background-color 0.3s ease;
}
.velkyslider__link a:hover {
  background-color: #d48818;
}

/* Šípky /
.velky-slider .swiper-button-prev,
.velky-slider .swiper-button-next {
  color: white;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

/* Pagination body /
.velky-slider .swiper-pagination {
  position: absolute;
  bottom: 1rem;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 10;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5);
  opacity: 1;
  margin: 0 4px;
}

.swiper-pagination-bullet-active {
  background: #fff;
}
 ------------------------koniec swiper----------------*/

#block-zemcak-page-title .page-title {
  margin-top: 3.75rem;
  margin-bottom: 0.9375rem;
}

.region-footer #block-kontakt {
  line-height: 1.6;
}

.region-footer #block-kontakt [class*=" icon-"],
.region-footer #block-kontakt [class^="icon-"] {
  -ms-flex-align: center;
      align-items: center;
}

.region-footer #block-kontakt [class*=" icon-"]:before,
.region-footer #block-kontakt [class^="icon-"]:before {
  margin-right: 0.625rem;
  line-height: 1.6;
}

.region-footer #block-kontakt .social {
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.625rem;
}

.region-footer #block-kontakt .social a {
  padding-right: 0;
}

.region-footer #block-kontakt .social [class*=" icon-"]:before,
.region-footer #block-kontakt .social [class^="icon-"]:before {
  line-height: 1;
  padding: 0;
  font-size: 1.625rem;
}

.region-footer #block-copyright {
  width: 100%;
  padding: 0.9375rem 0.9375rem;
  border-top: 1px solid #7D7C7C;
  margin: 0;
  font-size: 0.8125rem;
  box-sizing: border-box;
}

.region-footer #block-copyright .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

#block-views-block-content-recent-block-1 .item-list li {
  margin-left: 0;
}

#block-views-block-content-recent-block-1 .item-list li .field-content {
  line-height: 1.35;
}

#block-views-block-content-recent-block-1 .item-list li .field-content a {
  display: block;
  color: #333333;
}

#block-views-block-content-recent-block-1 .item-list li .field-content a:hover {
  color: #F9A11B;
}
/*
.paragraph--type--citacie {
  background-color: #8896AC;
  color: #fff;
}

.paragraph--type--citacie .slick-dots {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  bottom: 3.75rem;
  width: 100%;
  -ms-flex-pack: center;
      justify-content: center;
}

.paragraph--type--citacie .slick-dots li {
  margin: 0.25rem;
}

.paragraph--type--citacie .slick-dots li:hover button::before, .paragraph--type--citacie .slick-dots li.slick-active button::before {
  background: #fff;
}

.paragraph--type--citacie .slick-dots li button::before {
  content: "";
  opacity: 1;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 2px solid #fff;
  box-sizing: content-box;
}
*/
.paragraph--type--citacie {
  background-color: #8896AC;
  color: #fff;
  position: relative;
  padding: 2rem;
}
/*---------citacie swiper-----------*/
/* Swiper pagination (body) */
/* Swiper kontajnery */

.paragraph--type--citacie .swiper-pagination {
  position: relative;
  bottom: auto;
  margin-top: 2rem;
  /*left: 0;
  width: 100%;
  display: flex;*/
  justify-content: center;
  /*z-index: 10;*/
}

/* Body (bullets) */
.paragraph--type--citacie .swiper-pagination-bullet {
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 0.25rem;
  background: transparent;
  border: 2px solid #fff;
  border-radius: 50%;
  opacity: 1;
  box-sizing: content-box;
  transition: background-color 0.3s ease;
}

.paragraph--type--citacie .swiper-pagination-bullet-active,
.paragraph--type--citacie .swiper-pagination-bullet:hover {
  background: #fff;
}
/*-------------------koniec citacie swiper----------*/
.paragraph--type--citacia {
  background-color: #8896AC;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  padding: 3.75rem 0px;
  margin-bottom: 3.75rem;
}

.paragraph--type--citacia .field--name-field-citacia-fotografia {
  margin-bottom: 0.9375rem;
}

.paragraph--type--citacia .field--name-field-citacia-fotografia img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.paragraph--type--citacia .field--name-field-meno {
  font-size: 1.375rem;
  text-align: center;
  margin-bottom: 0.9375rem;
}

.paragraph--type--citacia .field--name-field-citacia {
  -ms-flex-preferred-size: 83.33333%;
      flex-basis: 83.33333%;
  max-width: 83.33333%;
  text-align: center;
  font-size: 1.125rem;
  font-style: italic;
}
.citacie-swiper {
  min-height: auto;
}
.citacie-swiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem 1rem;
  font-size: 1.25rem;
  line-height: 1.6;
  font-style: italic;
  text-align: center;
  height: auto;
}


@media screen and (min-width: 48rem) {
  .paragraph--type--citacia .field--name-field-citacia {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
}

.paragraph--type--text {
  padding: 1.875rem 1.875rem;
}

.paragraph--type--text [class^="icon-"],
.paragraph--type--text [class*=" icon-"] {
  color: #fff;
  display: inline-block;
  font-size: 2.5rem;
  position: relative;
  z-index: 1;
  background-color: #F9A11B;
  width: 5.625rem;
  height: 5.625rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  line-height: 6.25rem;
  padding: 0;
}

.paragraph--type--text [class^="icon-"]:before,
.paragraph--type--text [class*=" icon-"]:before {
  font-size: 2.5rem;
  margin: 0;
}

#views-exposed-form-reality-reality-1 .form--inline {
  margin: 0;
}

#views-exposed-form-reality-reality-1 .form--inline .form-item-kategoria {
  margin: 0 0 1.875rem;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}

@media screen and (min-width: 48rem) {
  #views-exposed-form-reality-reality-1 .form--inline .form-item-kategoria {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
}

#views-exposed-form-reality-reality-1 .form--inline .form-item-kategoria #edit-kategoria {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#views-exposed-form-reality-reality-1 .form--inline .form-item-kategoria #edit-kategoria a {
  color: #333333;
  margin-right: 0.125rem;
  margin-bottom: 0.125rem;
}

#views-exposed-form-reality-reality-1 .form--inline .form-item-field-okres-value {
  margin: 0 0 1.875rem;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
  text-align: left;
}

@media screen and (min-width: 48rem) {
  #views-exposed-form-reality-reality-1 .form--inline .form-item-field-okres-value {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%;
    text-align: right;
  }
}

#views-exposed-form-reality-reality-1 .form--inline .form-item-field-okres-value label {
  display: inline-block;
}

.view-reality .view-content .realita {
  position: relative;
  background-color: #fff;
  box-shadow: 0.125rem 0.125rem 0.5rem 0rem rgba(0, 0, 0, 0.1);
  transition: all 0.15s ease-out;
  overflow: hidden;
  height: 15.625rem;
}

@media screen and (min-width: 48rem) {
  .view-reality .view-content .realita {
    height: 23.75rem;
  }
}

.view-reality .view-content .realita.sold {
  color: #9e9e9e;
}

.view-reality .view-content .realita.sold .realita__photo img {
  filter: grayscale(1);
  opacity: 0.75 !important;
}

.view-reality .view-content .realita:hover {
  box-shadow: 0.125rem 0.125rem 0.5rem 0rem rgba(0, 0, 0, 0.3);
}

.view-reality .view-content .realita__link {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
}

.view-reality .view-content .realita__header {
  padding: 0.9375rem 0.9375rem;
  font-size: 1rem;
}

.view-reality .view-content .realita__header .nazov {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.3125rem;
}

.view-reality .view-content .realita__footer {
  padding: 0.9375rem 0.9375rem;
  position: absolute;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background-color: #fff;
}

.view-reality .view-content .realita__footer--info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.view-reality .view-content .realita__footer--cena {
  font-size: 1.125rem;
  font-weight: 600;
}

/*.view-reality .view-content .realita__footer .badge {
  position: absolute;
  padding: 0.625rem 0.9375rem;
  right: 0.625rem;
  bottom: 1.875rem;
}

.view-reality .view-content .realita__footer .badge:before, .view-reality .view-content .realita__footer .badge:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-color: transparent;
  border-style: solid;
}

.view-reality .view-content .realita__footer .badge:before {
  border-width: 8px;
  border-left-color: rgba(0, 0, 0, 0.15);
  border-top-color: rgba(0, 0, 0, 0.15);
}

.view-reality .view-content .realita__footer .badge--red, .view-reality .view-content .realita__footer .badge--1 {
  background-color: #F75E5F;
  color: #fff;
}

.view-reality .view-content .realita__footer .badge--2 {
  background-color: #F9A11B;
  color: #fff;
}

.view-reality .view-content .realita__footer .badge--3 {
  color: #555555;
  background-color: #9e9e9e;
}
*/
.view-reality .view-content .realita__photo {
  height: 9.375rem;
}

@media screen and (min-width: 48rem) {
  .view-reality .view-content .realita__photo {
    height: 15.625rem;
  }
}

.view-reality .view-content .realita__photo img {
  width: 100%;
  height: inherit;
  object-fit: cover;
}

form .form-item label:not(.option) {
  display: block;
}

form fieldset {
  position: relative;
  border: 1px solid #DCE1EA;
  padding: 3.75rem 1.875rem 0.9375rem;
}

form fieldset:not(.fieldgroup) > legend {
  position: absolute;
  top: 0.9375rem;
}

form input[type="password"],
form input[type="email"],
form input[type="url"],
form input[type="date"],
form input[type="month"],
form input[type="time"],
form input[type="datetime"],
form input[type="datetime-local"],
form input[type="week"],
form input[type="tel"],
form input[type="color"],
form input[type="number"],
form input[type="search"],
form input[type="text"],
form select,
form textarea {
  padding: 0.625rem 0.9375rem;
  border: 1px solid #DCE1EA;
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  box-sizing: border-box;
}

form input[type="submit"] {
  border: none;
}

form input[type="submit"].button--primary {
  padding: 0.625rem 2rem;
}

form input:disabled {
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.field--name-field-kontakt form input[type="password"],
.field--name-field-kontakt form input[type="email"],
.field--name-field-kontakt form input[type="url"],
.field--name-field-kontakt form input[type="date"],
.field--name-field-kontakt form input[type="month"],
.field--name-field-kontakt form input[type="time"],
.field--name-field-kontakt form input[type="datetime"],
.field--name-field-kontakt form input[type="datetime-local"],
.field--name-field-kontakt form input[type="week"],
.field--name-field-kontakt form input[type="tel"],
.field--name-field-kontakt form input[type="color"],
.field--name-field-kontakt form input[type="number"],
.field--name-field-kontakt form input[type="search"],
.field--name-field-kontakt form input[type="text"],
.field--name-field-kontakt form select,
.field--name-field-kontakt form textarea {
  width: 100%;
}

nav#block-zemcak-account-menu .menu__item a, #block-velkyslider .paragraph--content .field--name-field-odkaz a, #views-exposed-form-reality-reality-1 .form--inline .form-item-kategoria #edit-kategoria a, form input[type="submit"],
.btn {
  font-size: 0.9375rem;
  padding: 0.5rem 1.375rem;
  font-weight: 500;
  display: inline-block;
  text-align: center;
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
}

#block-velkyslider .paragraph--content .field--name-field-odkaz a, #views-exposed-form-reality-reality-1 .form--inline .form-item-kategoria #edit-kategoria a.bef-link-active, #views-exposed-form-reality-reality-1 .form--inline .form-item-kategoria #edit-kategoria a:hover, form input.button--primary[type="submit"],
.btn--primary {
  background-color: #F9A11B;
  color: #fff;
  border-color: #F9A11B;
}

#block-velkyslider .paragraph--content .field--name-field-odkaz a:hover, #views-exposed-form-reality-reality-1 .form--inline .form-item-kategoria #edit-kategoria a:hover, form input.button--primary:hover[type="submit"],
.btn--primary:hover {
  color: #fff;
  background-color: rgba(249, 161, 27, 0.9);
}

nav#block-zemcak-account-menu .menu__item a,
.btn--secondary {
  background-color: #333333;
  color: #fff;
}

nav#block-zemcak-account-menu .menu__item a:hover,
.btn--secondary:hover {
  background-color: rgba(51, 51, 51, 0.9);
}


.btn--hollow {
  border-color: #fff;
  color: #fff;
  background-color: transparent;
}


.btn--hollow:hover {
  color: #333333;
  background: #fff;
}


.btn--primary-hollow {
  border-color: #F9A11B;
  color: #F9A11B;
  background-color: transparent;
}


.btn--primary-hollow:hover {
  color: #fff;
  background: #F9A11B;
}


.btn--primary-big {
  background-color: #F9A11B;
  position: relative;
  max-width: 22.5rem;
  width: 100%;
  padding: 1.875rem 0.9375rem;
  color: #fff;
  font-weight: 900;
  font-size: 1.125rem;
}


.btn--primary-big:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 6.25rem;
  transition: all 0.3s ease-out;
  height: 0.25rem;
  background-color: #F9A11B;
}


.btn--primary-big:hover {
  background-color: rgba(249, 161, 27, 0.9);
}


.btn--primary-big:hover:after {
  width: 100%;
}

[class^=icon-],
[class*=icon-] {
  font-size: 0.875rem;
  padding-right: 0.9375rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
}

[class^=icon-]:before,
[class*=icon-]:before {
  font-size: 0.9375rem;
  margin-right: 0.3125rem;
}

[class^=icon-] sup,
[class*=icon-] sup {
  font-size: 0.75rem;
  top: 0.125rem;
}

.card {
  background-color: #fff;
  box-shadow: 0.125rem 0.125rem 0.5rem 0rem rgba(0, 0, 0, 0.1);
  transition: all 0.15s ease-out;
  overflow: hidden;
  margin-bottom: 1.875rem;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 447.9375rem) {
  .card {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

.card__image {
  height: 15.625rem;
}

@media screen and (min-width: 36rem) {
  .card__image {
    height: 25rem;
  }
}

@media screen and (min-width: 48rem) {
  .card__image {
    height: auto;
  }
}

.card__image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.card__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 1.875rem 1.875rem;
}

.card__title {
  font-size: 1.375rem;
  font-weight: 500;
  color: #333333;
}

.card__title a {
  display: block;
  color: #333333;
}

.card__title a:hover {
  color: #F9A11B;
}

.card__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: baseline;
      align-items: baseline;
}

@media screen and (max-width: 47.9375rem) {
  .card__actions {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
  .card__actions > *:not(:first-child) {
    margin-bottom: 0.9375rem;
  }
}

.card__actions .field {
  text-transform: capitalize;
}

.card__actions > *:not(:last-child) {
  margin-right: 1.875rem;
}

@media print {
  .block-share-everywhere {
    display: none;
  }
}

.block-share-everywhere .se-links-container {
  height: 32px !important;
  width: 100% !important;
}

.block-share-everywhere .se-links-container .se-links {
  height: 32px !important;
}

.block-share-everywhere .se-links-container .se-links .se-link {
  background-color: #4765BA;
  position: relative !important;
}

.block-share-everywhere .se-links-container .se-links .se-link a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: #fff;
}

.block-share-everywhere .se-links-container .se-links .se-link a img {
  height: 32px !important;
  max-height: unset !important;
}

.block-share-everywhere .se-links-container .se-links .se-link a span {
  font-size: 1rem;
  padding-right: 12px;
}

.path-frontpage .region-content .container {
  position: relative;
  bottom: 3.75rem;
  padding: 0;
  margin-bottom: 0;
}

.path-frontpage .region-content .container .node {
  background-color: #fff;
}

.page-node-type-realita .layout-container .region-content > .container {
  padding-bottom: 0;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita {
  background-color: #fff;
  font-size: 0.9375rem;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .realita__sumar {
  margin-top: 1.875rem;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .realita__sumar > .field {
  -ms-flex-align: baseline;
      align-items: baseline;
  margin: 0;
  line-height: 1.5;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .realita__sumar > .field > .field__label {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
  font-weight: 400;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .realita__sumar > .field > .field__label:after {
  display: none;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .realita__sumar > .field > .field__item {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
  font-weight: 500;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .realita__sumar > .field:first-child, .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .realita__sumar > .field:last-child {
  padding-bottom: 0.625rem;
  margin-bottom: 0.625rem;
  border-bottom: 1px solid #F9A11B;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .realita__sumar .field--name-field-cena .field__item {
  font-size: 1.375rem;
  font-weight: 700;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .realita__sumar .field--name-field-adresa {
  margin-top: 1.875rem;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .realita__sumar .field--name-field-adresa .paragraph--type--adresa > .field {
  margin: 0;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .field--name-field-vybavenie .field__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .field--name-field-vybavenie .field__item {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
  line-height: 1.6;
}

@media screen and (min-width: 48rem) {
  .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .field--name-field-vybavenie .field__item {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .field--name-field-vybavenie .field__item:before {
  line-height: 1.3;
  color: #F9A11B;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .galeria {
  background-color: #EEEEEE;
}

@media print {
  .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .galeria .field--name-field-fotografia img {
    width: 300px;
    height: auto;
  }
}

@media print {
  .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .galeria-nav {
    display: none;
  }
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .galeria-nav .field--name-field-fotografia .field__item {
  padding: 0.75rem 0.375rem;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta {
  position: relative;
  background-color: #EEEEEE;
  padding-top: 1.875rem;
  margin-top: 1.875rem;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta:before, .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #EEEEEE;
  height: 100%;
}

@media screen and (max-width: 47.9375rem) {
  .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta:before {
    width: 0.9375rem;
    left: 0;
  }
}

@media screen and (min-width: 36rem) {
  .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta:before {
    right: 50%;
    width: 100%;
    left: auto;
    margin-right: 15.9375rem;
  }
}

@media screen and (min-width: 48rem) {
  .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta:before {
    margin-right: 21.5625rem;
  }
}

@media screen and (min-width: 62rem) {
  .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta:before {
    margin-right: 29.0625rem;
  }
}

@media screen and (min-width: 75rem) {
  .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta:before {
    margin-right: 34.6875rem;
  }
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta:after {
  padding-left: 3.125rem;
}

@media screen and (max-width: 47.9375rem) {
  .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta:after {
    width: 0.9375rem;
    right: 0;
  }
}

@media screen and (min-width: 36rem) {
  .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta:after {
    left: 50%;
    width: 100%;
    right: auto;
    margin-left: 15.9375rem;
  }
}

@media screen and (min-width: 48rem) {
  .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta:after {
    margin-left: 21.5625rem;
  }
}

@media screen and (min-width: 62rem) {
  .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta:after {
    margin-left: 29.0625rem;
  }
}

@media screen and (min-width: 75rem) {
  .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta:after {
    margin-left: 34.6875rem;
  }
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta .profile > .row {
  margin: 0;
}

.page-node-type-article .node--type-article .node__content {
  padding: 0 1.875rem 1.875rem;
}

.page-node-type-article .node--type-article .node__meta {
  padding: 0 1.875rem;
}

.page-node-type-article .node--type-article .field--name-field-image {
  margin: -1.875rem;
  margin-bottom: 1.875rem;
  max-height: 31.25rem;
  overflow: hidden;
}

.page-node-type-article .node--type-article .field--name-field-image img {
  width: 100%;
  object-fit: cover;
}

/* --------- filtre pre nehnutelnosti -----------*/
.bef-links ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem; /* odstupy medzi prvkami */
  padding: 0;
  margin: 0;
  list-style: none;
}

.bef-links li {
  margin: 0;
}

.bef-links a {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: #e6e6e6;
  border-radius: 4px;
  text-decoration: none;
  color: #333;
  font-weight: 500;
  transition: background 0.2s ease;
}

.bef-links a:hover,
.bef-links a.bef-link--selected {
  background: #F9A11B;
  color: white;
}

/* =====================================================================
   MODULE: Premium Listing Cards (Reality + Blog)
   AUTHOR: Slawcen
   DATE: 2025-08-22
   PURPOSE:
     - Zjednotený, prémiový vzhľad kariet pre /reality a /blog
     - Stabilná responzívna mriežka bez "zlisovania" stĺpcov
     - Žiadne pevné výšky, žiadne absolute na footri, čisté tiene
   ===================================================================== */

/* -----------------------------
   1) Design Tokens (CSS vars)
   ----------------------------- */
:root {
  /* mriezka: minimálna šírka karty => počet stĺpcov */
  --card-min: 340px;                 /* odporúčané 320–380px */
  --card-gap: 1.25rem;

  /* farby */
  --card-bg: #fff;
  --card-txt: #222;
  --card-muted: #7D7C7C;
  --card-border: rgba(0,0,0,.06);
  --card-border-hover: rgba(0,0,0,.10);

  /* tiene */
  --elev-1: 0 1px 2px rgba(0,0,0,.04), 0 6px 18px rgba(0,0,0,.06);
  --elev-2: 0 2px 6px rgba(0,0,0,.06), 0 12px 28px rgba(0,0,0,.10);

  /* značka */
  --brand: #F9A11B;

  /* rádius */
  --radius-lg: 16px;
}

/* drobný fallback pre extra úzke telefóny */
@media (max-width: 380px) { :root { --card-min: 300px; } }

/* -----------------------------
   2) Mriežka pre listingy
   ----------------------------- */
.path-reality .view-reality .view-content,
.path-blog    .view-content {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(var(--card-min), 1fr)) !important;
  gap: var(--card-gap) !important;
  align-items: stretch;
}

/* Views vie vnucovať flex/šírky – neutralizuj, nech vládne grid */
.path-reality .view-reality .view-content > *,
.path-blog    .view-content > * {
  width: auto !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
}

/* ------------------------------------------------------------
   3) Bazálna karta (zdieľané – box, border, tieň, prechody)
   ------------------------------------------------------------ */
.path-reality .view-reality .view-content .realita,
.path-blog    .views-row .card {
  display: flex;
  flex-direction: column;
  background: var(--card-bg);
  color: var(--card-txt);
  border: 1px solid var(--card-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--elev-1);
  overflow: hidden;
  height: auto !important;             /* zrušenie legacy výšok */
  transition: box-shadow .18s ease, border-color .18s ease; /* bez posunu karty */
}

.path-reality .view-reality .view-content .realita:hover,
.path-blog    .views-row .card:hover {
  box-shadow: var(--elev-2);
  border-color: var(--card-border-hover);
}

/* klikacia plocha – nech neruší UI prvky */
.path-reality .realita .realita__link { z-index: 1; }

/* ------------------------------------------------------------
   4) Media: obrázok hore + jednotný pomer strán (obe sekcie)
   ------------------------------------------------------------ */
.path-reality .realita .realita__photo,
.path-blog    .card   .card__image {
  order: 0;
  aspect-ratio: 16 / 9;
  background: #f3f3f3;
  overflow: hidden;
  height: auto !important;             /* zrušenie legacy výšok */
  position: relative;
}

@media (max-width: 47.9375rem) {
  .path-reality .realita .realita__photo,
  .path-blog    .card   .card__image { aspect-ratio: 4 / 3; }
}

.path-reality .realita .realita__photo img,
.path-blog    .card   .card__image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  transform: scale(1);
  transition: transform .35s ease, filter .35s ease;
}

/* jemný zoom obrázka na hover – iba na zariadeniach s myšou */
@media (hover: hover) and (pointer: fine) {
  .path-reality .view-reality .view-content .realita:hover .realita__photo img,
  .path-blog    .views-row .card:hover .card__image img {
    transform: scale(1.04);
    filter: brightness(1.03);
  }
}

/* dotykové zariadenia: bez "falošného" hoveru */
@media (hover: none) and (pointer: coarse) {
  .path-reality .realita .realita__photo img,
  .path-blog    .card   .card__image img { transition: none; }
}

/* rešpektuj preferenciu zníženého pohybu */
@media (prefers-reduced-motion: reduce) {
  .path-reality .view-reality .view-content .realita,
  .path-blog    .views-row .card,
  .path-reality .realita .realita__photo img,
  .path-blog    .card   .card__image img { transition: none !important; }
}

/* ------------------------------------------------------------
   5) Obsah hlavičky (pod fotkou) – názov + sekundárne info
   ------------------------------------------------------------ */
.path-reality .realita .realita__header,
.path-blog    .card   .card__content {
  order: 1;
  padding: 1rem 1rem .5rem;
  display: flex;
  flex-direction: column;
  gap: .5rem;
  border-top: none;
}

/* názov: profesionálna typografia, 2 riadky max + rezervácia výšky */
.path-reality .realita .nazov,
.path-blog    .card   .card__title {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--card-txt);
  margin: 0 0 .25rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;                 /* max 2 riadky */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  min-height: calc(1.3em * 2);           /* rezervácia priestoru na 2 riadky */
}

.path-blog .card .card__title a { color: inherit; }
.path-blog .card .card__title a:hover { color: var(--brand); }

.path-reality .realita .icon-location,
.path-blog    .card time.datetime {
  color: var(--card-muted);
  font-size: .875rem;
}

/* ------------------------------------------------------------
   6) Footer – vždy naspodku, oddelený jemnou linkou
   ------------------------------------------------------------ */
.path-reality .realita .realita__footer,
.path-blog    .card   .card__actions {
  order: 2;
  margin-top: auto;
  position: static !important;           /* zrušenie legacy absolute */
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .75rem 1rem 1rem;
  background: #fff;
  border-top: 1px solid var(--card-border);
  width: 100%;
  flex-wrap: wrap;
}

.path-reality .realita .realita__footer--info { display: flex; gap: .75rem; color: #333; }
.path-reality .realita .realita__footer--cena { margin-left: auto; font-size: 1.125rem; font-weight: 700; color: #111; }
.path-blog    .card   .card__actions .btn { padding: .5rem .875rem; }

/* ------------------------------------------------------------
   7) Badges (Reality)
   ------------------------------------------------------------ */
.path-reality .realita { position: relative; }

/* 3) Kontajner badge – hore vľavo, pekné stohovanie */
.path-reality .realita .realita__badges{
  position: absolute;
  top: .75rem;
  left: .75rem;
  display: flex;
  flex-direction: column;
  gap: .5rem;             /* rozstup medzi štítkami */
  z-index: 2;
}

/* 4) Jednotný vzhľad badge */
.path-reality .realita .badge{
  position: static;       /* kľúč: už NIE absolute na každom badge */
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 .625rem;
  border-radius: 8px;     /* 999px = „pill“ */
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1;
  white-space: nowrap;
  color: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,.12);
}

/* 5) Firemné stavy/farby */
.path-reality .realita .badge--red,
.path-reality .realita .badge--1 { background-color: #F75E5F; }
.path-reality .realita .badge--2 { background-color: var(--brand, #F9A11B); }
.path-reality .realita .badge--3 { background-color: #9e9e9e; }

/* ==================== SCROLL TO TOP BUTTON ==================== */
.scroll-to-top-btn {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  background-color: #F9A11B;
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease, background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
  font-size: 0;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  z-index: 999;
}

.scroll-to-top-btn::before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
  transform: rotate(-45deg) translate(-2px, 2px);
  margin: auto;
}

.scroll-to-top-btn:hover {
  background-color: #d48818;
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.scroll-to-top-btn:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.scroll-to-top-btn.is-visible {
  opacity: 1;
  visibility: visible;
}

/* Tablet */
@media (max-width: 768px) {
  .scroll-to-top-btn {
    width: 3.2rem;
    height: 3.2rem;
    bottom: 1.5rem;
    right: 1.5rem;
  }
  
  .scroll-to-top-btn::before {
    width: 14px;
    height: 14px;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    transform: rotate(-45deg) translate(-1.5px, 1.5px);
    margin: auto;
  }
}

/* Mobil */
@media (max-width: 480px) {
  .scroll-to-top-btn {
    width: 3rem;
    height: 3rem;
    bottom: 1.2rem;
    right: 1.2rem;
  }
  
  .scroll-to-top-btn::before {
    width: 12px;
    height: 12px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(-45deg) translate(-1px, 1px);
    margin: auto;
  }
}


/* SOLD stav */
.path-reality .view-reality .view-content .realita.sold { color: #9e9e9e; }
.path-reality .view-reality .view-content .realita.sold .realita__photo img {
  filter: grayscale(1);
  opacity: .75 !important;
}

/* 6) Mobil – jemnejšie odsadenie */
@media (max-width: 480px){
  .path-reality .realita .realita__badges{ top: .5rem; left: .5rem; gap: .4rem; }
  .path-reality .realita .badge{ height: 26px; padding: 0 .5rem; font-size: .72rem; }
}
/* ------------------------------------------------------------
   8) Jemné legacy overrides (bez mazania pôvodného CSS)
   ------------------------------------------------------------ */
/* Reality – vypnúť staré tiene/height/absolute */
.view-reality .view-content .realita         { 
  height: auto !important; 
  box-shadow: none !important; 
}
.view-reality .view-content .realita__footer { 
  position: static !important; 
  width: 100% !important; 
}
.view-reality .view-content .realita__photo  { 
  height: auto !important; 
}

/* Blog – vypnúť staré horizontálne karty/border/tieň */
.path-blog .card            { flex-direction: column !important; margin-bottom: 0 !important; box-shadow: none !important; border: none !important; }
.path-blog .card__image     { height: auto !important; }
@media (min-width: 48rem) { .path-blog .views-row .card .col--md-8 { width: 100%; max-width: 100%; } }

/* ------------------------------------------------------------
   9) Prístupnosť – focus ring pri klávesovej navigácii
   ------------------------------------------------------------ */
.path-reality .realita:focus-within,
.path-blog    .card:focus-within {
  outline: 2px solid color-mix(in oklab, var(--brand) 60%, white);
  outline-offset: 2px;
}