<!DOCTYPE html> <!-- HTC Spark Start. --><html lang=""> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Gwarna8 - home"> <base href="/"> <style> *{ margin:0; } body{ font-family:"Roboto"; } </style> <link rel="stylesheet" href="/assets/fonts/material-design-iconic-font.min.css"> <link href='/assets/fonts/fonts.css' rel='stylesheet' type='text/css'> <script> var allowCdn=false; var fontsInit={ addCssLink:function (url) { var lnk=document.createElement("link"); lnk.rel="stylesheet"; lnk.type="text/css"; lnk.href=url; document.getElementsByTagName("head")[0].appendChild(lnk); }, checkCdnAvail: function(testUrl,callOk,callFail) { if(!allowCdn) { callFail(); return; } var xhttp=new XMLHttpRequest(); var ok=false; xhttp.onreadystatechange=function() { if((xhttp.readyState == 4)&&(xhttp.status == 200||xhttp.status == 404)) { ok=true; callOk(); } }; xhttp.open("GET",testUrl,1); xhttp.timeout=500; xhttp.send(); setTimeout(function(){ if(!ok) { callFail(); } },500); } }; (function() { function useCdn() { fontsInit.addCssLink("https://fonts.googleapis.com/icon?family=Material+Icons"); fontsInit.addCssLink("https://fonts.googleapis.com/css?family=Roboto:400,100,100i,300i,300,400i,500,500i,700,700i,900,900i&subset=latin,latin-ext"); fontsInit.addCssLink("https://fonts.googleapis.com/css?family=Lato:400,100,100i,300i,300,400i,500,500i,700,700i,900,900i"); fontsInit.addCssLink("https://fonts.googleapis.com/css?family=Muli:400,100,100i,300i,300,400i,500,500i,700,700i,900,900i"); fontsInit.addCssLink("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;1,300;1,600;1,700&display=swap"); fontsInit.addCssLink("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"); } function useFallback() { fontsInit.addCssLink("/assets/fonts/fonts_fallback.css"); } fontsInit.checkCdnAvail("https://fonts.googleapis.com/css?family=Roboto:400,100,100i,300i,300,400i,500,500i,700,700i,900,900i&subset=latin,latin-ext", useCdn,useFallback); })(); </script> <title>Gwarna8 - home</title> <link id="doc_icon" rel="icon" type="image/x-icon" href="/webng/_service/loader/app_icon_load.pub.c?app=40929743"/> </head> <body> <script> portal={ nav:function(link) { window.location.href=link; }, scrollToBoxElem:function(box_elem,link_type,link_name) { // Pozycja docelowego elementu. var targetTop=document.querySelector(".box_elem[data-id=\""+box_elem+"\"]").getBoundingClientRect().top; targetTop+=window.scrollY; var page=document.getElementById("page"); // Korekta o nagBwek, je|eli jest nad stron. if(page.getAttribute("data-layout_c") == 3) { targetTop-=64; } // Scrollowanie. portal.priv_scrollTo(targetTop,300); //document.getElementsByTagName("html")[0].scrollTop=Math.ceil(targetTop); // Zdarzenie dla ggl tags manager. if(window.dataLayer!=null) { window.dataLayer.push({ 'event': 'scroll_to_box_clicked', 'link_type': link_type||'?', 'link_name': link_name||'?' }); } // Przerwanie nawigacji. return false; }, scrollTop:function(box_elem) { // Pozycja docelowego elementu - kontener gBwnej zawarto[ci. var targetTop=document.querySelector(".portal_box_c_1").getBoundingClientRect().top; targetTop+=window.scrollY; var page=document.getElementById("page"); // Korekta o nagBwek, je|eli jest nad stron. if(page.getAttribute("data-layout_c") == 3) { targetTop-=64; } // Scrollowanie. portal.priv_scrollTo(targetTop,300); //document.getElementsByTagName("html")[0].scrollTop=Math.ceil(targetTop); // Przerwanie nawigacji. return false; }, priv_scrollTo:function(targetTop,duration=200) { if(("requestAnimationFrame" in window) === false) { document.getElementsByTagName("html")[0].scrollTop=Math.ceil(targetTop); return; } targetTop=Math.ceil(targetTop); var start=window.scrollY; var startTime=("now" in window.performance)?performance.now():new Date().getTime(); function ease(t) { return (--t)*t*t+1; } function scrollStep() { var now=("now" in window.performance)?performance.now():new Date().getTime(); var time=Math.min(1,ease(((now-startTime)/duration))); var y=Math.ceil((time*(targetTop-start))+start); document.getElementsByTagName("html")[0].scrollTop=y; document.getElementsByTagName("body")[0].scrollTop=y; if((window.scrollY === targetTop)||(time === 1)) { return; } requestAnimationFrame(scrollStep); } scrollStep(); } } var PORTAL_PAGE; var PORTAL_PAGE_SCROLLED=0; window.addEventListener("scroll",function(event){ var p=(document.scrollingElement || document.documentElement).scrollTop; if(PORTAL_PAGE===undefined) { PORTAL_PAGE=document.getElementById("page"); } if((p>0)&&(PORTAL_PAGE_SCROLLED === 0)) { PORTAL_PAGE.classList.add("page_scrolled"); PORTAL_PAGE_SCROLLED=1; return; } if((p===0)&&(PORTAL_PAGE_SCROLLED === 1)) { PORTAL_PAGE.classList.remove("page_scrolled"); PORTAL_PAGE_SCROLLED=0; } }); </script> <link href="/webng/common/services/cloud_colors/db-load_cloud_colors.pub.csc?cloud=22156810&palette=40931229" rel="stylesheet" type="text/css"/> <div id="app_root" class="cloud22156810 acolp_40931229" data-app-version="40929744" data-app-id="40929743" data-cloud="22156810" data-app-name="portal_Gwarna8"><style> .portal_box_c_2 { position: fixed; /*height: 116px;*/ /* Rozmiar powinny ustala elementy wstarione w kontener */ top: 0; left: 0; z-index:50; width:100%; } .page_scrolled .portal_box_c_2 { /*height:64px;*/ /* Rozmiar powinny ustala elementy wstarione w kontener */ } .portal_box_c_6 { position: fixed; bottom: 0; left: 0; right: 0; } </style> <div id="page" data-url-name="home" data-layout_c="3"><style> .bbcode a.btn { color:#fff; text-decoration:none; display:inline-block; padding:12px 30px 14px 30px; border-radius:3px; border-style:solid; transition: all 0.2s cubic-bezier(0.4,0,0.2,1); line-height:12px; } .bbcode a.btn > div { color:#fff !important; font-size:11px; font-weight:600; letter-spacing:1px; line-height:initial; } .bbcode a { text-decoration:none; } .bbcode.classic a { color:#2A3A30; } .bbcode.classic a:hover { color:#2A3A30; } .bbcode.classic a:hover span, .bbcode.classic a:hover div { text-decoration:underline; } .bbcode.classic a.btn:hover span, .bbcode.classic a.btn:hover div { text-decoration:none; } .bbcode.sharp a.btn { border-radius:0; padding:15px 40px 14px 40px; } .bbcode.sharp a.btn > div { letter-spacing:0; } .bbcode ul{ list-style: none; padding: 0; } .bbcode ul > li{ padding-left:1.3em; } .bbcode ul > li:before{ content:"\f26b"; font-family:"Material-Design-Iconic-Font"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display:inline-block; width:1.3em; margin-left:-1.3em; } .bbcode.classic ul > li:before{ content:""; } .bbcode table td { vertical-align:top; } .bbcode.classic hr { border-color:#CECECE !important; } .portal_box { background-position:center top; /* Warto doda kiedy[ konfiguracj powtarzania. */ background-repeat:no-repeat; } .box_elem { position:relative; } .bg-size-c1 { background-size: initial; } .bg-size-c2 { background-size: contain; } .bg-size-c3 { background-size: cover; } .box_elem_render_fail{ background-color:#fff; height:300px; } @media screen and (min-width: 1280px) { .box_elem.elem_show--wide { display:block; } .box_elem.elem_show--narrow { display:none; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .box_elem.elem_show--wide { display:block; } .box_elem.elem_show--narrow { display:none; } } @media screen and (max-width: 767px) { .box_elem.elem_show--wide { display:none; } .box_elem.elem_show--narrow { display:block; } } </style> <style> #alert { z-index: 998; display: none; position: fixed; top: 0; left: 0; width:100%; height:100%; background-color: rgba(0,0, 0, 0.1); } #alert .alert__dlg { z-index: 999; position: fixed; top: 100px; left: 50%; transform: translateX(-50%); } #alert .close { cursor: pointer; position: absolute; outline: none; background: none; border: 0; } #alert.modern .alert__dlg { text-align: center; font-size: 16px; border-top: 3px solid #ccc; background-color: rgba(0,0, 0, 0.8); color: #fff; padding: 50px 75px 0; } #alert.modern.error .alert__dlg { border-top-color: #D73737; } #alert.modern.success .alert__dlg { border-top-color: #629742; } #alert.modern.warning .alert__dlg { border-top-color: #D9B615; } #alert.modern.info .alert__dlg { border-top-color: #C47A62;} #alert.modern .close { top: 14px; right: 14px; font-size: 18px; color: #ccc; } #alert.modern .close:hover { color: #fff; } #alert.modern .icon { margin: 19px 0 28px; } #alert.modern .icon::before { font-family: 'Material Icons'; font-size: 40px; } #alert.modern.error .icon::before { content:"remove_circle_outline"; color: #D73737; } #alert.modern.success .icon::before { content:"check"; color: #629742; } #alert.modern.warning .icon::before { content:"error_outline"; color: #D9B615; } #alert.modern.info .icon::before { content:"info_outline"; color: #C47A62; } #alert.simple .alert__dlg { text-align: center; font-size: 16px; border-top: 3px solid #ccc; background-color: #fff; color: #111111; padding: 40px 75px 20px 75px; border-radius:8px; box-shadow: 0px 16px 58px #00000014; font-family: 'SourceSans3'; } #alert.simple.error .alert__dlg { border-top-color: #D73737; } #alert.simple.success .alert__dlg { border-top-color: #629742; } #alert.simple.warning .alert__dlg { border-top-color: #D9B615; } #alert.simple.info .alert__dlg { border-top-color: #C47A62;} #alert.simple .close { top: 14px; right: 14px; font-size: 18px; color: #7B7B7B; } #alert.simple .close:hover { color: #111111; } #alert.simple .icon { margin: 19px 0 10px; } #alert.simple .icon::before { font-family: 'Material Icons'; font-size: 40px; } #alert.simple.error .icon::before { content:"remove_circle_outline"; color: #D73737; } #alert.simple.success .icon::before { content:"check"; color: #629742; } #alert.simple.warning .icon::before { content:"error_outline"; color: #D9B615; } #alert.simple.info .icon::before { content:"info_outline"; color: #C47A62; } </style> <div id="alert"> <div class="alert__dlg"> <button class="close material-icons">close</button> <header></header> <div class="body"></div> <div class="icon material-icons"></div> </div> </div> <script> /* Jednorazowa inicjalizacja mechanizmu alertw. */ (function(){ var alertEl=document.getElementById("alert"); var bodyEl=alertEl.getElementsByClassName("body")[0]; var closeEl=alertEl.getElementsByClassName("close")[0]; function closeAlert() { alertEl.style.display="none"; bodyEl.innerHTML=""; }; function closeAlertOnBg(evt) { if(evt.target !== alertEl) { return; } closeAlert(); } function initEvents() { alertEl.addEventListener("click", function(evt) { closeAlertOnBg(evt) }); closeEl.addEventListener("click", function() { closeAlert() }); } initEvents(); portal.alert=function(body,type,style) { type=type||"info"; alertEl.classList=type+" "+(style||"modern"); bodyEl.innerHTML=body; alertEl.style.display="block"; } })(); </script> <div class="portal_box portal_box_c_2 (null)" style="(null)" data-id="40929952"><div class="box_elem elem_c_header elem_show--always" data-id="40929958"> <style> .elem_c_header>.style_13 .phone { height:100%; display: flex; flex-direction: row; flex-wrap:nowrap; align-items:center; } .elem_c_header>.style_13 .phone__icon { margin-right: 10px; } .elem_c_header>.style_13 .phone__number { font-family: "SourceSans3",sans-serif; font-size:15px; font-weight:400; } .elem_c_header>.style_13.bg_dark .phone { color:rgba(255,255,255,0.5); } .elem_c_header>.style_13.bg_bright .phone { color:rgba(0,0,0,0.5); } .elem_c_header>.style_13 .dane { margin-left:45px; padding:0 30px; display: flex; flex-direction: row; flex-wrap:nowrap; align-items:center; position:relative; cursor:pointer; } .elem_c_header>.style_13.bg_dark .dane { background-color: rgba(255,255,255,0.05); } .elem_c_header>.style_13.bg_bright .dane { background-color: rgba(0,0,0,0.05); } .elem_c_header>.style_13 .dane__title { margin-right:14px; font-family: "SourceSans3",sans-serif; font-size:15px; font-weight:400; user-select:none; } .elem_c_header>.style_13.bg_dark .dane__title, .elem_c_header>.style_13.bg_dark .dane__icon { color:rgba(255,255,255,0.5); stroke:rgba(255,255,255,0.5); } .elem_c_header>.style_13.bg_dark .dane:hover .dane__title, .elem_c_header>.style_13.bg_dark .dane:hover .dane__icon { color:#fff; stroke:#fff; } .elem_c_header>.style_13.bg_bright .dane__title, .elem_c_header>.style_13.bg_bright .dane__icon { color:rgba(0,0,0,0.5); stroke:rgba(0,0,0,0.5); } .elem_c_header[data-id="40929958"] .bg_dark .contact_info.--active .dane__title, .elem_c_header[data-id="40929958"] .bg_dark .contact_info.--active .dane__icon { color:#FFFFFF; stroke:#FFFFFF; } .elem_c_header>.style_13.bg_dark .contact_info.--active .dane { background-color: #fff; } .elem_c_header>.style_13.bg_bright .contact_info.--active .dane { background-color: rgba(0,0,0,0.8); } @media screen and (max-width: 950px) { .elem_c_header>.style_13 .contact_info { display:none; } } .elem_c_header>.style_13 .contact_box { cursor:initial; position:absolute; z-index: 2; top:100%; right:0; padding:20px 25px; background-color:#fff; display:none; min-width:232px; box-sizing: border-box; -webkit-box-shadow: 0px -10px 58px #00000014; box-shadow: 0px -16px 20px #00000014; border-radius: 0px 0px 6px 6px; } .elem_c_header[data-id="40929958"] .contact_box { color:#111111; } .elem_c_header>.style_13 .contact_info.--active .contact_box { display:block; } .elem_c_header>.style_13 .contact_name { font-family: "SourceSans3",sans-serif; font-size:15px; font-weight:600; margin-bottom:10px; } .elem_c_header[data-id="40929958"] .contact_name { color:#111111; } .elem_c_header>.style_13 .contact_num { font-family: "SourceSans3",sans-serif; font-size:15px; font-weight:400; line-height: 23px; } .elem_c_header[data-id="40929958"] .contact_num { color:#111111; } .elem_c_header>.style_13 .contact_phone, .elem_c_header>.style_13 .contact_email { display: flex; flex-direction: row; flex-wrap:nowrap; align-items:top; margin-top:15px; } .elem_c_header>.style_13 .contact_txt { margin-left:15px; font-size:13px; } .elem_c_header>.style_13 .contact_txt__strong, .elem_c_header>.style_13 .contact_txt__strong a { text-decoration:none; } .elem_c_header[data-id="40929958"] .contact_txt__strong, .elem_c_header[data-id="40929958"] .contact_txt__strong a { color:; } .elem_c_header>.style_13 .contact_txt__weak { color: #727482; } .elem_c_header>.style_13 .logo { display: inline-block; text-align: left; height: 100%; } .elem_c_header>.style_13 .logo img { height: 100%; width: auto; } .elem_c_header>.style_13 .logo .img.default { display: block; } .elem_c_header>.style_13 .logo .img.active { display: none; } .elem_c_header>.style_13 .logo:hover .img.active { display: block; } .elem_c_header>.style_13 .logo:hover .img.active + .img.default { display: none; } .elem_c_header>.style_13 { font-family:'SourceSans3'; } .elem_c_header>.style_13 .logo { height: 98px; overflow: hidden; } .elem_c_header>.style_13 .wrapper { max-width: 1280px; margin: auto; padding: 0px 40px; box-sizing: border-box; position: relative; } .elem_c_header>.style_13 .contact_info { display: flex; flex-direction: row; flex-wrap:nowrap; height:61px; } /* Linia menu. */ .elem_c_header>.style_13 .main_section { height: 98px; } .elem_c_header[data-id="40929958"] .main_section { background-color:#FFFFFF; } .elem_c_header>.style_13 .main_section__wrapper { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } /* Przycisk rozwijania menu maBego ekranu. */ .elem_c_header>.style_13 .menu_btn { position: absolute; right: 30px; top: 0; height: 100%; display: none; user-select: none; color: #fff; outline: 0; cursor:pointer; } .elem_c_header>.style_13.bg_dark .menu_btn { color:rgba(255,255,255,0.9); } .elem_c_header>.style_13.bg_bright .menu_btn { color:rgba(0,0,0,0.9); } .elem_c_header>.style_13 .links { display: flex; flex-direction: row; } .elem_c_header>.style_13 .contact_link { height:51px; } .elem_c_header>.style_13 .contact_link a { min-width: 160px; height:51px; display:flex; align-items:center; justify-content:center; color:#2A3A30; text-decoration:none; } .elem_c_header>.style_13 .contact_link { position:relative; } .elem_c_header>.style_13 .contact_link a { padding-right:15px; position:relative; z-index:2; } .elem_c_header>.style_13 .contact_link svg { position: absolute; top:20px; right:20px; z-index:1; } /* Przyciski menu. */ .elem_c_header>.style_13 .btn { height:98px; margin-right:45px; color: #111111; font-size:16px; cursor:pointer; display:flex; align-items:center; } .elem_c_header>.style_13 .btn:hover > .text, .elem_c_header>.style_13 .btn.btn--active > .text { border-bottom-color: #C47A62; transition-duration: 200ms; } .elem_c_header>.style_13 .btn:hover > .text, .elem_c_header>.style_13 .btn.btn--active > .text { color: #C47A62 !important; transition-duration: 200ms; } .elem_c_header>.style_13 .btn, .elem_c_header>.style_13 .btn_sub { position: relative; } .elem_c_header>.style_13 .btn a, .elem_c_header>.style_13 .btn_sub a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .elem_c_header>.style_13 .btn_gr_sub { z-index: 100; display: block; position: absolute; top:100%; } .elem_c_header>.style_13 .btn_sub { line-height: initial; padding: 18px 40px 18px 20px; display: none; } .elem_c_header>.style_13 .btn.group:hover .btn_sub, .elem_c_header>.style_13 .btn.group:focus .btn_sub { display: block; } .elem_c_header>.style_13.bg_bright .btn_sub:hover { background: rgba(0,0,0,0.1); } .elem_c_header>.style_13.bg_dark .btn_sub:hover { background: rgba(255,255,255,0.1); } .elem_c_header>.style_13 .btn .text { /*color:#fff !important;*/ padding: 2px 0; border-bottom:2px solid transparent; } .elem_c_header>.style_13 .hamburger { display: none; } .elem_c_header>.style_13 .btn--contact_link { display:none; } .elem_c_header>.style_13 .btn_graphic { cursor: default; } .elem_c_header>.style_13 .btn_graphic .graphic { position: relative; } .elem_c_header>.style_13 .btn_graphic img { vertical-align: middle; } .elem_c_header>.style_13 .btn_graphic img.default { display: initial; } .elem_c_header>.style_13 .btn_graphic img.active { display: none; } .elem_c_header>.style_13 .btn_graphic .graphic:hover img.active { display: initial; } .elem_c_header>.style_13 .btn_graphic .graphic:hover img.default { display: none; } @media screen and (max-width: 1279px) { .elem_c_header>.style_13 .btn { margin-right:20px; } } @media screen and (max-width: 767px) { .elem_c_header>.style_13 .btn { margin-right:15px; } .elem_c_header>.style_13 .contact_info .phone { display:none; } .elem_c_header>.style_13 .wrapper { padding: 0 0 0 10px; } .elem_c_header>.style_13 .dane { margin-left:5px; padding:0 20px; } .elem_c_header>.style_13 .contact_link a { min-width:140px; } } /* Menu rozwijane. */ @media screen and (max-width: 950px) { .elem_c_header>.style_13 .btn--contact_link { display:flex; } .elem_c_header>.style_13 .contact_link { display:none; } .elem_c_header>.style_13 .btn.basic.btn_graphic.nolink { display: none; } .elem_c_header>.style_13 .menu_btn { display: flex; flex-direction: row; align-items: center; } .elem_c_header>.style_13 .hamburger:checked + .menu_btn { color: #ccc; } .elem_c_header>.style_13 .hamburger:checked ~ .links { display: block; } .elem_c_header>.style_13 .btn .bottom_margin { position: initial !important; } .elem_c_header>.style_13 .btn { height: 68px; padding:0 30px; margin:0; } .elem_c_header>.style_13 .btn .text { padding-top:12px; padding-bottom:12px !important; } .elem_c_header>.style_13 .links { position: absolute; right: 0; top: 100%; opacity: 0.9; width: 210px; display:none; background-color:#FFFFFF; padding:0; } .elem_c_header>.style_13 .links .link { width: 100%; } .elem_c_header>.style_13 .link .btn:hover .btn_sub { display: none; } .elem_c_header>.style_13 .bot_section { height: 64px; } } </style><div id="elem_c_header40929958" class="style_13 bg_bright"><div class="main_section"> <div class="wrapper main_section__wrapper"><div class="logo"> <a href="#"><img class="img default" src="/webng/_service/loader/src_load.pub.c?src_file=40929955"/></a> </div><div class="header_menu"> <input type="checkbox" class="hamburger" id="hamburger-40929958"/> <label class="menu_btn" tabIndex="0" for="hamburger-40929958"><div name="ic" class="icon" style="width:30px;height:30px;"><i class="material-icons" style="font-size:30px;">menu</i></div></label> <div class="links"><div class="btn basic btn--active"><div class="text"><a href="/home"></a>Home</div> <div class="bottom_margin acol_front_bg"></div> </div><div class="btn basic "><div class="text"><a href="/o_nas"></a>O nas</div> <div class="bottom_margin acol_front_bg"></div> </div><div class="btn basic "><div class="text"><a href="/kamienica"></a>Kamienica</div> <div class="bottom_margin acol_front_bg"></div> </div><div class="btn basic "><div class="text"><a href="/mieszkania"></a>Mieszkania</div> <div class="bottom_margin acol_front_bg"></div> </div><div class="btn basic "><div class="text"><a href="/galeria"></a>Galeria</div> <div class="bottom_margin acol_front_bg"></div> </div><div class="btn basic "><div class="text"><a href="/standard"></a>Standard</div> <div class="bottom_margin acol_front_bg"></div> </div><div class="btn basic "><div class="text"><a href="/lokalizacja"></a>Lokalizacja</div> <div class="bottom_margin acol_front_bg"></div> </div><div class="btn basic btn--contact_link "><div class="text"><a href="/kontakt"></a>Skontaktuj si</div> <div class="bottom_margin acol_front_bg"></div> </div></div></div><div class="contact_link acol_front2_bg acol_front2Dark_bg_h"> <svg xmlns="http://www.w3.org/2000/svg" width="10.698" height="10.75" viewBox="0 0 10.698 10.75"> <g transform="translate(-307.97 -561.28)"><path d="M367.667,5382.97h-1.5v-7.19h-7.095v-1.5h8.595Z" transform="translate(-49 -4813)" fill="#2A3A30"/> <path d="M.53,9.53-.53,8.47l9-9L9.53.53Z" transform="translate(308.5 562.5)" fill="#2A3A30"/></g></svg><a href="/kontakt">Skontaktuj si</a></div> </div> </div> <script> (function() { var containerEl=document.getElementById("elem_c_header40929958"), contactInfo=containerEl.getElementsByClassName("contact_info")[0], daneBtn=containerEl.getElementsByClassName("dane")[0], contactBox=containerEl.getElementsByClassName("contact_box")[0]; function onInit() { addEventHandlers(); } function addEventHandlers() { if(daneBtn != null) { daneBtn.addEventListener("click", function(evt) { if(evt.target.closest(".contact_box") != null) { return; } toggleDane(); }); } } function toggleDane() { var clsList=contactInfo.classList; if(clsList.contains("--active")) { clsList.remove("--active"); } else { clsList.add("--active"); } } onInit(); })(); </script> </div></div></div><div class="portal_box portal_box_c_1 (null)" style="(null)" data-id="40929841"><div class="box_elem elem_c_sep elem_show--always" data-id="40929845"> <style> .elem_c_sep .bg.graphical { padding: 5px 0; display: block; } .elem_c_sep .bg.line { display: block; } .elem_c_sep svg { margin: 0 auto; display: block; color: inherit; fill: currentColor; } .elem_c_sep .simple { margin: 0 auto; max-width: 1200px; } .elem_c_sep .simple.small { height: 2px; } .elem_c_sep .graphical { margin: 0 auto; background: transparent; color: rgba(0, 0, 0, .16); } .elem_c_sep .line div { margin: auto; height: 1px; } .elem_c_sep .line.small { max-width: 600px; width: 50%; } .elem_c_sep .line.medium { max-width: 1200px; width: 100%; } .elem_c_sep .line.large { width: 100%; } .elem_c_sep .space { margin: 0 auto !important; /*background: transparent !important;*/ } @media screen and (min-width: 1280px) { .elem_c_sep .simple.medium { height: 10px; } .elem_c_sep .simple.large { height: 20px; } .elem_c_sep .graphical.small svg { width: 100px; } .elem_c_sep .graphical.medium svg { width: 144px; } .elem_c_sep .graphical.large svg { width: 200px; } /* Domy[lny (minimalny) odstp dla separatora w formie linii. */ .elem_c_sep .bg.line { padding: 15px 0; } .elem_c_sep .space.small { height: 10px; } .elem_c_sep .space.medium { height: 30px; } .elem_c_sep .space.large { height: 50px; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .elem_c_sep .simple.medium { height: 5px; } .elem_c_sep .simple.large { height: 10px; } .elem_c_sep .graphical.small svg { width: 100px; } .elem_c_sep .graphical.medium svg { width: 144px; } .elem_c_sep .graphical.large svg { width: 200px } /* Domy[lny (minimalny) odstp dla separatora w formie linii. */ .elem_c_sep .bg.line { padding: 10px 0; } .elem_c_sep .space.small { height: 10px; } .elem_c_sep .space.medium { height: 20px; } .elem_c_sep .space.large { height: 30px; } } @media screen and (max-width: 767px) { .elem_c_sep .simple.medium { height: 3px; } .elem_c_sep .simple.large { height: 5px; } .elem_c_sep .graphical.small svg { width: 75px; } .elem_c_sep .graphical.medium svg { width: 100px; } .elem_c_sep .graphical.large svg { width: 144px } /* Domy[lny (minimalny) odstp dla separatora w formie linii. */ .elem_c_sep .bg.line { padding: 5px 0; } .elem_c_sep .space.small { height: 5px; } .elem_c_sep .space.medium { height: 10px; } .elem_c_sep .space.large { height: 15px; } } </style><div class="bg space"> <div class="space medium" style="margin-top:0px;margin-bottom:0px;height:98px;"></div> </div></div><div class="box_elem elem_c_banner elem_show--wide" data-id="40929855"> <style> .elem_c_banner .bg { background-position:top center; } .elem_c_banner .banner__img { background-position-x: center; background-position-y: center; background-repeat: no-repeat; position: relative; } .elem_c_banner .banner--reverted .banner__img { float: right !important; } .elem_c_banner .banner__img--full { position: absolute; width: 100%; height: 100%; } .elem_c_banner .nav { /*cursor: pointer;*/ } .elem_c_banner .banner__content { max-width: 1280px; margin: auto; width: 100%; box-sizing: border-box; padding: 0px 40px; overflow: hidden; position: relative; } .elem_c_banner .link-btn { font-family: 'Lato'; letter-spacing: 1px; font-weight: 600; font-size: 12px; position: relative; } .elem_c_banner .link-btn { transition: all 0.1s ease-in; } .elem_c_banner .link-btn:hover { color: #fff !important; } .elem_c_banner .link-btn a { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .elem_c_banner .bbcode.sharp a > div { color:#2A3A30 !important; font-size:16px; font-family:'SourceSans3'; font-weight:400; } .elem_c_banner .content__text .narrow { display:none; } .elem_c_banner .banner__img--narrow { display:none; } @media screen and (max-width: 767px) { .elem_c_banner .content__text.has_narrow .wide { display:none; } .elem_c_banner .content__text.has_narrow .narrow { display:block; } .elem_c_banner .has_narrow .banner__img--wide { display:none; } .elem_c_banner .has_narrow .banner__img--narrow { display:block; } } .elem_c_banner .banner_13 .banner__wrapper { position: relative; height: 326px; position:relative; } .elem_c_banner .banner_13 .banner__img { box-sizing: border-box; background-size: cover; } .elem_c_banner .banner_13 .banner__content { color: #fff; } .elem_c_banner .banner_13 .banner__content { height:100%; display:flex; align-items:center; } .elem_c_banner .banner_13 .content__separator { height: 2px; margin: 2px 0px; } .elem_c_banner .banner_13 .content__title { font-size: 50px; font-weight: 700; line-height: 64px; font-family:'Inter'; } .elem_c_banner .banner_13 .content__text { font-family:'Inter'; font-weight: 400; } .elem_c_banner .banner_13 .link-btn { padding: 16px 35px; display: inline-block; margin-top: 35px; font-size: 16px; font-weight: 500; font-family:'Rubik'; line-height: 19px; color:#fff; letter-spacing: 1px; cursor: pointer; } .elem_c_banner .link-btn { font-size:16px; font-family:'SourceSans3'; font-weight:400; } .elem_c_banner .link-btn { position:relative; } .elem_c_banner .link-btn span { padding-right:15px; color:#2A3A30; } .elem_c_banner .link-btn svg { position: absolute; top:20px; right:20px; } .elem_c_banner .banner_13 .link-btn:hover { opacity:0.9; } .elem_c_banner .banner_13 .banner_scroll_down { position: absolute; bottom: 20px; left:50%; margin-left:-80px; width:160px; text-align:center; color:#fff; cursor:pointer; } .elem_c_banner .banner_13 .banner_scroll_down:hover { color:#ccc; } @media screen and (min-width: 769px) and (max-width: 1280px) { .elem_c_banner .banner_13 .banner__wrapper { height: 540px; } .elem_c_banner .banner_13 .content__title { font-size: 42px; line-height: 48px; } .elem_c_banner .banner_13 .content__separator { height: 1px; margin: 2px 0px; } .elem_c_banner .banner_13 .link-btn { padding: 16px 20px; margin-top: 25px; } } @media screen and (min-width: 481px) and (max-width: 768px) { .elem_c_banner .banner_13 .banner__wrapper { height: 200px; } .elem_c_banner .banner_13 .banner__content { padding: 0px 20px; } .elem_c_banner .banner_13 .content__title { font-size: 34px; line-height: 37px; } .elem_c_banner .banner_13 .content__separator { height: 1px; margin: 2px 0px; } .elem_c_banner .banner_13 .link-btn { padding: 14px 20px; margin-top: 15px; font-size: 12px; } } @media screen and (max-width: 480px) { .elem_c_banner .banner_13 .banner__wrapper { height: 200px; } .elem_c_banner .banner_13 .banner__content { padding: 0px 5px; } .elem_c_banner .banner_13 .content__title { font-size: 24px; line-height: 27px; } .elem_c_banner .banner_13 .content__separator { height: 1px; margin: 2px 0px; } .elem_c_banner .banner_13 .link-btn { padding: 14px 20px; margin-top: 20px; font-size: 12px; } } </style><div class="banner_13 bg" style=""> <div class="banner__wrapper acol_front3Light4_bg nav has_narrow" style="background-color:#F3F3F3;min-height:727px"><div class="banner__img banner__img--full banner__img--wide" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40934910')"></div><div class="banner__img banner__img--full banner__img--narrow" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40929852')"></div><div class="banner__content content"><div class="content__limiter" style="max-width:900px"> <div class="content__text label bbcode sharp has_narrow" > <div class="wide"><div style="font-family:'Inter'"><span style="font-size:64px;" class="acol_front3">{yj rytmem miasta<br>- |yj kolorowo!</span><span style="font-size:64px;" class="acol_front2"><br>Gwarna8</span><br><br><div style="line-height:24px"><span style="font-size:18px;"><br>{yj w centrum miasta i czerp z jego atrakcji. Potrzebujesz wytchnienia?<br>Gwarna 8 pozwoli naBadowa akumulatory by nastpnego dnia<br>znowu ruszy w miasto!</span></div></div></div><div class="narrow"><div style="text-align:left;margin:0px 15px 0px 15px;"><div style="font-family:'Inter'"><span style="font-size:24px;color:#CECCBF;">{yj rytmem miasta -</span><span style="font-size:24px;color:#D1B293;"><br>Rezydencja Garbary</span><br><br><div style="line-height:20px"><span style="font-size:15px;"><br>{yj w centrum miasta i czerp z jego atrakcji. Potrzebujesz wytchnienia?<br>Rezydencja Garbary pozwoli naBadowa akumulatory by nastpnego dnia<br>znowu ruszy w miasto!</span></div></div><br><br></div></div> </div><div class="link-btn "style="background-color:#C47A62;border-color:#C47A62"><a href="/kontakt"></a> <svg xmlns="http://www.w3.org/2000/svg" width="10.698" height="10.75" viewBox="0 0 10.698 10.75"> <g transform="translate(-307.97 -561.28)"><path d="M367.667,5382.97h-1.5v-7.19h-7.095v-1.5h8.595Z" transform="translate(-49 -4813)" fill="#2A3A30"/> <path d="M.53,9.53-.53,8.47l9-9L9.53.53Z" transform="translate(308.5 562.5)" fill="#2A3A30"/></g></svg><span>Dowiedz si wicej</span> </div></div> </div></div></div> <script> (function() { var containerEl=document.querySelector(".elem_c_banner[data-id='40929855']"), scrollDownBtn=containerEl.querySelector(".banner_scroll_down"); function onInit() { addEventHandlers(); } function addEventHandlers() { if(!!scrollDownBtn) { scrollDownBtn.addEventListener("click",scrollDown); } } function scrollDown() { if(!!containerEl.nextSibling) { portal.scrollToBoxElem(containerEl.nextSibling.dataset.id); } } onInit(); })(); </script></div><div class="box_elem elem_c_banner elem_show--narrow" data-id="40935258"> <style> .elem_c_banner .bg { background-position:top center; } .elem_c_banner .banner__img { background-position-x: center; background-position-y: center; background-repeat: no-repeat; position: relative; } .elem_c_banner .banner--reverted .banner__img { float: right !important; } .elem_c_banner .banner__img--full { position: absolute; width: 100%; height: 100%; } .elem_c_banner .nav { /*cursor: pointer;*/ } .elem_c_banner .banner__content { max-width: 1280px; margin: auto; width: 100%; box-sizing: border-box; padding: 0px 40px; overflow: hidden; position: relative; } .elem_c_banner .link-btn { font-family: 'Lato'; letter-spacing: 1px; font-weight: 600; font-size: 12px; position: relative; } .elem_c_banner .link-btn { transition: all 0.1s ease-in; } .elem_c_banner .link-btn:hover { color: #fff !important; } .elem_c_banner .link-btn a { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .elem_c_banner .bbcode.sharp a > div { color:#2A3A30 !important; font-size:16px; font-family:'SourceSans3'; font-weight:400; } .elem_c_banner .content__text .narrow { display:none; } .elem_c_banner .banner__img--narrow { display:none; } @media screen and (max-width: 767px) { .elem_c_banner .content__text.has_narrow .wide { display:none; } .elem_c_banner .content__text.has_narrow .narrow { display:block; } .elem_c_banner .has_narrow .banner__img--wide { display:none; } .elem_c_banner .has_narrow .banner__img--narrow { display:block; } } .elem_c_banner .banner_1 .banner__wrapper { position: relative; height: 766px; } .elem_c_banner .banner_1 .banner__img { box-sizing: border-box; background-size: cover; } .elem_c_banner .banner_1 .banner__content { color: #fff; } .elem_c_banner .banner_1 .content__separator { height: 2px; margin: 23px 0px; } .elem_c_banner .banner_1 .content__title { margin-top: 280px; font-size: 60px; font-weight: 800; line-height: 64px; font-family: 'Lato'; } .elem_c_banner .banner_1 .content__text { font-family: 'Lato'; font-size: 24px; line-height: 34px; } .elem_c_banner .banner_1 .link-btn { padding: 22px 40px; display: inline-block; border-width: 2px; border-style: solid; margin-top: 35px; font-size: 12px; font-weight: 600; border-radius: 3px; letter-spacing: 1px; cursor: pointer; } /* Przezroczysto[c, gdy nie hover. */ .elem_c_banner .banner_1 .link-btn:not(:hover) { color:#ffffff !important; background: transparent !important; border-color: #ffffff !important; } @media screen and (min-width: 769px) and (max-width: 1280px) { .elem_c_banner .banner_1 .banner__wrapper { height: 540px; } .elem_c_banner .banner_1 .content__title { margin-top: 200px; font-size: 45px; line-height: 48px; } .elem_c_banner .banner_1 .content__separator { height: 1px; margin: 15px 0px; } .elem_c_banner .banner_1 .content__text { font-size: 18px; line-height: 24px; } .elem_c_banner .banner_1 .link-btn { padding: 18px 40px; margin-top: 25px; } } @media screen and (min-width: 481px) and (max-width: 768px) { .elem_c_banner .banner_1 .banner__wrapper { height: 383px; } .elem_c_banner .banner_1 .banner__content { padding: 0px 20px; } .elem_c_banner .banner_1 .content__title { margin-top: 140px; font-size: 34px; line-height: 37px; } .elem_c_banner .banner_1 .content__separator { height: 1px; margin: 10px 0px; } .elem_c_banner .banner_1 .content__text { font-size: 14px; line-height: 24px; } .elem_c_banner .banner_1 .link-btn { padding: 12px 40px; margin-top: 15px; font-size: 11px; } } @media screen and (max-width: 480px) { .elem_c_banner .banner_1 .banner__wrapper { height: 383px; } .elem_c_banner .banner_1 .banner__content { padding: 0px 5px; } .elem_c_banner .banner_1 .content__title { margin-top: 80px; font-size: 24px; line-height: 27px; } .elem_c_banner .banner_1 .content__separator { height: 1px; margin: 10px 0px; } .elem_c_banner .banner_1 .content__text { font-size: 13px; line-height: 18px; } .elem_c_banner .banner_1 .link-btn { padding: 14px 20px; margin-top: 20px; font-size: 10px; } } </style><div class="banner_1 bg" style=""> <div class="banner__wrapper acol_front3Light4_bg " style="background-color:;min-height:383px"><div class="banner__img banner__img--full banner__img--wide" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40935259')"></div><div class="banner__img banner__img--full banner__img--narrow" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=-1')"></div><div class="banner__content content"><div class="content__limiter" style="max-width:500px"> <div class="content__text label bbcode standard " style="color:#fff"> <div class="wide"><div style="text-align:left;margin:50px 15px 0px 15px;"><div style="font-family:'Inter'"><div style="line-height:32px"><span style="font-size:40px;" class="acol_front3">{yj rytmem miasta - |yj kolorowo!</span><span style="font-size:40px;" class="acol_front2"><br>Gwarna 8</span></div><br><div style="line-height:18px"><span style="font-size:20px;"><br>{yj w centrum miasta i czerp z jego atrakcji. Potrzebujesz wytchnienia?<br>Gwarna 8 pozwoli naBadowa akumulatory by nastpnego dnia<br>znowu ruszy w miasto!</span></div></div><br><br></div></div><div class="narrow"></div> </div></div> </div></div></div> <script> (function() { var containerEl=document.querySelector(".elem_c_banner[data-id='40935258']"), scrollDownBtn=containerEl.querySelector(".banner_scroll_down"); function onInit() { addEventHandlers(); } function addEventHandlers() { if(!!scrollDownBtn) { scrollDownBtn.addEventListener("click",scrollDown); } } function scrollDown() { if(!!containerEl.nextSibling) { portal.scrollToBoxElem(containerEl.nextSibling.dataset.id); } } onInit(); })(); </script></div><div class="box_elem elem_c_img elem_show--narrow" data-id="40929871"> <style> .elem_c_img { max-width: 1200px; margin: auto; } .elem_c_img .container-img { display: block; width: 100%; height: 100%; margin: auto; position: relative; } .elem_c_img .container-img .img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-repeat: no-repeat !important; } .elem_c_img .container-img .img.default { opacity: 1; display: block; } .elem_c_img .container-img .img.active { display: none; opacity: 0; } .elem_c_img .container-img:hover .img.active { opacity: 1; display: block; } .elem_c_img .container-img:hover .img.active + .img.default { opacity: 0; display: none; } .elem_c_img .container-img.resize-type-1 .img {} .elem_c_img .container-img.resize-type-2 .img { width:100%; background-size: contain !important; background-position: center !important; } .elem_c_img .container-img.resize-type-3 .img { width:100%; background-size: 100% 100% !important; } .elem_c_img .container-img.resize-type-4 .img { width:100%; background-position: center !important; background-size: cover !important; } .elem_c_img img { max-width:1200px; margin:auto; } </style><div class="container-img resize-type-4" style="min-height:360px;"><div class="default img" style="background:url('/webng/_service/loader/src_load.pub.c?src_file=40935237')"></div></div></div><div class="box_elem elem_c_txt elem_show--wide" data-id="40929875"> <style> .elem_c_txt .bg { width:100%; background-position:top center; } .elem_c_txt .wrap { color:#222; display:block; max-width:1080px; margin:auto; box-sizing:border-box; padding:10px 40px; } .elem_c_txt .bbcode.sharp a > div { color:#2A3A30 !important; font-size:16px; font-family:'SourceSans3'; font-weight:400; } .elem_c_txt .bbcode { overflow:hidden; } @media screen and (min-width: 481px) and (max-width: 768px) { .elem_c_txt .wrap{ padding:1px 20px; } } @media screen and (max-width: 480px) { .elem_c_txt .wrap{ padding:1px 5px; } } </style><div class="bg standard" style="background-color:;min-height:0px"> <div class="wrap" style="color:"> <div class="label bbcode standard" style=""><div style="text-align:left;margin:50px 250px 50px 0px;"><span style="font-size:40px;color:#112618;">Gwarna 8 to butikowa, zabytkowa kamienica </span><span style="text-decoration:underline;font-size:40px;color:#112618;">w centrum Poznania</span><span style="font-size:40px;color:#112618;">. Przywracamy jej dawny blask, tworzc miejsce dla wyjtkowych mieszkaDcw cenicych styl i jako[! </span></div></div> </div> </div></div><div class="box_elem elem_c_txt elem_show--narrow" data-id="40929879"> <style> .elem_c_txt .bg { width:100%; background-position:top center; } .elem_c_txt .wrap { color:#222; display:block; max-width:1080px; margin:auto; box-sizing:border-box; padding:10px 40px; } .elem_c_txt .bbcode.sharp a > div { color:#2A3A30 !important; font-size:16px; font-family:'SourceSans3'; font-weight:400; } .elem_c_txt .bbcode { overflow:hidden; } @media screen and (min-width: 481px) and (max-width: 768px) { .elem_c_txt .wrap{ padding:1px 20px; } } @media screen and (max-width: 480px) { .elem_c_txt .wrap{ padding:1px 5px; } } </style><div class="bg standard" style="background-color:;min-height:0px"> <div class="wrap" style="color:"> <div class="label bbcode standard" style=""><div style="text-align:left;margin:50px 15px 20px 15px;"><span style="font-size:24px;color:#112618;">Gwarna 8 to butikowa, zabytkowa kamienica </span><span style="text-decoration:underline;font-size:24px;color:#112618;">w centrum Poznania</span><span style="font-size:24px;color:#112618;">. Przywracamy jej dawny blask,<br>tworzc miejsce dla wyjtkowych mieszkaDcw cenicych styl i jako[! </span></div></div> </div> </div></div><div class="box_elem elem_c_banner elem_show--wide" data-id="40929887"> <style> .elem_c_banner .bg { background-position:top center; } .elem_c_banner .banner__img { background-position-x: center; background-position-y: center; background-repeat: no-repeat; position: relative; } .elem_c_banner .banner--reverted .banner__img { float: right !important; } .elem_c_banner .banner__img--full { position: absolute; width: 100%; height: 100%; } .elem_c_banner .nav { /*cursor: pointer;*/ } .elem_c_banner .banner__content { max-width: 1280px; margin: auto; width: 100%; box-sizing: border-box; padding: 0px 40px; overflow: hidden; position: relative; } .elem_c_banner .link-btn { font-family: 'Lato'; letter-spacing: 1px; font-weight: 600; font-size: 12px; position: relative; } .elem_c_banner .link-btn { transition: all 0.1s ease-in; } .elem_c_banner .link-btn:hover { color: #fff !important; } .elem_c_banner .link-btn a { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .elem_c_banner .bbcode.sharp a > div { color:#2A3A30 !important; font-size:16px; font-family:'SourceSans3'; font-weight:400; } .elem_c_banner .content__text .narrow { display:none; } .elem_c_banner .banner__img--narrow { display:none; } @media screen and (max-width: 767px) { .elem_c_banner .content__text.has_narrow .wide { display:none; } .elem_c_banner .content__text.has_narrow .narrow { display:block; } .elem_c_banner .has_narrow .banner__img--wide { display:none; } .elem_c_banner .has_narrow .banner__img--narrow { display:block; } } .elem_c_banner .banner_1 .banner__wrapper { position: relative; height: 766px; } .elem_c_banner .banner_1 .banner__img { box-sizing: border-box; background-size: cover; } .elem_c_banner .banner_1 .banner__content { color: #fff; } .elem_c_banner .banner_1 .content__separator { height: 2px; margin: 23px 0px; } .elem_c_banner .banner_1 .content__title { margin-top: 280px; font-size: 60px; font-weight: 800; line-height: 64px; font-family: 'Lato'; } .elem_c_banner .banner_1 .content__text { font-family: 'Lato'; font-size: 24px; line-height: 34px; } .elem_c_banner .banner_1 .link-btn { padding: 22px 40px; display: inline-block; border-width: 2px; border-style: solid; margin-top: 35px; font-size: 12px; font-weight: 600; border-radius: 3px; letter-spacing: 1px; cursor: pointer; } /* Przezroczysto[c, gdy nie hover. */ .elem_c_banner .banner_1 .link-btn:not(:hover) { color:#ffffff !important; background: transparent !important; border-color: #ffffff !important; } @media screen and (min-width: 769px) and (max-width: 1280px) { .elem_c_banner .banner_1 .banner__wrapper { height: 540px; } .elem_c_banner .banner_1 .content__title { margin-top: 200px; font-size: 45px; line-height: 48px; } .elem_c_banner .banner_1 .content__separator { height: 1px; margin: 15px 0px; } .elem_c_banner .banner_1 .content__text { font-size: 18px; line-height: 24px; } .elem_c_banner .banner_1 .link-btn { padding: 18px 40px; margin-top: 25px; } } @media screen and (min-width: 481px) and (max-width: 768px) { .elem_c_banner .banner_1 .banner__wrapper { height: 383px; } .elem_c_banner .banner_1 .banner__content { padding: 0px 20px; } .elem_c_banner .banner_1 .content__title { margin-top: 140px; font-size: 34px; line-height: 37px; } .elem_c_banner .banner_1 .content__separator { height: 1px; margin: 10px 0px; } .elem_c_banner .banner_1 .content__text { font-size: 14px; line-height: 24px; } .elem_c_banner .banner_1 .link-btn { padding: 12px 40px; margin-top: 15px; font-size: 11px; } } @media screen and (max-width: 480px) { .elem_c_banner .banner_1 .banner__wrapper { height: 383px; } .elem_c_banner .banner_1 .banner__content { padding: 0px 5px; } .elem_c_banner .banner_1 .content__title { margin-top: 80px; font-size: 24px; line-height: 27px; } .elem_c_banner .banner_1 .content__separator { height: 1px; margin: 10px 0px; } .elem_c_banner .banner_1 .content__text { font-size: 13px; line-height: 18px; } .elem_c_banner .banner_1 .link-btn { padding: 14px 20px; margin-top: 20px; font-size: 10px; } } </style><div class="banner_1 bg" style=""> <div class="banner__wrapper acol_front3Light4_bg has_narrow" style="background-color:;min-height:814px"><div class="banner__img banner__img--full banner__img--wide" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40934932')"></div><div class="banner__img banner__img--full banner__img--narrow" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40929884')"></div><div class="banner__content content"><div class="content__limiter" style="max-width:600px"> <div class="content__text label bbcode standard has_narrow" style="color:#fff"> <div class="wide"><div style="text-align:left;margin:20px 0px 0px 0px;"><span style="font-size:20px;color:#112618;">Kamienica pod numerem smym to butikowy budynek, w ktrym znajdzie si tylko 25 mieszkaD. W[rd nich typowo kamieniczne, wysokie wntrza z du|ymi oknami, ale te| bardzo atrakcyjne aran|acyjnie apartamenty dwupoziomowe. W mieszkaniach w oficynie pojawi si balkony i tarasy.<br><br>Powstanie eleganckie, reprezentacyjne wej[cie, a nieskromnie przyznamy - wiemy, jak wa|ne jest by od progu zachwyca! (Zajrzyjcie do naszej siedziby, w Kamienicy Wicherkiewiczw przy Zw. Marcinie 11).</span></div></div><div class="narrow"><div style="text-align:left;margin:20px 0px 0px 0px;"><span style="font-size:20px;color:#112618;">Kamienica pod numerem smym to butikowy budynek, w ktrym znajdzie si tylko 25 mieszkaD. W[rd nich typowo kamieniczne, wysokie wntrza z du|ymi oknami, ale te| bardzo atrakcyjne aran|acyjnie apartamenty dwupoziomowe. W mieszkaniach w oficynie pojawi si balkony i tarasy.<br>Powstanie eleganckie, reprezentacyjne wej[cie, a nieskromnie przyznamy - wiemy, jak wa|ne jest by od progu zachwyca! (Zajrzyjcie do naszej siedziby, w Kamienicy Wicherkiewiczw przy Zw. Marcinie 11).</span></div></div> </div></div> </div></div></div> <script> (function() { var containerEl=document.querySelector(".elem_c_banner[data-id='40929887']"), scrollDownBtn=containerEl.querySelector(".banner_scroll_down"); function onInit() { addEventHandlers(); } function addEventHandlers() { if(!!scrollDownBtn) { scrollDownBtn.addEventListener("click",scrollDown); } } function scrollDown() { if(!!containerEl.nextSibling) { portal.scrollToBoxElem(containerEl.nextSibling.dataset.id); } } onInit(); })(); </script></div><div class="box_elem elem_c_txt elem_show--narrow" data-id="40935254"> <style> .elem_c_txt .bg { width:100%; background-position:top center; } .elem_c_txt .wrap { color:#222; display:block; max-width:1080px; margin:auto; box-sizing:border-box; padding:10px 40px; } .elem_c_txt .bbcode.sharp a > div { color:#2A3A30 !important; font-size:16px; font-family:'SourceSans3'; font-weight:400; } .elem_c_txt .bbcode { overflow:hidden; } @media screen and (min-width: 481px) and (max-width: 768px) { .elem_c_txt .wrap{ padding:1px 20px; } } @media screen and (max-width: 480px) { .elem_c_txt .wrap{ padding:1px 5px; } } </style><div class="bg standard" style="background-color:;min-height:0px"> <div class="wrap" style="color:"> <div class="label bbcode standard" style=""><div style="text-align:left;margin:0px 15px 30px 15px;"><span style="font-size:20px;color:#112618;"><br>Kamienica pod numerem smym to butikowy budynek, w ktrym znajdzie si tylko 25 mieszkaD. W[rd nich typowo kamieniczne, wysokie wntrza z du|ymi oknami, ale te| bardzo atrakcyjne aran|acyjnie apartamenty dwupoziomowe. W mieszkaniach w oficynie pojawi si balkony i tarasy.<br><br>Powstanie eleganckie, reprezentacyjne wej[cie, a nieskromnie przyznamy - wiemy, jak wa|ne jest by od progu zachwyca! (Zajrzyjcie do naszej siedziby, w Kamienicy Wicherkiewiczw przy Zw. Marcinie 11). </span></div></div> </div> </div></div><div class="box_elem elem_c_banner elem_show--narrow" data-id="40935264"> <style> .elem_c_banner .bg { background-position:top center; } .elem_c_banner .banner__img { background-position-x: center; background-position-y: center; background-repeat: no-repeat; position: relative; } .elem_c_banner .banner--reverted .banner__img { float: right !important; } .elem_c_banner .banner__img--full { position: absolute; width: 100%; height: 100%; } .elem_c_banner .nav { /*cursor: pointer;*/ } .elem_c_banner .banner__content { max-width: 1280px; margin: auto; width: 100%; box-sizing: border-box; padding: 0px 40px; overflow: hidden; position: relative; } .elem_c_banner .link-btn { font-family: 'Lato'; letter-spacing: 1px; font-weight: 600; font-size: 12px; position: relative; } .elem_c_banner .link-btn { transition: all 0.1s ease-in; } .elem_c_banner .link-btn:hover { color: #fff !important; } .elem_c_banner .link-btn a { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .elem_c_banner .bbcode.sharp a > div { color:#2A3A30 !important; font-size:16px; font-family:'SourceSans3'; font-weight:400; } .elem_c_banner .content__text .narrow { display:none; } .elem_c_banner .banner__img--narrow { display:none; } @media screen and (max-width: 767px) { .elem_c_banner .content__text.has_narrow .wide { display:none; } .elem_c_banner .content__text.has_narrow .narrow { display:block; } .elem_c_banner .has_narrow .banner__img--wide { display:none; } .elem_c_banner .has_narrow .banner__img--narrow { display:block; } } .elem_c_banner .banner_1 .banner__wrapper { position: relative; height: 766px; } .elem_c_banner .banner_1 .banner__img { box-sizing: border-box; background-size: cover; } .elem_c_banner .banner_1 .banner__content { color: #fff; } .elem_c_banner .banner_1 .content__separator { height: 2px; margin: 23px 0px; } .elem_c_banner .banner_1 .content__title { margin-top: 280px; font-size: 60px; font-weight: 800; line-height: 64px; font-family: 'Lato'; } .elem_c_banner .banner_1 .content__text { font-family: 'Lato'; font-size: 24px; line-height: 34px; } .elem_c_banner .banner_1 .link-btn { padding: 22px 40px; display: inline-block; border-width: 2px; border-style: solid; margin-top: 35px; font-size: 12px; font-weight: 600; border-radius: 3px; letter-spacing: 1px; cursor: pointer; } /* Przezroczysto[c, gdy nie hover. */ .elem_c_banner .banner_1 .link-btn:not(:hover) { color:#ffffff !important; background: transparent !important; border-color: #ffffff !important; } @media screen and (min-width: 769px) and (max-width: 1280px) { .elem_c_banner .banner_1 .banner__wrapper { height: 540px; } .elem_c_banner .banner_1 .content__title { margin-top: 200px; font-size: 45px; line-height: 48px; } .elem_c_banner .banner_1 .content__separator { height: 1px; margin: 15px 0px; } .elem_c_banner .banner_1 .content__text { font-size: 18px; line-height: 24px; } .elem_c_banner .banner_1 .link-btn { padding: 18px 40px; margin-top: 25px; } } @media screen and (min-width: 481px) and (max-width: 768px) { .elem_c_banner .banner_1 .banner__wrapper { height: 383px; } .elem_c_banner .banner_1 .banner__content { padding: 0px 20px; } .elem_c_banner .banner_1 .content__title { margin-top: 140px; font-size: 34px; line-height: 37px; } .elem_c_banner .banner_1 .content__separator { height: 1px; margin: 10px 0px; } .elem_c_banner .banner_1 .content__text { font-size: 14px; line-height: 24px; } .elem_c_banner .banner_1 .link-btn { padding: 12px 40px; margin-top: 15px; font-size: 11px; } } @media screen and (max-width: 480px) { .elem_c_banner .banner_1 .banner__wrapper { height: 383px; } .elem_c_banner .banner_1 .banner__content { padding: 0px 5px; } .elem_c_banner .banner_1 .content__title { margin-top: 80px; font-size: 24px; line-height: 27px; } .elem_c_banner .banner_1 .content__separator { height: 1px; margin: 10px 0px; } .elem_c_banner .banner_1 .content__text { font-size: 13px; line-height: 18px; } .elem_c_banner .banner_1 .link-btn { padding: 14px 20px; margin-top: 20px; font-size: 10px; } } </style><div class="banner_1 bg" style=""> <div class="banner__wrapper acol_front3Light4_bg " style="background-color:;min-height:383px"><div class="banner__img banner__img--full banner__img--wide" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40935269')"></div><div class="banner__img banner__img--full banner__img--narrow" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=-1')"></div><div class="banner__content content"><div class="content__limiter" style="max-width:500px"> <div class="content__text label bbcode standard " style="color:#fff"> <div class="wide"></div><div class="narrow"></div> </div></div> </div></div></div> <script> (function() { var containerEl=document.querySelector(".elem_c_banner[data-id='40935264']"), scrollDownBtn=containerEl.querySelector(".banner_scroll_down"); function onInit() { addEventHandlers(); } function addEventHandlers() { if(!!scrollDownBtn) { scrollDownBtn.addEventListener("click",scrollDown); } } function scrollDown() { if(!!containerEl.nextSibling) { portal.scrollToBoxElem(containerEl.nextSibling.dataset.id); } } onInit(); })(); </script></div><div class="box_elem elem_c_sep elem_show--wide" data-id="40934937"> <style> .elem_c_sep .bg.graphical { padding: 5px 0; display: block; } .elem_c_sep .bg.line { display: block; } .elem_c_sep svg { margin: 0 auto; display: block; color: inherit; fill: currentColor; } .elem_c_sep .simple { margin: 0 auto; max-width: 1200px; } .elem_c_sep .simple.small { height: 2px; } .elem_c_sep .graphical { margin: 0 auto; background: transparent; color: rgba(0, 0, 0, .16); } .elem_c_sep .line div { margin: auto; height: 1px; } .elem_c_sep .line.small { max-width: 600px; width: 50%; } .elem_c_sep .line.medium { max-width: 1200px; width: 100%; } .elem_c_sep .line.large { width: 100%; } .elem_c_sep .space { margin: 0 auto !important; /*background: transparent !important;*/ } @media screen and (min-width: 1280px) { .elem_c_sep .simple.medium { height: 10px; } .elem_c_sep .simple.large { height: 20px; } .elem_c_sep .graphical.small svg { width: 100px; } .elem_c_sep .graphical.medium svg { width: 144px; } .elem_c_sep .graphical.large svg { width: 200px; } /* Domy[lny (minimalny) odstp dla separatora w formie linii. */ .elem_c_sep .bg.line { padding: 15px 0; } .elem_c_sep .space.small { height: 10px; } .elem_c_sep .space.medium { height: 30px; } .elem_c_sep .space.large { height: 50px; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .elem_c_sep .simple.medium { height: 5px; } .elem_c_sep .simple.large { height: 10px; } .elem_c_sep .graphical.small svg { width: 100px; } .elem_c_sep .graphical.medium svg { width: 144px; } .elem_c_sep .graphical.large svg { width: 200px } /* Domy[lny (minimalny) odstp dla separatora w formie linii. */ .elem_c_sep .bg.line { padding: 10px 0; } .elem_c_sep .space.small { height: 10px; } .elem_c_sep .space.medium { height: 20px; } .elem_c_sep .space.large { height: 30px; } } @media screen and (max-width: 767px) { .elem_c_sep .simple.medium { height: 3px; } .elem_c_sep .simple.large { height: 5px; } .elem_c_sep .graphical.small svg { width: 75px; } .elem_c_sep .graphical.medium svg { width: 100px; } .elem_c_sep .graphical.large svg { width: 144px } /* Domy[lny (minimalny) odstp dla separatora w formie linii. */ .elem_c_sep .bg.line { padding: 5px 0; } .elem_c_sep .space.small { height: 5px; } .elem_c_sep .space.medium { height: 10px; } .elem_c_sep .space.large { height: 15px; } } </style><div class="bg space"> <div class="space small" style="margin-top:0px;margin-bottom:0px;height:104px;"></div> </div></div><div class="box_elem elem_c_sep elem_show--narrow" data-id="40935274"> <style> .elem_c_sep .bg.graphical { padding: 5px 0; display: block; } .elem_c_sep .bg.line { display: block; } .elem_c_sep svg { margin: 0 auto; display: block; color: inherit; fill: currentColor; } .elem_c_sep .simple { margin: 0 auto; max-width: 1200px; } .elem_c_sep .simple.small { height: 2px; } .elem_c_sep .graphical { margin: 0 auto; background: transparent; color: rgba(0, 0, 0, .16); } .elem_c_sep .line div { margin: auto; height: 1px; } .elem_c_sep .line.small { max-width: 600px; width: 50%; } .elem_c_sep .line.medium { max-width: 1200px; width: 100%; } .elem_c_sep .line.large { width: 100%; } .elem_c_sep .space { margin: 0 auto !important; /*background: transparent !important;*/ } @media screen and (min-width: 1280px) { .elem_c_sep .simple.medium { height: 10px; } .elem_c_sep .simple.large { height: 20px; } .elem_c_sep .graphical.small svg { width: 100px; } .elem_c_sep .graphical.medium svg { width: 144px; } .elem_c_sep .graphical.large svg { width: 200px; } /* Domy[lny (minimalny) odstp dla separatora w formie linii. */ .elem_c_sep .bg.line { padding: 15px 0; } .elem_c_sep .space.small { height: 10px; } .elem_c_sep .space.medium { height: 30px; } .elem_c_sep .space.large { height: 50px; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .elem_c_sep .simple.medium { height: 5px; } .elem_c_sep .simple.large { height: 10px; } .elem_c_sep .graphical.small svg { width: 100px; } .elem_c_sep .graphical.medium svg { width: 144px; } .elem_c_sep .graphical.large svg { width: 200px } /* Domy[lny (minimalny) odstp dla separatora w formie linii. */ .elem_c_sep .bg.line { padding: 10px 0; } .elem_c_sep .space.small { height: 10px; } .elem_c_sep .space.medium { height: 20px; } .elem_c_sep .space.large { height: 30px; } } @media screen and (max-width: 767px) { .elem_c_sep .simple.medium { height: 3px; } .elem_c_sep .simple.large { height: 5px; } .elem_c_sep .graphical.small svg { width: 75px; } .elem_c_sep .graphical.medium svg { width: 100px; } .elem_c_sep .graphical.large svg { width: 144px } /* Domy[lny (minimalny) odstp dla separatora w formie linii. */ .elem_c_sep .bg.line { padding: 5px 0; } .elem_c_sep .space.small { height: 5px; } .elem_c_sep .space.medium { height: 10px; } .elem_c_sep .space.large { height: 15px; } } </style><div class="bg space"> <div class="space small" style="margin-top:0px;margin-bottom:0px;height:16px;"></div> </div></div><div class="box_elem elem_c_banner elem_show--wide" data-id="40934941"> <style> .elem_c_banner .bg { background-position:top center; } .elem_c_banner .banner__img { background-position-x: center; background-position-y: center; background-repeat: no-repeat; position: relative; } .elem_c_banner .banner--reverted .banner__img { float: right !important; } .elem_c_banner .banner__img--full { position: absolute; width: 100%; height: 100%; } .elem_c_banner .nav { /*cursor: pointer;*/ } .elem_c_banner .banner__content { max-width: 1280px; margin: auto; width: 100%; box-sizing: border-box; padding: 0px 40px; overflow: hidden; position: relative; } .elem_c_banner .link-btn { font-family: 'Lato'; letter-spacing: 1px; font-weight: 600; font-size: 12px; position: relative; } .elem_c_banner .link-btn { transition: all 0.1s ease-in; } .elem_c_banner .link-btn:hover { color: #fff !important; } .elem_c_banner .link-btn a { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .elem_c_banner .bbcode.sharp a > div { color:#2A3A30 !important; font-size:16px; font-family:'SourceSans3'; font-weight:400; } .elem_c_banner .content__text .narrow { display:none; } .elem_c_banner .banner__img--narrow { display:none; } @media screen and (max-width: 767px) { .elem_c_banner .content__text.has_narrow .wide { display:none; } .elem_c_banner .content__text.has_narrow .narrow { display:block; } .elem_c_banner .has_narrow .banner__img--wide { display:none; } .elem_c_banner .has_narrow .banner__img--narrow { display:block; } } .elem_c_banner .banner_13 .banner__wrapper { position: relative; height: 326px; position:relative; } .elem_c_banner .banner_13 .banner__img { box-sizing: border-box; background-size: cover; } .elem_c_banner .banner_13 .banner__content { color: #fff; } .elem_c_banner .banner_13 .banner__content { height:100%; display:flex; align-items:center; } .elem_c_banner .banner_13 .content__separator { height: 2px; margin: 2px 0px; } .elem_c_banner .banner_13 .content__title { font-size: 50px; font-weight: 700; line-height: 64px; font-family:'Inter'; } .elem_c_banner .banner_13 .content__text { font-family:'Inter'; font-weight: 400; } .elem_c_banner .banner_13 .link-btn { padding: 16px 35px; display: inline-block; margin-top: 35px; font-size: 16px; font-weight: 500; font-family:'Rubik'; line-height: 19px; color:#fff; letter-spacing: 1px; cursor: pointer; } .elem_c_banner .link-btn { font-size:16px; font-family:'SourceSans3'; font-weight:400; } .elem_c_banner .link-btn { position:relative; } .elem_c_banner .link-btn span { padding-right:15px; color:#2A3A30; } .elem_c_banner .link-btn svg { position: absolute; top:20px; right:20px; } .elem_c_banner .banner_13 .link-btn:hover { opacity:0.9; } .elem_c_banner .banner_13 .banner_scroll_down { position: absolute; bottom: 20px; left:50%; margin-left:-80px; width:160px; text-align:center; color:#fff; cursor:pointer; } .elem_c_banner .banner_13 .banner_scroll_down:hover { color:#ccc; } @media screen and (min-width: 769px) and (max-width: 1280px) { .elem_c_banner .banner_13 .banner__wrapper { height: 540px; } .elem_c_banner .banner_13 .content__title { font-size: 42px; line-height: 48px; } .elem_c_banner .banner_13 .content__separator { height: 1px; margin: 2px 0px; } .elem_c_banner .banner_13 .link-btn { padding: 16px 20px; margin-top: 25px; } } @media screen and (min-width: 481px) and (max-width: 768px) { .elem_c_banner .banner_13 .banner__wrapper { height: 200px; } .elem_c_banner .banner_13 .banner__content { padding: 0px 20px; } .elem_c_banner .banner_13 .content__title { font-size: 34px; line-height: 37px; } .elem_c_banner .banner_13 .content__separator { height: 1px; margin: 2px 0px; } .elem_c_banner .banner_13 .link-btn { padding: 14px 20px; margin-top: 15px; font-size: 12px; } } @media screen and (max-width: 480px) { .elem_c_banner .banner_13 .banner__wrapper { height: 200px; } .elem_c_banner .banner_13 .banner__content { padding: 0px 5px; } .elem_c_banner .banner_13 .content__title { font-size: 24px; line-height: 27px; } .elem_c_banner .banner_13 .content__separator { height: 1px; margin: 2px 0px; } .elem_c_banner .banner_13 .link-btn { padding: 14px 20px; margin-top: 20px; font-size: 12px; } } </style><div class="banner_13 bg" style=""> <div class="banner__wrapper acol_front3Light4_bg " style="background-color:;min-height:825px"><div class="banner__img banner__img--full banner__img--wide" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40934942')"></div><div class="banner__img banner__img--full banner__img--narrow" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=-1')"></div><div class="banner__content content"><div class="content__limiter" style="max-width:1px"> <div class="content__text label bbcode sharp " > <div class="wide"></div><div class="narrow"></div> </div></div> </div></div></div> <script> (function() { var containerEl=document.querySelector(".elem_c_banner[data-id='40934941']"), scrollDownBtn=containerEl.querySelector(".banner_scroll_down"); function onInit() { addEventHandlers(); } function addEventHandlers() { if(!!scrollDownBtn) { scrollDownBtn.addEventListener("click",scrollDown); } } function scrollDown() { if(!!containerEl.nextSibling) { portal.scrollToBoxElem(containerEl.nextSibling.dataset.id); } } onInit(); })(); </script></div><div class="box_elem elem_c_banner elem_show--narrow" data-id="40935283"> <style> .elem_c_banner .bg { background-position:top center; } .elem_c_banner .banner__img { background-position-x: center; background-position-y: center; background-repeat: no-repeat; position: relative; } .elem_c_banner .banner--reverted .banner__img { float: right !important; } .elem_c_banner .banner__img--full { position: absolute; width: 100%; height: 100%; } .elem_c_banner .nav { /*cursor: pointer;*/ } .elem_c_banner .banner__content { max-width: 1280px; margin: auto; width: 100%; box-sizing: border-box; padding: 0px 40px; overflow: hidden; position: relative; } .elem_c_banner .link-btn { font-family: 'Lato'; letter-spacing: 1px; font-weight: 600; font-size: 12px; position: relative; } .elem_c_banner .link-btn { transition: all 0.1s ease-in; } .elem_c_banner .link-btn:hover { color: #fff !important; } .elem_c_banner .link-btn a { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .elem_c_banner .bbcode.sharp a > div { color:#2A3A30 !important; font-size:16px; font-family:'SourceSans3'; font-weight:400; } .elem_c_banner .content__text .narrow { display:none; } .elem_c_banner .banner__img--narrow { display:none; } @media screen and (max-width: 767px) { .elem_c_banner .content__text.has_narrow .wide { display:none; } .elem_c_banner .content__text.has_narrow .narrow { display:block; } .elem_c_banner .has_narrow .banner__img--wide { display:none; } .elem_c_banner .has_narrow .banner__img--narrow { display:block; } } .elem_c_banner .banner_1 .banner__wrapper { position: relative; height: 766px; } .elem_c_banner .banner_1 .banner__img { box-sizing: border-box; background-size: cover; } .elem_c_banner .banner_1 .banner__content { color: #fff; } .elem_c_banner .banner_1 .content__separator { height: 2px; margin: 23px 0px; } .elem_c_banner .banner_1 .content__title { margin-top: 280px; font-size: 60px; font-weight: 800; line-height: 64px; font-family: 'Lato'; } .elem_c_banner .banner_1 .content__text { font-family: 'Lato'; font-size: 24px; line-height: 34px; } .elem_c_banner .banner_1 .link-btn { padding: 22px 40px; display: inline-block; border-width: 2px; border-style: solid; margin-top: 35px; font-size: 12px; font-weight: 600; border-radius: 3px; letter-spacing: 1px; cursor: pointer; } /* Przezroczysto[c, gdy nie hover. */ .elem_c_banner .banner_1 .link-btn:not(:hover) { color:#ffffff !important; background: transparent !important; border-color: #ffffff !important; } @media screen and (min-width: 769px) and (max-width: 1280px) { .elem_c_banner .banner_1 .banner__wrapper { height: 540px; } .elem_c_banner .banner_1 .content__title { margin-top: 200px; font-size: 45px; line-height: 48px; } .elem_c_banner .banner_1 .content__separator { height: 1px; margin: 15px 0px; } .elem_c_banner .banner_1 .content__text { font-size: 18px; line-height: 24px; } .elem_c_banner .banner_1 .link-btn { padding: 18px 40px; margin-top: 25px; } } @media screen and (min-width: 481px) and (max-width: 768px) { .elem_c_banner .banner_1 .banner__wrapper { height: 383px; } .elem_c_banner .banner_1 .banner__content { padding: 0px 20px; } .elem_c_banner .banner_1 .content__title { margin-top: 140px; font-size: 34px; line-height: 37px; } .elem_c_banner .banner_1 .content__separator { height: 1px; margin: 10px 0px; } .elem_c_banner .banner_1 .content__text { font-size: 14px; line-height: 24px; } .elem_c_banner .banner_1 .link-btn { padding: 12px 40px; margin-top: 15px; font-size: 11px; } } @media screen and (max-width: 480px) { .elem_c_banner .banner_1 .banner__wrapper { height: 383px; } .elem_c_banner .banner_1 .banner__content { padding: 0px 5px; } .elem_c_banner .banner_1 .content__title { margin-top: 80px; font-size: 24px; line-height: 27px; } .elem_c_banner .banner_1 .content__separator { height: 1px; margin: 10px 0px; } .elem_c_banner .banner_1 .content__text { font-size: 13px; line-height: 18px; } .elem_c_banner .banner_1 .link-btn { padding: 14px 20px; margin-top: 20px; font-size: 10px; } } </style><div class="banner_1 bg" style=""> <div class="banner__wrapper acol_front3Light4_bg " style="background-color:;min-height:383px"><div class="banner__img banner__img--full banner__img--wide" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40935284')"></div><div class="banner__img banner__img--full banner__img--narrow" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=-1')"></div><div class="banner__content content"><div class="content__limiter" style="max-width:500px"> <div class="content__text label bbcode standard " style="color:#fff"> <div class="wide"></div><div class="narrow"></div> </div></div> </div></div></div> <script> (function() { var containerEl=document.querySelector(".elem_c_banner[data-id='40935283']"), scrollDownBtn=containerEl.querySelector(".banner_scroll_down"); function onInit() { addEventHandlers(); } function addEventHandlers() { if(!!scrollDownBtn) { scrollDownBtn.addEventListener("click",scrollDown); } } function scrollDown() { if(!!containerEl.nextSibling) { portal.scrollToBoxElem(containerEl.nextSibling.dataset.id); } } onInit(); })(); </script></div><div class="box_elem elem_c_sep elem_show--always" data-id="40934948"> <style> .elem_c_sep .bg.graphical { padding: 5px 0; display: block; } .elem_c_sep .bg.line { display: block; } .elem_c_sep svg { margin: 0 auto; display: block; color: inherit; fill: currentColor; } .elem_c_sep .simple { margin: 0 auto; max-width: 1200px; } .elem_c_sep .simple.small { height: 2px; } .elem_c_sep .graphical { margin: 0 auto; background: transparent; color: rgba(0, 0, 0, .16); } .elem_c_sep .line div { margin: auto; height: 1px; } .elem_c_sep .line.small { max-width: 600px; width: 50%; } .elem_c_sep .line.medium { max-width: 1200px; width: 100%; } .elem_c_sep .line.large { width: 100%; } .elem_c_sep .space { margin: 0 auto !important; /*background: transparent !important;*/ } @media screen and (min-width: 1280px) { .elem_c_sep .simple.medium { height: 10px; } .elem_c_sep .simple.large { height: 20px; } .elem_c_sep .graphical.small svg { width: 100px; } .elem_c_sep .graphical.medium svg { width: 144px; } .elem_c_sep .graphical.large svg { width: 200px; } /* Domy[lny (minimalny) odstp dla separatora w formie linii. */ .elem_c_sep .bg.line { padding: 15px 0; } .elem_c_sep .space.small { height: 10px; } .elem_c_sep .space.medium { height: 30px; } .elem_c_sep .space.large { height: 50px; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .elem_c_sep .simple.medium { height: 5px; } .elem_c_sep .simple.large { height: 10px; } .elem_c_sep .graphical.small svg { width: 100px; } .elem_c_sep .graphical.medium svg { width: 144px; } .elem_c_sep .graphical.large svg { width: 200px } /* Domy[lny (minimalny) odstp dla separatora w formie linii. */ .elem_c_sep .bg.line { padding: 10px 0; } .elem_c_sep .space.small { height: 10px; } .elem_c_sep .space.medium { height: 20px; } .elem_c_sep .space.large { height: 30px; } } @media screen and (max-width: 767px) { .elem_c_sep .simple.medium { height: 3px; } .elem_c_sep .simple.large { height: 5px; } .elem_c_sep .graphical.small svg { width: 75px; } .elem_c_sep .graphical.medium svg { width: 100px; } .elem_c_sep .graphical.large svg { width: 144px } /* Domy[lny (minimalny) odstp dla separatora w formie linii. */ .elem_c_sep .bg.line { padding: 5px 0; } .elem_c_sep .space.small { height: 5px; } .elem_c_sep .space.medium { height: 10px; } .elem_c_sep .space.large { height: 15px; } } </style><div class="bg space"> <div class="space small" style="margin-top:0px;margin-bottom:0px;background:#EEEADF;height:50px;"></div> </div></div><div class="box_elem elem_c_txt elem_show--wide" data-id="40929891"> <style> .elem_c_txt .bg { width:100%; background-position:top center; } .elem_c_txt .wrap { color:#222; display:block; max-width:1080px; margin:auto; box-sizing:border-box; padding:10px 40px; } .elem_c_txt .bbcode.sharp a > div { color:#2A3A30 !important; font-size:16px; font-family:'SourceSans3'; font-weight:400; } .elem_c_txt .bbcode { overflow:hidden; } @media screen and (min-width: 481px) and (max-width: 768px) { .elem_c_txt .wrap{ padding:1px 20px; } } @media screen and (max-width: 480px) { .elem_c_txt .wrap{ padding:1px 5px; } } </style><div class="bg standard" style="background-color:#EEEADF;min-height:150px"> <div class="wrap" style="color:"> <div class="label bbcode standard" style=""><div style="text-align:left;margin:50px 0px 50px 0px;"><span style="font-size:40px;">Dlaczego Gwarna?</span><br><span style="font-size:20px;"><br>Powstanie 25 mieszkaD w butikowej kamienicy,<br>w fantastycznej lokalizacji centrum Poznania i w ssiedztwie<br>najwikszych jego atrakcji.</span><br><br> <a class="btn" style="border-width:0px;border-color:#C47A62;background-color:#C47A62" onmouseout="this.style.backgroundColor='#C47A62';this.style.borderColor='#C47A62'" onmouseover="this.style.borderColor='#C29E77';this.style.backgroundColor='#C29E77'" target="_self" href="/mieszkania"><div style='display:inline-block'>Poka| list mieszkaD</div></a></div></div> </div> </div></div><div class="box_elem elem_c_txt elem_show--narrow" data-id="40929895"> <style> .elem_c_txt .bg { width:100%; background-position:top center; } .elem_c_txt .wrap { color:#222; display:block; max-width:1080px; margin:auto; box-sizing:border-box; padding:10px 40px; } .elem_c_txt .bbcode.sharp a > div { color:#2A3A30 !important; font-size:16px; font-family:'SourceSans3'; font-weight:400; } .elem_c_txt .bbcode { overflow:hidden; } @media screen and (min-width: 481px) and (max-width: 768px) { .elem_c_txt .wrap{ padding:1px 20px; } } @media screen and (max-width: 480px) { .elem_c_txt .wrap{ padding:1px 5px; } } </style><div class="bg standard" style="background-color:#EEEADF;min-height:150px"> <div class="wrap" style="color:"> <div class="label bbcode standard" style=""><div style="text-align:left;margin:50px 15px 10px 15px;"><span style="font-size:30px;">Dlaczego Gwarna?</span><br><span style="font-size:20px;"><br>Powstanie 25 mieszkaD w butikowej kamienicy<br>w fantastycznej lokalizacji w centrum Poznania </span><span style="font-size:20px;">w ssiedztwie<br>najeikszych jego atrakcji.</span></div><div style="text-align:center;margin:0px 15px 50px 15px;"><br> <a class="btn" style="border-width:0px;border-color:#C47A62;background-color:#C47A62" onmouseout="this.style.backgroundColor='#C47A62';this.style.borderColor='#C47A62'" onmouseover="this.style.borderColor='#C29E77';this.style.backgroundColor='#C29E77'" target="_self" href="/mieszkania"><div style='display:inline-block'>Poka| list mieszkaD</div></a></div></div> </div> </div></div><div class="box_elem elem_c_tile elem_show--always" data-id="40929914"> <style> .elem_c_tile .bg { background-position:top center; background-repeat: no-repeat; } .elem_c_tile .bg > div { padding: 30px 40px; box-sizing: border-box; } .elem_c_tile .tile { position: relative; } .elem_c_tile .tile--link { cursor:pointer; } .elem_c_tile .images { position: relative; } .elem_c_tile .images::before { content: ''; display: block; clear: both; } .elem_c_tile .images .default { opacity: 1; } .elem_c_tile .images .onhover { position: absolute; opacity: 0; } .elem_c_tile .tile:hover .images .onhover { opacity: 1; } .elem_c_tile .tile:hover .images .onhover + .default { opacity: 0; } .elem_c_tile .button { display:flex; justify-content:center; } .elem_c_tile .button__frame { border-radius:2px; border-width:2px; border-style:solid; padding: 14px 20px; min-width:172px; text-align:center; font-size:11px; font-weight:600; text-transform:uppercase; transition: 0.1s ease-in-out; } .elem_c_tile[data-id="40929914"] .tile:hover .button__frame { color:#fff !important; background-color:; } /* Odstp od krawdzi. */ @media screen and (min-width: 801px) and (max-width: 1280px) { .elem_c_tile .bg > div { padding: 10px 0px 30px 0px; } } @media screen and (min-width: 601px) and (max-width: 800px) { .elem_c_tile .bg > div { padding: 10px 0px 20px 0px; } } @media screen and (min-width: 481px) and (max-width: 600px) { .elem_c_tile .bg > div { padding: 10px 0px 10px 0px; } } @media screen and (max-width: 480px) { .elem_c_tile .bg > div { padding: 10px 0px 5px 0px; } } /* Centrowanie przy maksymalnj szeroko[ci - max-width nie wspBpracuje dobrzez z display flex. */ @media screen and (min-width: 1281px) { .elem_c_tile .bg > div { width: 1280px; margin: auto; } } .elem_c_tile .tiles_1 { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; } .elem_c_tile .tiles_1 .tile { text-align: center; overflow: hidden; margin-bottom: 20px; } .elem_c_tile .tiles_1 .img { width: 100%; height: 200px; background-repeat: no-repeat; background-position: center; } .elem_c_tile .tiles_1 .button__icon { display:none; } .elem_c_tile .tiles_1 .title{ font-family:"Lato"; font-size: 22px; font-weight: 500; margin-top: 20px; padding: 15px 10px; overflow: hidden; width: 100%; text-align: center; box-sizing: border-box; } .elem_c_tile .tiles_1 .text{ font-family: "Lato"; font-size: 16px; overflow: hidden; padding: 10px 10px; padding: 10px 10px; width: 100%; text-align: center; line-height: 24px; box-sizing: border-box; } @media screen and (min-width: 801px) { .elem_c_tile .tiles_1 .tile { width: 22%; margin-right: 4%; } .elem_c_tile .tiles_1 .tile:nth-child(4n) { margin-right: 0%; } } @media screen and (min-width: 601px) and (max-width: 800px) { .elem_c_tile .tiles_1 .tile { width: 32%; margin-right: 2%; } .elem_c_tile .tiles_1 .tile:nth-child(3n) { margin-right: 0%; } } @media screen and (min-width: 481px) and (max-width: 600px) { .elem_c_tile .tiles_1 .tile { width: 49%; margin-right: 2%; } .elem_c_tile .tiles_1 .tile:nth-child(2n) { margin-right: 0%; } } @media screen and (max-width: 480px) { .elem_c_tile .tiles_1 .tile { width: 100%; } } </style><div class="bg" style="background-color:#EEEADF;min-height:0px"> <div class="tiles_1"><div class="tile "><div class="images"><div class="img default" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40929899')"></div></div> <div class="text_box"><div class="text label bbcode"><span style="font-size:20px;">Metra| mieszkaD:<br>25 m2  106 m2</span></div></div> </div><div class="tile "><div class="images"><div class="img default" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40929903')"></div></div> <div class="text_box"><div class="text label bbcode"><span style="font-size:20px;">kawalerki oraz mieszkania<br>2 i 3 pokojowe</span></div></div> </div><div class="tile "><div class="images"><div class="img default" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40929907')"></div></div> <div class="text_box"><div class="text label bbcode"><span style="font-size:20px;">2 apartamenty dwupozimowe,<br>mieszkania z balkonami</span></div></div> </div><div class="tile "><div class="images"><div class="img default" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40929911')"></div></div> <div class="text_box"><div class="text label bbcode"><span style="font-size:20px;">Termin realizacji:<br>II kwartaB 2025</span></div></div> </div></div> </div></div><div class="box_elem elem_c_sep elem_show--always" data-id="40934952"> <style> .elem_c_sep .bg.graphical { padding: 5px 0; display: block; } .elem_c_sep .bg.line { display: block; } .elem_c_sep svg { margin: 0 auto; display: block; color: inherit; fill: currentColor; } .elem_c_sep .simple { margin: 0 auto; max-width: 1200px; } .elem_c_sep .simple.small { height: 2px; } .elem_c_sep .graphical { margin: 0 auto; background: transparent; color: rgba(0, 0, 0, .16); } .elem_c_sep .line div { margin: auto; height: 1px; } .elem_c_sep .line.small { max-width: 600px; width: 50%; } .elem_c_sep .line.medium { max-width: 1200px; width: 100%; } .elem_c_sep .line.large { width: 100%; } .elem_c_sep .space { margin: 0 auto !important; /*background: transparent !important;*/ } @media screen and (min-width: 1280px) { .elem_c_sep .simple.medium { height: 10px; } .elem_c_sep .simple.large { height: 20px; } .elem_c_sep .graphical.small svg { width: 100px; } .elem_c_sep .graphical.medium svg { width: 144px; } .elem_c_sep .graphical.large svg { width: 200px; } /* Domy[lny (minimalny) odstp dla separatora w formie linii. */ .elem_c_sep .bg.line { padding: 15px 0; } .elem_c_sep .space.small { height: 10px; } .elem_c_sep .space.medium { height: 30px; } .elem_c_sep .space.large { height: 50px; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .elem_c_sep .simple.medium { height: 5px; } .elem_c_sep .simple.large { height: 10px; } .elem_c_sep .graphical.small svg { width: 100px; } .elem_c_sep .graphical.medium svg { width: 144px; } .elem_c_sep .graphical.large svg { width: 200px } /* Domy[lny (minimalny) odstp dla separatora w formie linii. */ .elem_c_sep .bg.line { padding: 10px 0; } .elem_c_sep .space.small { height: 10px; } .elem_c_sep .space.medium { height: 20px; } .elem_c_sep .space.large { height: 30px; } } @media screen and (max-width: 767px) { .elem_c_sep .simple.medium { height: 3px; } .elem_c_sep .simple.large { height: 5px; } .elem_c_sep .graphical.small svg { width: 75px; } .elem_c_sep .graphical.medium svg { width: 100px; } .elem_c_sep .graphical.large svg { width: 144px } /* Domy[lny (minimalny) odstp dla separatora w formie linii. */ .elem_c_sep .bg.line { padding: 5px 0; } .elem_c_sep .space.small { height: 5px; } .elem_c_sep .space.medium { height: 10px; } .elem_c_sep .space.large { height: 15px; } } </style><div class="bg space"> <div class="space small" style="margin-top:0px;margin-bottom:0px;background:#EEEADF;height:50px;"></div> </div></div><div class="box_elem elem_c_sep elem_show--always" data-id="40934956"> <style> .elem_c_sep .bg.graphical { padding: 5px 0; display: block; } .elem_c_sep .bg.line { display: block; } .elem_c_sep svg { margin: 0 auto; display: block; color: inherit; fill: currentColor; } .elem_c_sep .simple { margin: 0 auto; max-width: 1200px; } .elem_c_sep .simple.small { height: 2px; } .elem_c_sep .graphical { margin: 0 auto; background: transparent; color: rgba(0, 0, 0, .16); } .elem_c_sep .line div { margin: auto; height: 1px; } .elem_c_sep .line.small { max-width: 600px; width: 50%; } .elem_c_sep .line.medium { max-width: 1200px; width: 100%; } .elem_c_sep .line.large { width: 100%; } .elem_c_sep .space { margin: 0 auto !important; /*background: transparent !important;*/ } @media screen and (min-width: 1280px) { .elem_c_sep .simple.medium { height: 10px; } .elem_c_sep .simple.large { height: 20px; } .elem_c_sep .graphical.small svg { width: 100px; } .elem_c_sep .graphical.medium svg { width: 144px; } .elem_c_sep .graphical.large svg { width: 200px; } /* Domy[lny (minimalny) odstp dla separatora w formie linii. */ .elem_c_sep .bg.line { padding: 15px 0; } .elem_c_sep .space.small { height: 10px; } .elem_c_sep .space.medium { height: 30px; } .elem_c_sep .space.large { height: 50px; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .elem_c_sep .simple.medium { height: 5px; } .elem_c_sep .simple.large { height: 10px; } .elem_c_sep .graphical.small svg { width: 100px; } .elem_c_sep .graphical.medium svg { width: 144px; } .elem_c_sep .graphical.large svg { width: 200px } /* Domy[lny (minimalny) odstp dla separatora w formie linii. */ .elem_c_sep .bg.line { padding: 10px 0; } .elem_c_sep .space.small { height: 10px; } .elem_c_sep .space.medium { height: 20px; } .elem_c_sep .space.large { height: 30px; } } @media screen and (max-width: 767px) { .elem_c_sep .simple.medium { height: 3px; } .elem_c_sep .simple.large { height: 5px; } .elem_c_sep .graphical.small svg { width: 75px; } .elem_c_sep .graphical.medium svg { width: 100px; } .elem_c_sep .graphical.large svg { width: 144px } /* Domy[lny (minimalny) odstp dla separatora w formie linii. */ .elem_c_sep .bg.line { padding: 5px 0; } .elem_c_sep .space.small { height: 5px; } .elem_c_sep .space.medium { height: 10px; } .elem_c_sep .space.large { height: 15px; } } </style><div class="bg space"> <div class="space small" style="margin-top:0px;margin-bottom:0px;height:50px;"></div> </div></div><div class="box_elem elem_c_txt elem_show--wide" data-id="40929918"> <style> .elem_c_txt .bg { width:100%; background-position:top center; } .elem_c_txt .wrap { color:#222; display:block; max-width:1080px; margin:auto; box-sizing:border-box; padding:10px 40px; } .elem_c_txt .bbcode.sharp a > div { color:#2A3A30 !important; font-size:16px; font-family:'SourceSans3'; font-weight:400; } .elem_c_txt .bbcode { overflow:hidden; } @media screen and (min-width: 481px) and (max-width: 768px) { .elem_c_txt .wrap{ padding:1px 20px; } } @media screen and (max-width: 480px) { .elem_c_txt .wrap{ padding:1px 5px; } } </style><div class="bg standard" style="background-color:;min-height:0px"> <div class="wrap" style="color:"> <div class="label bbcode standard" style=""><div style="text-align:left;margin:40px 0px 10px 0px;"><div style="font-family:'Inter'"><div style="font-weight:600"><span style="font-size:32px;">Atrakcje lokalizacji</span></div></div></div><table style=";width:100%;"><tr><td style="">Gwarna 8 usytuowana jest w samym<br>centrum Poznania. </td><td style=""><br> <div style="text-align:right;"><a class="btn" style="border-width:0px;border-color:#C47A62;background-color:#C47A62" onmouseout="this.style.backgroundColor='#C47A62';this.style.borderColor='#C47A62'" onmouseover="this.style.borderColor='#C29E77';this.style.backgroundColor='#C29E77'" target="_self" href="/lokalizacja"><div style='display:inline-block'>Sprawdz lokalizacj</div></a></div></td></tr></table></div> </div> </div></div><div class="box_elem elem_c_txt elem_show--narrow" data-id="40929922"> <style> .elem_c_txt .bg { width:100%; background-position:top center; } .elem_c_txt .wrap { color:#222; display:block; max-width:1080px; margin:auto; box-sizing:border-box; padding:10px 40px; } .elem_c_txt .bbcode.sharp a > div { color:#2A3A30 !important; font-size:16px; font-family:'SourceSans3'; font-weight:400; } .elem_c_txt .bbcode { overflow:hidden; } @media screen and (min-width: 481px) and (max-width: 768px) { .elem_c_txt .wrap{ padding:1px 20px; } } @media screen and (max-width: 480px) { .elem_c_txt .wrap{ padding:1px 5px; } } </style><div class="bg standard" style="background-color:;min-height:0px"> <div class="wrap" style="color:"> <div class="label bbcode standard" style=""><div style="text-align:left;margin:40px 15px 10px 15px;"><div style="font-family:'Inter'"><div style="font-weight:600"><span style="font-size:32px;">Atrakcje lokalizacji</span></div></div></div><div style="text-align:left;margin:0px 15px 0px 15px;">Gwarna 8 usytuowana jest w samym centrum Poznania.</div><br> <div style="text-align:center;margin:30px 15px 40px 15px;"><a class="btn" style="border-width:0px;border-color:#C47A62;background-color:#C47A62" onmouseout="this.style.backgroundColor='#C47A62';this.style.borderColor='#C47A62'" onmouseover="this.style.borderColor='#C29E77';this.style.backgroundColor='#C29E77'" target="_self" href="/lokalizacja"><div style='display:inline-block'>Sprawdz lokalizacj</div></a></div></div> </div> </div></div><div class="box_elem elem_c_tile elem_show--always" data-id="40930576"> <style> .elem_c_tile .bg { background-position:top center; background-repeat: no-repeat; } .elem_c_tile .bg > div { padding: 30px 40px; box-sizing: border-box; } .elem_c_tile .tile { position: relative; } .elem_c_tile .tile--link { cursor:pointer; } .elem_c_tile .images { position: relative; } .elem_c_tile .images::before { content: ''; display: block; clear: both; } .elem_c_tile .images .default { opacity: 1; } .elem_c_tile .images .onhover { position: absolute; opacity: 0; } .elem_c_tile .tile:hover .images .onhover { opacity: 1; } .elem_c_tile .tile:hover .images .onhover + .default { opacity: 0; } .elem_c_tile .button { display:flex; justify-content:center; } .elem_c_tile .button__frame { border-radius:2px; border-width:2px; border-style:solid; padding: 14px 20px; min-width:172px; text-align:center; font-size:11px; font-weight:600; text-transform:uppercase; transition: 0.1s ease-in-out; } .elem_c_tile[data-id="40930576"] .tile:hover .button__frame { color:#fff !important; background-color:; } /* Odstp od krawdzi. */ @media screen and (min-width: 801px) and (max-width: 1280px) { .elem_c_tile .bg > div { padding: 10px 0px 30px 0px; } } @media screen and (min-width: 601px) and (max-width: 800px) { .elem_c_tile .bg > div { padding: 10px 0px 20px 0px; } } @media screen and (min-width: 481px) and (max-width: 600px) { .elem_c_tile .bg > div { padding: 10px 0px 10px 0px; } } @media screen and (max-width: 480px) { .elem_c_tile .bg > div { padding: 10px 0px 5px 0px; } } /* Centrowanie przy maksymalnj szeroko[ci - max-width nie wspBpracuje dobrzez z display flex. */ @media screen and (min-width: 1281px) { .elem_c_tile .bg > div { width: 1280px; margin: auto; } } .elem_c_tile .tiles_1 { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; } .elem_c_tile .tiles_1 .tile { text-align: center; overflow: hidden; margin-bottom: 20px; } .elem_c_tile .tiles_1 .img { width: 100%; height: 200px; background-repeat: no-repeat; background-position: center; } .elem_c_tile .tiles_1 .button__icon { display:none; } .elem_c_tile .tiles_1 .title{ font-family:"Lato"; font-size: 22px; font-weight: 500; margin-top: 20px; padding: 15px 10px; overflow: hidden; width: 100%; text-align: center; box-sizing: border-box; } .elem_c_tile .tiles_1 .text{ font-family: "Lato"; font-size: 16px; overflow: hidden; padding: 10px 10px; padding: 10px 10px; width: 100%; text-align: center; line-height: 24px; box-sizing: border-box; } @media screen and (min-width: 801px) { .elem_c_tile .tiles_1 .tile { width: 22%; margin-right: 4%; } .elem_c_tile .tiles_1 .tile:nth-child(4n) { margin-right: 0%; } } @media screen and (min-width: 601px) and (max-width: 800px) { .elem_c_tile .tiles_1 .tile { width: 32%; margin-right: 2%; } .elem_c_tile .tiles_1 .tile:nth-child(3n) { margin-right: 0%; } } @media screen and (min-width: 481px) and (max-width: 600px) { .elem_c_tile .tiles_1 .tile { width: 49%; margin-right: 2%; } .elem_c_tile .tiles_1 .tile:nth-child(2n) { margin-right: 0%; } } @media screen and (max-width: 480px) { .elem_c_tile .tiles_1 .tile { width: 100%; } } </style><div class="bg" style="background-color:;min-height:0px"> <div class="tiles_1"><div class="tile "><div class="images"><div class="img default" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40930584')"></div></div> <div class="text_box"><div class="text label bbcode"><span style="font-size:20px;">Okrglak</span><span style="font-size:16px;"><br>1 min. pieszo</span></div></div> </div><div class="tile "><div class="images"><div class="img default" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40930586')"></div></div> <div class="text_box"><div class="text label bbcode"><span style="font-size:20px;">Zamek Cesarski</span><span style="font-size:16px;"><br>2 min. pieszo</span></div></div> </div><div class="tile "><div class="images"><div class="img default" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40930588')"></div></div> <div class="text_box"><div class="text label bbcode"><span style="font-size:20px;">Teatr Wielki</span><span style="font-size:16px;"><br>6 min. pieszo</span></div></div> </div><div class="tile "><div class="images"><div class="img default" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40930590')"></div></div> <div class="text_box"><div class="text label bbcode"><span style="font-size:20px;">ul. Zw. Marcin</span><span style="font-size:16px;"><br>1 min. pieszo</span></div></div> </div></div> </div></div><div class="box_elem elem_c_tile elem_show--always" data-id="40929941"> <style> .elem_c_tile .bg { background-position:top center; background-repeat: no-repeat; } .elem_c_tile .bg > div { padding: 30px 40px; box-sizing: border-box; } .elem_c_tile .tile { position: relative; } .elem_c_tile .tile--link { cursor:pointer; } .elem_c_tile .images { position: relative; } .elem_c_tile .images::before { content: ''; display: block; clear: both; } .elem_c_tile .images .default { opacity: 1; } .elem_c_tile .images .onhover { position: absolute; opacity: 0; } .elem_c_tile .tile:hover .images .onhover { opacity: 1; } .elem_c_tile .tile:hover .images .onhover + .default { opacity: 0; } .elem_c_tile .button { display:flex; justify-content:center; } .elem_c_tile .button__frame { border-radius:2px; border-width:2px; border-style:solid; padding: 14px 20px; min-width:172px; text-align:center; font-size:11px; font-weight:600; text-transform:uppercase; transition: 0.1s ease-in-out; } .elem_c_tile[data-id="40929941"] .tile:hover .button__frame { color:#fff !important; background-color:; } /* Odstp od krawdzi. */ @media screen and (min-width: 801px) and (max-width: 1280px) { .elem_c_tile .bg > div { padding: 10px 0px 30px 0px; } } @media screen and (min-width: 601px) and (max-width: 800px) { .elem_c_tile .bg > div { padding: 10px 0px 20px 0px; } } @media screen and (min-width: 481px) and (max-width: 600px) { .elem_c_tile .bg > div { padding: 10px 0px 10px 0px; } } @media screen and (max-width: 480px) { .elem_c_tile .bg > div { padding: 10px 0px 5px 0px; } } /* Centrowanie przy maksymalnj szeroko[ci - max-width nie wspBpracuje dobrzez z display flex. */ @media screen and (min-width: 1281px) { .elem_c_tile .bg > div { width: 1280px; margin: auto; } } .elem_c_tile .tiles_1 { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; } .elem_c_tile .tiles_1 .tile { text-align: center; overflow: hidden; margin-bottom: 20px; } .elem_c_tile .tiles_1 .img { width: 100%; height: 200px; background-repeat: no-repeat; background-position: center; } .elem_c_tile .tiles_1 .button__icon { display:none; } .elem_c_tile .tiles_1 .title{ font-family:"Lato"; font-size: 22px; font-weight: 500; margin-top: 20px; padding: 15px 10px; overflow: hidden; width: 100%; text-align: center; box-sizing: border-box; } .elem_c_tile .tiles_1 .text{ font-family: "Lato"; font-size: 16px; overflow: hidden; padding: 10px 10px; padding: 10px 10px; width: 100%; text-align: center; line-height: 24px; box-sizing: border-box; } @media screen and (min-width: 801px) { .elem_c_tile .tiles_1 .tile { width: 22%; margin-right: 4%; } .elem_c_tile .tiles_1 .tile:nth-child(4n) { margin-right: 0%; } } @media screen and (min-width: 601px) and (max-width: 800px) { .elem_c_tile .tiles_1 .tile { width: 32%; margin-right: 2%; } .elem_c_tile .tiles_1 .tile:nth-child(3n) { margin-right: 0%; } } @media screen and (min-width: 481px) and (max-width: 600px) { .elem_c_tile .tiles_1 .tile { width: 49%; margin-right: 2%; } .elem_c_tile .tiles_1 .tile:nth-child(2n) { margin-right: 0%; } } @media screen and (max-width: 480px) { .elem_c_tile .tiles_1 .tile { width: 100%; } } </style><div class="bg" style="background-color:;min-height:0px"> <div class="tiles_1"><div class="tile "><div class="images"><div class="img default" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40929926')"></div></div> <div class="text_box"><div class="text label bbcode"><span style="font-size:20px;">Stary Browar</span><span style="font-size:16px;"><br>10 min. pieszo</span></div></div> </div><div class="tile "><div class="images"><div class="img default" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40929930')"></div></div> <div class="text_box"><div class="text label bbcode"><span style="font-size:20px;">Stary Rynek</span><span style="font-size:16px;"><br>10 min. pieszo</span></div></div> </div><div class="tile "><div class="images"><div class="img default" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40930545')"></div></div> <div class="text_box"><div class="text label bbcode"><span style="font-size:20px;">Park Mickiewicza</span><span style="font-size:16px;"><br>4 min. pieszo</span></div></div> </div><div class="tile "><div class="images"><div class="img default" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40930594')"></div></div> <div class="text_box"><div class="text label bbcode"><span style="font-size:20px;">Dworzec GBwny</span><span style="font-size:16px;"><br>15 min. pieszo</span></div></div> </div></div> </div></div><div class="box_elem elem_c_footer elem_show--always" data-id="40929951"> <style> .elem_c_footer .footer_12 .row { display: flex; flex-direction: row; } .elem_c_footer .footer_12 .box { display: block; flex: 1; padding: 94px 5%; float: left; box-sizing: border-box; } .elem_c_footer .footer_12 .box_copyr { width: 100%; display: block; padding: 18px 15px; text-align: center; font-size: 12px; float: left; color:#dcdcdc; box-sizing:border-box; } .elem_c_footer .footer_12 .box_copyr .text { font-size: 12px; } .elem_c_footer .footer_12 .bgimg { background-position-x: center; background-position-y: center; background-repeat: no-repeat; background-size: cover; } .elem_c_footer .footer_12 .cspace { max-width: 600px; display: block; margin: 0 auto; } .elem_c_footer .footer_12 .title { font-family: 'Roboto'; font-size: 22px; font-weight: 400; padding-bottom: 17px; display: block; } .elem_c_footer .footer_12 .text { display: block; padding: 15px 0; font-family:"Lato"; line-height: 24px; font-size: 16px; color: #b2b2b2; } @media screen and (min-width: 769px) and (max-width: 1280px) { .elem_c_footer .footer_12 .row { flex-direction: column; } .elem_c_footer .footer_12 .box { width: 100%; padding: 120px 18%; } } @media screen and (max-width: 768px) { .elem_c_footer .footer_12 .row { flex-direction: column; } .elem_c_footer .footer_12 .box { min-width: 350px; width: 100%; padding: 80px 18%; } .elem_c_footer .footer_12 .title { font-size: 16px; } .elem_c_footer .footer_12 .text { font-size: 14px; } } .elem_c_footer .footer_12.footer_root { display: block; color:#eaeaea; width: 100%; position: relative; font-family:'Inter'; } .elem_c_footer .footer_12 .footer_content { max-width: 1920px; margin: 0 auto; box-sizing: border-box; height: 100%; display: flex; flex-direction: column; overflow: hidden; } .elem_c_footer .footer_12 .footer_content::after { content:''; clear: both; } .elem_c_footer .footer_12 .main { margin: 0 auto; max-width: 1200px; width:100%; } .elem_c_footer .footer_12 .row { justify-content: flex-start; position:relative; } .elem_c_footer .footer_12 .column { flex:0; } .elem_c_footer .footer_12 .cspace { width:190px; } .elem_c_footer .footer_12 .column:first-child .cspace { width:470px; } .elem_c_footer .footer_12 .bgimg { background-position-x: left; background-position-y: top; background-repeat: no-repeat; background-size: initial; } .elem_c_footer .footer_12 .title { margin-bottom: 11px; padding: 0; font-family:'Rubik'; font-size: 16px; font-weight: 500; color:#fff; } .elem_c_footer .footer_12 .text, .elem_c_footer .footer_12 .link { font-family:'Inter'; font-size: 14px; font-weight: 300; } .elem_c_footer .footer_12 .text { color:#bdbdbd; } .elem_c_footer .footer_12 .text { padding: 0; line-height:normal; } .elem_c_footer .footer_12 .link { margin-bottom: 12px; position: relative; display: flex; align-items: center; list-style-type: none; cursor:pointer; } .elem_c_footer .footer_12 .link:not(:hover) { color: rgba(255,255,255,0.7) !important; } .elem_c_footer .footer_12 .link a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .elem_c_footer .footer_12 .text a { color: inherit; } .elem_c_footer[data-id="40929951"] .text a:hover { text-decoration:underline; } .elem_c_footer .footer_12 .text a:hover { text-decoration:underline; } .elem_c_footer .footer_12 .copyright.row { justify-content: center; } .elem_c_footer .footer_12 .box_copyr { padding: 13px 15px; text-align: left; max-width:1200px; box-sizing:border-box; } .elem_c_footer .footer_12 .box_copyr > .text { font-family:'Inter'; font-size: 14px; font-weight: 400; } .elem_c_footer .footer_12 .box { padding: 76px 36px 80px 0; } .elem_c_footer .footer_12 .scroll_up { width:50px; height:50px; background-color:rgba(255,255,255,0.1); border-radius:4px; display:flex; justify-content:center; align-items:center; position:absolute; right:-60px; bottom:20px; cursor:pointer; } .elem_c_footer .footer_12 .scroll_up:hover { background-color:rgba(255,255,255,0.2); } @media screen and (max-width: 1279px) { .elem_c_footer .footer_12 .bgimg { background-position-x: center; } .elem_c_footer .footer_12 .box:first-child { padding: 160px 0 10px; } .elem_c_footer .footer_12 .box { padding: 50px 0 10px; } .elem_c_footer .footer_12 .scroll_up { display:none; } .elem_c_footer .footer_12 .cspace, .elem_c_footer .footer_12 .column:first-child .cspace { width:240px; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .elem_c_footer .footer_12 .footer_content { flex-direction: column; } } @media screen and (max-width: 767px) { .elem_c_footer .footer_12 .footer_content { flex-direction: column; } .elem_c_footer .footer_12 .box { padding: 20px 0 10px; } .elem_c_footer .footer_12 .box:last-of-type { border-bottom: none; } } </style> <div class="footer_root footer_12"> <div class="footer_content" style="background-color:#111111;color:#C47A62"> <div class="main row"> <div class="column box bgimg"style="background-image:url(/webng/_service/loader/src_load.pub.c?src_file=40929944)"> <div class="cspace"><div class="text label bbcode" style="color:"><div style="text-align:left;margin:50px 0px 0px 0px;"><a class="txt" target="_self" href="http://www.facebook.com/STHomedeweloper"><div style='display:inline-block'><img width='41' height='41' src="/webng/_service/loader/src_load.pub.c?src_file=40896584"/></div></a></div></div></div> </div> <div class="column box bgimg"> <div class="cspace"><h2 class="title">Nawigacja</h2><div class="link " style="color:#C47A62"> <span>Home</span><a href="/home"></a></div><div class="link " style="color:#C47A62"> <span>O nas</span><a href="/o_nas"></a></div><div class="link " style="color:#C47A62"> <span>Kamienica</span><a href="/kamienica"></a></div><div class="link " style="color:#C47A62"> <span>Mieszkania</span><a href="/mieszkania"></a></div></div> </div> <div class="column box bgimg"> <div class="cspace"><div class="text label bbcode" style="color:"><div style="text-align:left;margin:30px 0px 0px 0px;"></div></div><div class="link " style="color:#C47A62"> <span>Galeria</span><a href="/galeria"></a></div><div class="link " style="color:#C47A62"> <span>Standard</span><a href="/standard"></a></div><div class="link " style="color:#C47A62"> <span>Lokalizacja</span><a href="/lokalizacja"></a></div><div class="link " style="color:#C47A62"> <span>Kontakt</span><a href="/kontakt"></a></div></div> </div> <div class="column box bgimg"> <div class="cspace"><h2 class="title">Deweloper</h2><div class="text label bbcode" style="color:">Luksantia Sp. z o.o.<br>ul. Zw. Marcin 11A/17<br>61-803 PoznaD<br>KRS:365614009 NIP:7831748466</div></div> </div><div class="scroll_up" onclick="portal.scrollTop()"> <svg xmlns="http://www.w3.org/2000/svg" width="13.655" height="14.037" viewBox="0 0 13.655 14.037"> <g transform="translate(-4928.793 1157.537) rotate(-90)"> <path d="M1199,9742l6.121,6.121-6.121,6.12" transform="translate(-49 -4812.5)" fill="none" stroke="#fff" stroke-width="2"/> <line x2="12" transform="translate(1143.5 4935.5)" fill="none" stroke="#fff" stroke-width="2"/> </g> </svg> </div></div> <div class="copyright row" style=""><div class="box_copyr bgimg"> <div class="text label bbcode ">Copyright by: Gwarna8.pl 2023 / Wszelkie prawa zastrze|one</div> </div></div></div></div></div></div></div></div> </body> </html> <!-- HTC End. -->