body {font-family: "Satoshi"; font-weight: 500; line-height: 1.3} h1, h2, h3, h4, h5, h6 {font-family: "Satoshi"; line-height: 1.1} .bricks-type-hero {font-family: "Satoshi"} .bricks-type-lead {font-family: "Satoshi"}.prev-price-modal { text-decoration: line-through;}@media (max-width: 767px) { .prev-price-modal { font-size: 12px;}}.form-group:not(.submit-button-wrapper) { position: relative; margin-bottom: 6px; }.form-group .form-group-error-message.show { font-size: 13px; position: absolute; bottom: 4px; padding: 2px 10px;}.site-header{ position:absolute; left:0; right:0; top:0; z-index:9999; will-change: transform; transition: transform 600ms cubic-bezier(.2,.8,.2,1);}.site-header.is-overlay{ position:absolute;}.site-header.is-fixed{ position:fixed;}.site-header.is-hidden{ transform: translateY(-120px); }.site-header.is-fixed-start{ transform:translateY(-100%);}.newsletter-form .options-wrapper li { display: flex; color: white; gap: 14px; font-size: 12px; }.newsletter-form .options-wrapper li input { padding: 0 !important; border: none !important; appearance: none; width: 20px; height: 20px; border: 1px solid #ffffff !important; cursor: pointer; flex-shrink: 0;}.newsletter-form .options-wrapper li input:checked::after { content: "✓"; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #ffffff; position: absolute; top: 0; height: 15px; width: 19px; font-weight: 700;}video { pointer-events: none !important; }.slider-byty .splide__arrows,.slider-news .splide__arrows { position: absolute; bottom: 0; width: auto; display: flex; justify-content: end; gap: 10px; right: 80px;}.slider-byty .splide__arrow,.slider-news .splide__arrow { width: 40px; height: 40px; position: unset; transform: unset; border: 1px solid white; border-radius: 50%; padding: 12px; fill: white;}.slider-byty .splide__arrow--prev,.slider-news .splide__arrow--prev { transform: scaleX(-1);}#buildingImageSancova { transition: opacity 0.5s ease;}.show-building { opacity: 1 !important;}svg.overlay-budovy { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}svg.overlay {position: absolute;top: 0;left:0;width: 100%;height: 100%}.flat-label{ font-size: 7px; font-weight: 700; fill: #fff; pointer-events: none;}.flat-name { font-size: 7px; font-weight: 700; fill: #fff; pointer-events: none;}.flat-poly { cursor: pointer; transition: opacity .2s ease; opacity: 1;stroke-width: 1px; stroke-linejoin: miter; mix-blend-mode: hard-light;}.flat-poly.st-free { fill: #214D40; }.flat-poly.st-reserved {fill: #533B35; }.flat-poly.st-sold { fill:#141C2E; pointer-events: none; }.flat-poly.st-soon { fill: #AB5840;}.flat-poly:hover { opacity: .6; }.floor-hidden { display: none !important;}#whiteBlock{ opacity:0; transform:translateY(18px); transition:opacity .28s ease, transform .28s ease; pointer-events:none;}#whiteBlock.show{ opacity:1; transform:translateY(0); pointer-events:auto;}#whiteBlock.hide{ opacity:0; transform:translateY(20px);}#podlazie-modal { -webkit-overflow-scrolling: touch; transition: .3s all;}#podlazie-modal.is-open { opacity: 1; visibility: visible; pointer-events: auto;}#podlazie-modal > div{ transform:translateY(10px); transition:transform .5s ease;}#podlazie-modal.is-open > div{ transform:translateY(0);}#byt-modal { transition: .3s all;}#byt-modal.is-open { opacity: 1; visibility: visible; pointer-events: auto;}#byt-modal > div{ transform:translateY(10px); transition:transform .5s ease;}#byt-modal.is-open > div{ transform:translateY(0);}#byt-modal-img-preview{ transition:opacity .25s ease;}.static-section-history { min-height: calc(1100px + 100vh);}.static-container-history { position: sticky; top: 0vh; height: 100vh; display: grid; grid-template-columns: 1fr 1.4fr; gap: 48px; align-items: start;}.static-image-block { position: sticky; top: 0; height: 100vh; display: flex; align-items: center;}.story-left{ position: sticky; top: 0; height: 100vh; gap: 25px; align-items: center; justify-content: center; }.story-step{ opacity: 0; transform: translateY(24px); transition: opacity 1s ease, transform 1s ease; will-change: opacity, transform; width: 100%; margin-left: 80px;}.story-step.is-visible{ opacity: 1; transform: translateY(0);}@media (max-width: 600px) { .story-left,.static-image-block,.static-container-history { position: static; } .static-container-history { height: unset; } .static-section-history { min-height: unset; } .story-step { opacity: 1; }}.sticky-swap{ position: relative;}.sticky-swap .sticky-img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1s ease; will-change: opacity; display: block;}.sticky-swap .sticky-img.is-active{ opacity: 1; position: relative;}.reveal-step{ opacity: 0; transform: translateY(130px); transition: opacity 1s ease, transform 2s ease; will-change: opacity, transform;}.reveal-step.is-visible{ opacity: 1; transform: translateY(0);}.reveal-step + .reveal-step{ margin-top: 28px;}.sup-20 { font-size: 20px;}* { box-sizing: border-box;}.custom-cursor { position: fixed; width:110px; height:110px; border-radius:50%; pointer-events:none; transform:translate(-50%,-50%); background-image: url("https://www.mytna37.sk/wp-content/uploads/2026/02/cursor2a.png"); background-size: contain; z-index:9999; opacity:0; transition: opacity .2s ease;}.slider-byt-item { transition: .3s all;}.slider-byt-item:hover { background: #214D40;}.slider-byty:has(.slider-byt-item:hover) .slider-byt-item{ opacity:.4;}.slider-byty .slider-byt-item:hover { opacity:1 !important;}.blue-bg,.blue-bg .splide { background: #141C2E;}.orange-bg,.orange-bg .splide { background: #AB5840;}.green-bg,.green-bg .splide { background: #214D40;}.brown-bg,.brown-bg .splide { background: #533B35;}.orange-footer { background: #AB5840;}.green-footer { background: #214D40;}.brown-footer { background: #533B35;}.blue-footer { background: #141C2E;}.orange-header.is-fixed { background: #AB5840;}.orange-header .bricks-mobile-menu-wrapper:before { background-color: #ab5840e8 !important;}.green-header.is-fixed { background: #214D40;}.green-header .bricks-mobile-menu-wrapper:before { background-color: #214d40f2 !important;}.brown-header.is-fixed { background: #533B35;}.brown-header .bricks-mobile-menu-wrapper:before { background-color: #533b35ed !important;}.blue-header.is-fixed { background: #141C2E;}.blue-header .bricks-mobile-menu-wrapper:before { background-color: #141c2ef5 !important;}#menu-menu1 li:last-child { display: none;}.primary-button-green { font-size: 20px; line-height: 1; padding: 13px; background: #214D40; color: white; transition: .3s all; font-weight: 500;}.primary-button-green:hover { background: #193d32;}.primary-button-green-hero { font-size: 32px;}.primary-button-brown { font-size: 20px; line-height: 1; padding: 13px; background: #533B35; color: white; transition: .3s all; font-weight: 500;}.primary-button-brown:hover { background: #33221e;}.primary-button-orange { font-size: 20px; line-height: 1; padding: 13px; background: #AB5840; color: white; transition: .3s all; font-weight: 500;}.primary-button-orange:hover { background: #783927;}.primary-button-outline { font-size: 14px; line-height: 1; padding: 7px 10px; font-weight: 500; background: transparent; border: 1px solid white; color: white; transition: .3s all;}.primary-button-outline:hover { background: #0000002e; border: 1px solid #ffffffad;}.menu-button { font-size: 20px; line-height: 1; padding: 12px 28px; font-weight: 500; background: transparent; border: 1px solid white; color: white; transition: .3s all;}.menu-button:hover { background: #0000002e; border: 1px solid #ffffffad;}@media(max-width: 1200px) { .primary-button-green,.primary-button-brown,.primary-button-orange { font-size: 18px; } .menu-button { font-size: 16px; }}.play-button, .play-button img { transition: .3s all;}.play-button:hover img { opacity: .6;}.newsletter-form .form-group input { border: none; font-size: 16px; color: white; border-bottom: 2px solid #d9d9d9; padding: 2px 14px;}.green-footer .newsletter-form .form-group input { background: #1B4538;}.orange-footer .newsletter-form .form-group input { background: #9C4F38;}.brown-footer .newsletter-form .form-group input { background: #44352F;}.blue-footer .newsletter-form .form-group input { background: #101928;}.newsletter-form .form-group button[type=submit] { background: #808080; padding: 14px; color: white; font-size: 18px;}body.bricks-is-frontend :focus-visible { outline: none !important;}.hero-arrow { border: 1px solid white; background: transparent; position: absolute; left: 50%; transform: translateX(-50%); bottom: 6%; width: 30px; height: 42px; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 8px; overflow: hidden; flex-direction: column; gap: 2px;}.arrow-hide { opacity: 0; transition: opacity .3s;}.hero-arrow img { width: 12px; animation: 2s ease .4s normal infinite both running scrollAnim !important;}.hero-arrow img:first-child { width: 12px; animation: 2s ease .2s normal infinite both running scrollAnim !important;}.hero-arrow img:last-child { width: 12px; animation: 2s ease .6s normal infinite both running scrollAnim !important;}@keyframes pulseAnim { 0% {transform: scale(1)} 50% {transform: scale(1)} 75% {transform: scale(1.1)} 100% {transform: scale(1)}}@keyframes scrollAnim { 0% {opacity: 0} 50% {opacity: 1} 100% {opacity: 0}}.m-floor { fill: transparent;}.m-floor:hover,.m-floor.active { fill: #214D40; mix-blend-mode: hard-light; cursor:pointer; transition: .4s all; }.s-floor { fill: transparent;}.s-floor:hover,.s-floor.active { fill: #214D40; mix-blend-mode: hard-light; cursor:pointer; transition: .4s all; }.block-sancova,.block-mytna { fill:rgba(0,0,0,0); cursor:pointer;}.sancova-hover,.mytna-hover { opacity: 0; pointer-events:none; transition:opacity .25s ease;}.blocks-divider:has(.block-mytna:hover) .mytna-hover,.blocks-divider:has(.block-mytna.active) .mytna-hover{ opacity:1;}.blocks-divider:has(.block-sancova:hover) .sancova-hover,.blocks-divider:has(.block-sancova.active) .sancova-hover{ opacity:1;}@media(max-width: 1400px) { .menu-button { padding: 10px 26px; }}@media (max-width: 1200px) { #whiteBlock { row-gap: 5px !important; right: 0px !important; max-width: 280px !important; } #whiteBlock .brxe-text-basic { font-size: 16px; } #whiteBlock .primary-button-green { font-size: 14px; } .primary-button-orange-lokalita { font-size: 15px; padding: 8px; } .primary-button-outline-lokalita { font-size: 12px; padding: 7px 7px; } .primary-button-green-hero { font-size: 24px;}}@media (max-width: 991px) { .story-step{ margin-left: 30px;} .static-container-history { grid-template-columns: 1fr 1fr; gap: 30px; } .newsletter-form .form-group button[type=submit] { background: #808080; padding: 12px; font-size: 16px;} #whiteBlock { row-gap: 5px !important; right: 0px !important; max-width: 230px !important; padding: 15px !important; } #whiteBlock .brxe-text-basic { font-size: 13px; } #whiteBlock .primary-button-green { font-size: 12px; padding: 8px; } .primary-button-outline-lokalita { font-size: 11px; padding: 5px 7px; }}@media (max-width: 767px) { .static-container-history { gap: 30px; } .primary-button-green,.primary-button-orange { font-size: 15px; padding: 12px; } .primary-button-orange-lokalita { font-size: 12px; padding: 7px; } .primary-button-outline-lokalita { font-size: 9px; padding: 5px 5px; } .primary-button-green-hero { font-size: 20px;}} .show-mobile { display: none;}.show-pc { display: block;}@media (max-width: 600px) { #whiteBlock { max-width: 200px !important; } .slider-byty .splide__arrows, .slider-news .splide__arrows { right: 60px; } .slider-byty .splide__arrows { right: 60px; } .custom-cursor{ display:none !important; } .slider-byty{ cursor:auto !important; } .slider-byt-item:hover { background: transparent;} .slider-byty .slider-byt-item { opacity: 1 !important; } #menu-menu1 li:last-child { display: block;} .primary-button-green,.primary-button-orange { font-size: 18px; padding: 12px; } .primary-button-orange-lokalita { background: #533B35; font-size: 18px; padding: 13px; } .primary-button-outline-lokalita { font-size: 14px; padding: 8px 5px; } .show-mobile { display: block;} .show-pc { display: none;} .primary-button-green-hero { font-size: 24px;}} .brxe-container {width: 1360px; padding-right: 30px; padding-left: 30px} .woocommerce main.site-main {width: 1360px} #brx-content.wordpress {width: 1360px}