<!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="STHome - inwestycje"> <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>STHome - inwestycje</title> <link id="doc_icon" rel="icon" type="image/x-icon" href="/webng/_service/loader/app_icon_load.pub.c?app=40713739"/> </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=29181205" rel="stylesheet" type="text/css"/> <div id="app_root" class="cloud22156810 acolp_29181205" data-app-version="40713740" data-app-id="40713739" data-cloud="22156810" data-app-name="portal_STHome"><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="inwestycje" 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:#F57021; } .bbcode.classic a:hover { color:#F57021; } .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: #0E2555;} #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: #0E2555; } #alert.simple .alert__dlg { text-align: center; font-size: 16px; border-top: 3px solid #ccc; background-color: #fff; color: #2E2E2E; 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: #0E2555;} #alert.simple .close { top: 14px; right: 14px; font-size: 18px; color: #7B7B7B; } #alert.simple .close:hover { color: #2E2E2E; } #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: #0E2555; } </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="40713759"><div class="box_elem elem_c_header elem_show--always" data-id="40713994"> <style> .elem_c_header>.style_4 { font-family:'Lato'; font-weight: 600; } .elem_c_header>.style_4 .top_section { height: 44px; } .elem_c_header>.style_4 .bot_section { position: relative; height: 116px; } /* Wiksza wysoko[c w trybie 'Pro'. */ .elem_c_header>.style_4.style_4 .bot_section { height: 128px; } /* CieD w trybie 'Modern'. */ .elem_c_header>.style_4.style_2 .bot_section { box-shadow: 0 3px 10px 0 rgba(0,0,0,.3); font-weight: 900; font-family:"Roboto"; } .elem_c_header>.style_4 .bg { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; } .elem_c_header>.style_4 .bg.bg--transparent { opacity: 0.85; filter: alpha(opacity=85); /* IE < 9 */ } .elem_c_header>.style_4 .contact_info { display: flex; flex-direction: row; flex-wrap:nowrap; height:100%; float:right; } /* Linia pod menu w trybie 'Pro'. */ .elem_c_header>.style_4.style_4 .bg { border-bottom:1px solid #e3e3e3; box-sizing:border-box; } .elem_c_header>.style_4 .wrapper { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; } .elem_c_header>.style_4 .tp_header { max-width: 1280px; margin: auto; height: 100%; padding: 0px 40px; box-sizing: border-box; position: relative; } .elem_c_header>.style_4 .tp_header::after { content:''; clear: both; } .elem_c_header>.style_4 .logo { display: inline-block; text-align: left; height: 100%; } .elem_c_header>.style_4 .logo img { height: 100%; width: auto; } .page_scrolled .elem_c_header>.style_4 .bot_section { height: 64px; } /* Przycisk rozwijania menu maBego ekranu. */ .elem_c_header>.style_4 .menu_btn { position: absolute; right: 30px; top: 0; height: 100%; display: none; user-select: none; color: #fff; outline: 0; } .elem_c_header>.style_4 .menu_btn:hover { color: #ccc; } .elem_c_header>.style_4 .icon { cursor: pointer; } /* Menu maBego ekranu. */ .elem_c_header>.style_4 .links { display: none; } .elem_c_header>.style_4 .links .btn { display: initial !important; text-align: center; width: 100%; } .elem_c_header>.style_4 .btn, .elem_c_header>.style_4 .btn_sub { position: relative; } .elem_c_header>.style_4 .btn a, .elem_c_header>.style_4 .btn_sub a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .elem_c_header>.style_4 .logo .img.default { display: block; } .elem_c_header>.style_4 .logo .img.active { display: none; } .elem_c_header>.style_4 .logo:hover .img.active { display: block; } .elem_c_header>.style_4 .logo:hover .img.active + .img.default { display: none; } .elem_c_header>.style_4 .hamburger { display: none; } @media screen and (min-width: 769px) and (max-width: 1280px) { .elem_c_header>.style_4 .bot_section { height: 92px; } .elem_c_header>.style_4 .btn .text { height: 92px; } } @media screen and (min-width: 481px) and (max-width: 768px) { .elem_c_header>.style_4 .tp_header { padding: 0px 20px; } .elem_c_header>.style_4 .bot_section { height: 84px; } .page_scrolled .elem_c_header>.style_4 .bot_section { height: 48px; } } @media screen and (max-width: 480px) { .elem_c_header>.style_4 .tp_header { padding: 0px 5px; } .elem_c_header>.style_4 .bot_section { height: 64px; } .page_scrolled .elem_c_header>.style_4 .bot_section { height: 36px; } } /* Menu rozwijane. */ @media screen and (max-width: 950px) { .elem_c_header>.style_4 .btn.basic, .elem_c_header>.style_4 .btn.basic.btn_graphic.nolink { display: none; } .elem_c_header>.style_4 .menu_btn { display: flex; flex-direction: row; align-items: center; } .elem_c_header>.style_4 .hamburger:checked + .menu_btn { color: #ccc; } .elem_c_header>.style_4 .hamburger:checked ~ .links { display: block; } .elem_c_header>.style_4 .btn .bottom_margin { position: initial !important; } .elem_c_header>.style_4.style_4 .btn .text { padding-top:18px; padding-bottom:18px !important; } .elem_c_header>.style_4 .links { position: absolute; right: 0; top: 100%; opacity: 0.9; width: 250px; } .elem_c_header>.style_4 .links .link { width: 100%; } .elem_c_header>.style_4 .link .btn:hover .btn_sub { display: none; } .elem_c_header>.style_4 .bot_section { height: 64px; } .elem_c_header>.style_4 .btn .text { height: 64px; } } .elem_c_header>.style_4 .btn { cursor: pointer; display: block; text-align: left; float: right; outline: 0; height:100%; } .elem_c_header>.style_4.bg_bright .btn:hover, .elem_c_header>.style_4.bg_bright .btn.btn--active { background: rgba(0,0,0,0.1); } .elem_c_header>.style_4.bg_dark .btn:hover, .elem_c_header>.style_4.bg_dark .btn.btn--active { background: rgba(255,255,255,0.1); } .elem_c_header>.style_4 .btn .bottom_margin { width: 100%; height: 3px; visibility: hidden; position: absolute; bottom: 0px; } .elem_c_header>.style_4 .btn:hover .bottom_margin, .elem_c_header>.style_4 .btn.btn--active .bottom_margin { visibility: visible; } .elem_c_header>.style_4 .btn.nolink:hover .bottom_margin{ visibility: hidden; } .elem_c_header>.style_4 .btn.nolink:hover{ background: rgba(255,255,255,0); } .elem_c_header>.style_4 .btn.nolink { cursor: default; } .elem_c_header>.style_4 .btn .text { font-size: 13px; padding: 0px 23px; box-sizing: border-box; max-width: 230px; display:flex; align-items:center; flex-wrap:nowrap; line-height: 116px; text-align: center; text-overflow: ellipsis; overflow: hidden; margin: auto; white-space: nowrap; } /* Zmiana pozycji etykiety przycisku dla 'Pro'. */ .elem_c_header>.style_4.style_4 .btn { height:100%; } .elem_c_header>.style_4.style_4 .btn .text { font-weight:800; align-items:flex-end; height: 100%; padding-bottom: 29px; line-height:initial; text-transform:uppercase; } .page_scrolled .elem_c_header>.style_4.style_4 .btn .text { padding-bottom:0; } .elem_c_header>.style_4 .btn .text span, .elem_c_header>.style_4 .btn_sub span{ margin-right:8px; } .page_scrolled .elem_c_header>.style_4 .btn .text { line-height: 64px; font-size: 13px; } .elem_c_header>.style_4.style_2 .btn .text { font-size: 11px; font-weight: 900; font-family: "Roboto"; } .elem_c_header>.style_4 .btn.group:hover .btn_sub, .elem_c_header>.style_4 .btn.group:focus .btn_sub { display: flex; flex-wrap:nowrap; align-items:center; white-space:nowrap; opacity: 0.9; filter: alpha(opacity=90); /* IE < 9 */ } .elem_c_header>.style_4 .btn.group .bottom_margin { width: 100%; height: 3px; visibility: hidden; } .elem_c_header>.style_4 .btn.group:focus .bottom_margin, .elem_c_header>.style_4 .btn.group:hover .bottom_margin { visibility: visible; } .elem_c_header>.style_4 .btn_gr_sub { z-index: 100; display: block; position: absolute; } .elem_c_header>.style_4 .btn_sub { padding: 18px 40px 18px 20px; display: none; } .elem_c_header>.style_4 .btn_sub:hover{ display: block; } .elem_c_header>.style_4.bg_bright .btn_sub:hover{ background-color: rgba(0,0,0,0.1); } .elem_c_header>.style_4.bg_dark .btn_sub:hover{ background-color: rgba(255,255,255,0.1); } .page_scrolled .elem_c_header>.style_4 .btn_gr_sub { font-size: 13px; } .elem_c_header[data-id="40713994"] .btn > .text, .elem_c_header[data-id="40713994"] .btn_sub { color: #2E2E2E; } @media screen and (min-width: 769px) and (max-width: 1280px) { .elem_c_header>.style_4 .btn .text { font-size: 13px; padding: 0px 15px; } .elem_c_header>.style_4 .btn_sub { font-size:13px; } } @media screen and (min-width: 481px) and (max-width: 768px) { .elem_c_header>.style_4 .btn .text { font-size: 13px; padding: 0px 18px; max-width: 200px; line-height: 82px; } .elem_c_header>.style_4 .btn_sub{ font-size: 13px; max-width: 200px; } .elem_c_header>.style_4 .btn_gr_sub{ position: relative; font-style: italic; } .page_scrolled .elem_c_header>.style_4 .btn .text { line-height: 48px; font-size: 12px; } } @media screen and (max-width: 480px) { .elem_c_header>.style_4 .btn .text { font-size: 13px; padding: 0px 15px; max-width: 200px; line-height: 62px; } .page_scrolled .elem_c_header>.style_4 .btn .text { line-height: 36px; font-size: 12px; } .elem_c_header>.style_4 .btn_sub{ font-size: 13px; max-width: 200px; } } .elem_c_header>.style_4 .tp_header > .btn.btn_graphic .graphic { display: flex; align-items: flex-end; height: 100%; max-width: 200px; overflow: hidden; margin: auto; } .elem_c_header>.style_4 .btn_graphic img { vertical-align: middle; } .elem_c_header>.style_4 .btn_graphic img.default { display: initial; } .elem_c_header>.style_4 .btn_graphic img.active { display: none; } .elem_c_header>.style_4 .btn_graphic:hover img.active { display: initial; } .elem_c_header>.style_4 .btn_graphic:hover img.default { display: none; } .elem_c_header>.style_4 .btn.btn_graphic .text, .elem_c_header>.style_4.style_4 .btn.btn_graphic .text { padding-bottom: 0px !important; } .elem_c_header>.style_4 .btn_graphic.nolink { display: initial; } .elem_c_header>.style_4 .logo { display: inline-block; text-align: left; height: 100%; } .elem_c_header>.style_4 .logo img { height: 100%; width: auto; } .elem_c_header>.style_4 .logo .img.default { display: block; } .elem_c_header>.style_4 .logo .img.active { display: none; } .elem_c_header>.style_4 .logo:hover .img.active { display: block; } .elem_c_header>.style_4 .logo:hover .img.active + .img.default { display: none; } .elem_c_header>.style_4 .phone { height:100%; display: flex; flex-direction: row; flex-wrap:nowrap; align-items:center; } .elem_c_header>.style_4 .phone__icon { margin-right: 10px; } .elem_c_header>.style_4 .phone__number { font-family: "SourceSans3",sans-serif; font-size:15px; font-weight:400; } .elem_c_header>.style_4.bg_dark .phone { color:rgba(255,255,255,0.5); } .elem_c_header>.style_4.bg_bright .phone { color:rgba(0,0,0,0.5); } .elem_c_header>.style_4 .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_4.bg_dark .dane { background-color: rgba(255,255,255,0.05); } .elem_c_header>.style_4.bg_bright .dane { background-color: rgba(0,0,0,0.05); } .elem_c_header>.style_4 .dane__title { margin-right:14px; font-family: "SourceSans3",sans-serif; font-size:15px; font-weight:400; user-select:none; } .elem_c_header>.style_4.bg_dark .dane__title, .elem_c_header>.style_4.bg_dark .dane__icon { color:rgba(255,255,255,0.5); stroke:rgba(255,255,255,0.5); } .elem_c_header>.style_4.bg_dark .dane:hover .dane__title, .elem_c_header>.style_4.bg_dark .dane:hover .dane__icon { color:#fff; stroke:#fff; } .elem_c_header>.style_4.bg_bright .dane__title, .elem_c_header>.style_4.bg_bright .dane__icon { color:rgba(0,0,0,0.5); stroke:rgba(0,0,0,0.5); } .elem_c_header[data-id="40713994"] .bg_dark .contact_info.--active .dane__title, .elem_c_header[data-id="40713994"] .bg_dark .contact_info.--active .dane__icon { color:#FFFFFF; stroke:#FFFFFF; } .elem_c_header>.style_4.bg_dark .contact_info.--active .dane { background-color: #fff; } .elem_c_header>.style_4.bg_bright .contact_info.--active .dane { background-color: rgba(0,0,0,0.8); } @media screen and (max-width: 950px) { .elem_c_header>.style_4 .contact_info { display:none; } } .elem_c_header>.style_4 .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="40713994"] .contact_box { color:#2E2E2E; } .elem_c_header>.style_4 .contact_info.--active .contact_box { display:block; } .elem_c_header>.style_4 .contact_name { font-family: "SourceSans3",sans-serif; font-size:15px; font-weight:600; margin-bottom:10px; } .elem_c_header[data-id="40713994"] .contact_name { color:#2E2E2E; } .elem_c_header>.style_4 .contact_num { font-family: "SourceSans3",sans-serif; font-size:15px; font-weight:400; line-height: 23px; } .elem_c_header[data-id="40713994"] .contact_num { color:#2E2E2E; } .elem_c_header>.style_4 .contact_phone, .elem_c_header>.style_4 .contact_email { display: flex; flex-direction: row; flex-wrap:nowrap; align-items:top; margin-top:15px; } .elem_c_header>.style_4 .contact_txt { margin-left:15px; font-size:13px; } .elem_c_header>.style_4 .contact_txt__strong, .elem_c_header>.style_4 .contact_txt__strong a { text-decoration:none; } .elem_c_header[data-id="40713994"] .contact_txt__strong, .elem_c_header[data-id="40713994"] .contact_txt__strong a { color:; } .elem_c_header>.style_4 .contact_txt__weak { color: #727482; } </style><div id="elem_c_header40713994" class="style_4 bg_bright"><div class="bot_section"> <div class="bg " style="color:;background:#FFFFFF"></div><div class="wrapper"> <div class="tp_header"><div class="logo"> <a href="#"><img class="img default" src="/webng/_service/loader/src_load.pub.c?src_file=40713987"/></a> </div><input type="checkbox" class="hamburger" id="hamburger-40713994"/> <label class="menu_btn" tabIndex="0" for="hamburger-40713994" style="color:#2E2E2E"><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 " style="color:;background:#FFFFFF"><div class="btn basic "><div class="text"><a href="/start"></a>Strona gBwna</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 btn--active"><div class="text"><a href="/inwestycje"></a>Inwestycje</div> <div class="bottom_margin acol_front_bg"></div> </div><div class="btn basic "><div class="text"><a href="/aktualnosci"></a>Aktualno[ci</div> <div class="bottom_margin acol_front_bg"></div> </div><div class="btn basic "><div class="text"><a href="/kontakt"></a>Kontakt</div> <div class="bottom_margin acol_front_bg"></div> </div><div class="btn btn_graphic basic nolink"><div class="graphic"><img class="active" src="/webng/_service/loader/src_load.pub.c?src_file=40713979"/><img class="default " src="/webng/_service/loader/src_load.pub.c?src_file=40713979"/></div> <div class="bottom_margin acol_front_bg"></div> </div></div><div class="btn btn_graphic basic nolink"><div class="graphic"><img class="active" src="/webng/_service/loader/src_load.pub.c?src_file=40713979"/><img class="default " src="/webng/_service/loader/src_load.pub.c?src_file=40713979"/></div> <div class="bottom_margin acol_front_bg"></div> </div><div class="btn basic "><div class="text"><a href="/kontakt"></a>Kontakt</div> <div class="bottom_margin acol_front_bg"></div> </div><div class="btn basic "><div class="text"><a href="/aktualnosci"></a>Aktualno[ci</div> <div class="bottom_margin acol_front_bg"></div> </div><div class="btn basic btn--active"><div class="text"><a href="/inwestycje"></a>Inwestycje</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="/start"></a>Strona gBwna</div> <div class="bottom_margin acol_front_bg"></div> </div></div> </div> </div> <script> (function() { var containerEl=document.getElementById("elem_c_header40713994"), 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="40714010"><div class="box_elem elem_c_sep elem_show--always" data-id="40714027"> <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:128px;"></div> </div></div><div class="box_elem elem_c_banner elem_show--always" data-id="40714035"> <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:#F57021 !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_3 .banner__wrapper { position: relative; height: 550px; overflow: hidden; } .elem_c_banner .banner_3 .banner__img { box-sizing: border-box; background-size: cover; } .elem_c_banner .banner_3 .content { color: #fff; } .elem_c_banner .banner_3 .content__title { margin-top: 115px; font-family: 'Lato'; font-weight: 300; font-size: 55px; line-height: 65px; } .elem_c_banner .banner_3 .content__text { color: rgba(255,255,255,0.6); margin-top: 35px; font-size: 22px; line-height: 38px; } .elem_c_banner .banner_3 .link-btn { padding: 22px 40px; display: inline-block; border-width: 2px; border-style: solid; color: #fff; margin-top: 35px; font-size: 14px; font-weight: 600; border-radius: 3px; letter-spacing: 1px; } /* Przezroczysto[c, gdy nie hover. */ .elem_c_banner .banner_3 .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_3 .banner__wrapper { height: 392px; } .elem_c_banner .banner_3 .content__title { margin-top: 85px; font-size: 43px; line-height: 50px; } .elem_c_banner .banner_3 .content__text { margin-top: 20px; font-size: 17px; line-height: 25px; } .elem_c_banner .banner_3 .link-btn { margin-top: 20px; } } @media screen and (min-width: 481px) and (max-width: 768px) { .elem_c_banner .banner_3 .banner__wrapper { height: 277px; } .elem_c_banner .banner_3 .banner__content { padding: 0px 20px; } .elem_c_banner .banner_3 .content__title { margin-top: 45px; font-size: 30px; line-height: 38px; } .elem_c_banner .banner_3 .content__text { margin-top: 10px; font-size: 15px; line-height: 22px; } .elem_c_banner .banner_3 .link-btn { margin-top: 15px; padding: 16px 25px; font-size: 12px; } } @media screen and (max-width: 480px) { .elem_c_banner .banner_3 .banner__wrapper { height: 277px; } .elem_c_banner .banner_3 .banner__content { padding: 0px 5px; } .elem_c_banner .banner_3 .content__title { margin-top: 25px; font-size: 30px; line-height: 38px; } .elem_c_banner .banner_3 .content__text { margin-top: 10px; font-size: 13px; line-height: 18px; } .elem_c_banner .banner_3 .link-btn { padding: 14px 20px; margin-top: 20px; font-size: 10px; } } </style><div class="banner_3 bg" style=""> <div class="banner__wrapper acol_front3Light4_bg " style="background-color:;min-height:448px"><div class="banner__img banner__img--full banner__img--wide" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40719388')"></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:400px"> <div class="content__text label bbcode standard " > <div class="wide"><div style="font-family:'Muli'"><div style="text-align:left;margin:100px 0px 0px 0px;"><span style="font-weight:bold;font-size:50px;color:#fff;">Inwestycje</span></div><div style="text-align:left;margin:30px 0px 0px 0px;"><span style="color:#fff;">zachcamy do zapoznania si<br>z nasz ofert, na dedykowanych<br>poszczeglnym lokalizacjom<br>stronach www.</span></div></div></div><div class="narrow"></div> </div></div> </div></div></div> <script> (function() { var containerEl=document.querySelector(".elem_c_banner[data-id='40714035']"), 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--always" data-id="40714045"> <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:#F57021 !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="font-family:'Muli'"><div style="text-align:center;margin:60px 0px 60px 0px;"><span style="font-size:35px;color:#0E2555;">Nieruchomo[ci firmowane logo ST Home<br>to nowoczesna architektura, funkcjonalne wntrza<br>i [wietna lokalizacja.</span></div></div></div> </div> </div></div><div class="box_elem elem_c_banner elem_show--always" data-id="40888376"> <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:#F57021 !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_4 .banner__wrapper { display: block; width: 1200px; margin: auto; position: relative; color: #333; } .elem_c_banner .banner_4 .banner__img, .elem_c_banner .banner_4 .banner__content { width: 50%; height: 100%; position: absolute; top: 0; } .elem_c_banner .banner_4.banner--reverted .banner__img { left: 0; } .elem_c_banner .banner_4.banner--reverted .banner__content { right: 0; } .elem_c_banner .banner_4 .banner__img { right: 0; background-repeat: no-repeat; background-size: cover; background-position: center; } .elem_c_banner .banner_4 .content__title { margin-top: 0px; margin-bottom: 20px; font-size: 22px; font-weight: 700; font-family:"Lato"; } .elem_c_banner .banner_4 .content__text { font-size: 16px; font-family:"Lato"; line-height: 24px; } .elem_c_banner .banner_4 .banner__content { padding: 20px; overflow-y: auto; } .elem_c_banner .banner_4 .banner__link { display: flex; flex-direction: row; } .elem_c_banner .banner_4 .banner_link { display:flex; justify-content:center; } .elem_c_banner .banner_4 .link-btn { padding: 22px 40px; display: block; border-width: 2px; border-style: solid; margin: 63px auto; font-size: 14px; font-weight: 600; border-radius: 3px; letter-spacing: 1px; cursor: pointer; } .elem_c_banner .banner_4 .link-btn:not(:hover) { color: #333 !important; border-color: #333 !important; } /* Przezroczysto[c, gdy nie hover. */ .elem_c_banner .banner_4 .link-btn:not(:hover) { background: transparent !important; } @media screen and (max-width: 1279px) { .elem_c_banner .banner_4 .banner__wrapper { width: 100%; display: flex; flex-direction: column; } .elem_c_banner .banner_4 .banner__img, .elem_c_banner .banner_4 .banner__content { position: static; width: 100%; height: auto !important; } .elem_c_banner .banner_4 .banner__content { flex: 1; } .elem_c_banner .banner_4 .banner__img { height: 100%; min-height: 250px; background-repeat: no-repeat; background-size: cover; background-position: center; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .elem_c_banner .banner_4 .banner__wrapper { width:calc(100% - 80px); } } @media screen and (max-width: 767px) { /* To taki trick na usuwanie marginesu z bbcode dla urzdzeD przeno[nych. */ .elem_c_banner .banner_4 .content__text.label.bbcode > div { margin-left:0 !important; margin-right:0 !important; } } </style><div class="banner_4 bg" style=""> <div class="banner__wrapper acol_front3Light4_bg nav " style="background-color:;min-height:400px"><div class="banner__img banner__img--wide" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40888377')"></div><div class="banner__img banner__img--narrow" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=-1')"></div><div class="banner__content content" style="height:400px"><div class="content__limiter" style="max-width:600px"> <div class="content__text label bbcode standard " > <div class="wide"><div style="font-family:'Muli'"><div style="text-align:left;margin:15px 15px 0px 15px;"><div style="line-height:35px"><span style="font-size:25px;color:#0E2555;">Rezydencja Garbary! Mieszkania z Widokiem!</span></div></div><div style="text-align:left;margin:40px 40px 0px 40px;"><span style="color:#54545;">Ale| to bdzie P E T A R D A! Oficyna kamienicy przy ul. Garbary 43. Mieszkania z balkonami i ogrdkami w centrum!</span></div></div><br><br> <a class="btn" style="border-width:0px;border-color:#F57021;background-color:#F57021" onmouseout="this.style.backgroundColor='#F57021';this.style.borderColor='#F57021'" onmouseover="this.style.borderColor='#0E2555';this.style.backgroundColor='#0E2555'" target="_blank" href="http://www.rezydencjagarbary.pl"><div style='display:inline-block'>Zobacz wicej</div></a></div><div class="narrow"></div> </div></div> </div></div></div> <script> (function() { var containerEl=document.querySelector(".elem_c_banner[data-id='40888376']"), 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--always" data-id="40835683"> <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:#F57021 !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_4 .banner__wrapper { display: block; width: 1200px; margin: auto; position: relative; color: #333; } .elem_c_banner .banner_4 .banner__img, .elem_c_banner .banner_4 .banner__content { width: 50%; height: 100%; position: absolute; top: 0; } .elem_c_banner .banner_4.banner--reverted .banner__img { left: 0; } .elem_c_banner .banner_4.banner--reverted .banner__content { right: 0; } .elem_c_banner .banner_4 .banner__img { right: 0; background-repeat: no-repeat; background-size: cover; background-position: center; } .elem_c_banner .banner_4 .content__title { margin-top: 0px; margin-bottom: 20px; font-size: 22px; font-weight: 700; font-family:"Lato"; } .elem_c_banner .banner_4 .content__text { font-size: 16px; font-family:"Lato"; line-height: 24px; } .elem_c_banner .banner_4 .banner__content { padding: 20px; overflow-y: auto; } .elem_c_banner .banner_4 .banner__link { display: flex; flex-direction: row; } .elem_c_banner .banner_4 .banner_link { display:flex; justify-content:center; } .elem_c_banner .banner_4 .link-btn { padding: 22px 40px; display: block; border-width: 2px; border-style: solid; margin: 63px auto; font-size: 14px; font-weight: 600; border-radius: 3px; letter-spacing: 1px; cursor: pointer; } .elem_c_banner .banner_4 .link-btn:not(:hover) { color: #333 !important; border-color: #333 !important; } /* Przezroczysto[c, gdy nie hover. */ .elem_c_banner .banner_4 .link-btn:not(:hover) { background: transparent !important; } @media screen and (max-width: 1279px) { .elem_c_banner .banner_4 .banner__wrapper { width: 100%; display: flex; flex-direction: column; } .elem_c_banner .banner_4 .banner__img, .elem_c_banner .banner_4 .banner__content { position: static; width: 100%; height: auto !important; } .elem_c_banner .banner_4 .banner__content { flex: 1; } .elem_c_banner .banner_4 .banner__img { height: 100%; min-height: 250px; background-repeat: no-repeat; background-size: cover; background-position: center; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .elem_c_banner .banner_4 .banner__wrapper { width:calc(100% - 80px); } } @media screen and (max-width: 767px) { /* To taki trick na usuwanie marginesu z bbcode dla urzdzeD przeno[nych. */ .elem_c_banner .banner_4 .content__text.label.bbcode > div { margin-left:0 !important; margin-right:0 !important; } } </style><div class="banner_4 banner--reverted bg" style=""> <div class="banner__wrapper acol_front3Light4_bg " style="background-color:;min-height:400px"><div class="banner__img banner__img--wide" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40835684')"></div><div class="banner__img banner__img--narrow" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=-1')"></div><div class="banner__content content" style="height:400px"><div class="content__limiter" style="max-width:600px"> <div class="content__text label bbcode standard " > <div class="wide"><div style="font-family:'Muli'"><div style="text-align:left;margin:15px 15px 0px 15px;"><div style="line-height:35px"><span style="font-size:25px;color:#0E2555;">DziaByDskich 6. Ekskluzywny Adres.</span></div></div><div style="text-align:left;margin:40px 40px 0px 40px;"><span style="color:#545454;">Rewitalizacja piknej kamienicy u zbiegu ulic DziaByDskich i Nowowiejskiego.<br>Powstan 44 apartamenty z tarasami i balkonami, w neobarokowej kamienicy.</span></div></div><br> <a class="btn" style="border-width:0px;border-color:#F57021;background-color:#F57021" onmouseout="this.style.backgroundColor='#F57021';this.style.borderColor='#F57021'" onmouseover="this.style.borderColor='#0E2555';this.style.backgroundColor='#0E2555'" target="_blank" href="http://www.dzialynskich6.pl"><div style='display:inline-block'>Zobacz wicej</div></a></div><div class="narrow"></div> </div></div> </div></div></div> <script> (function() { var containerEl=document.querySelector(".elem_c_banner[data-id='40835683']"), 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--always" data-id="40852304"> <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:#F57021 !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_4 .banner__wrapper { display: block; width: 1200px; margin: auto; position: relative; color: #333; } .elem_c_banner .banner_4 .banner__img, .elem_c_banner .banner_4 .banner__content { width: 50%; height: 100%; position: absolute; top: 0; } .elem_c_banner .banner_4.banner--reverted .banner__img { left: 0; } .elem_c_banner .banner_4.banner--reverted .banner__content { right: 0; } .elem_c_banner .banner_4 .banner__img { right: 0; background-repeat: no-repeat; background-size: cover; background-position: center; } .elem_c_banner .banner_4 .content__title { margin-top: 0px; margin-bottom: 20px; font-size: 22px; font-weight: 700; font-family:"Lato"; } .elem_c_banner .banner_4 .content__text { font-size: 16px; font-family:"Lato"; line-height: 24px; } .elem_c_banner .banner_4 .banner__content { padding: 20px; overflow-y: auto; } .elem_c_banner .banner_4 .banner__link { display: flex; flex-direction: row; } .elem_c_banner .banner_4 .banner_link { display:flex; justify-content:center; } .elem_c_banner .banner_4 .link-btn { padding: 22px 40px; display: block; border-width: 2px; border-style: solid; margin: 63px auto; font-size: 14px; font-weight: 600; border-radius: 3px; letter-spacing: 1px; cursor: pointer; } .elem_c_banner .banner_4 .link-btn:not(:hover) { color: #333 !important; border-color: #333 !important; } /* Przezroczysto[c, gdy nie hover. */ .elem_c_banner .banner_4 .link-btn:not(:hover) { background: transparent !important; } @media screen and (max-width: 1279px) { .elem_c_banner .banner_4 .banner__wrapper { width: 100%; display: flex; flex-direction: column; } .elem_c_banner .banner_4 .banner__img, .elem_c_banner .banner_4 .banner__content { position: static; width: 100%; height: auto !important; } .elem_c_banner .banner_4 .banner__content { flex: 1; } .elem_c_banner .banner_4 .banner__img { height: 100%; min-height: 250px; background-repeat: no-repeat; background-size: cover; background-position: center; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .elem_c_banner .banner_4 .banner__wrapper { width:calc(100% - 80px); } } @media screen and (max-width: 767px) { /* To taki trick na usuwanie marginesu z bbcode dla urzdzeD przeno[nych. */ .elem_c_banner .banner_4 .content__text.label.bbcode > div { margin-left:0 !important; margin-right:0 !important; } } </style><div class="banner_4 bg" style=""> <div class="banner__wrapper acol_front3Light4_bg " style="background-color:;min-height:400px"><div class="banner__img banner__img--wide" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40852305')"></div><div class="banner__img banner__img--narrow" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=-1')"></div><div class="banner__content content" style="height:400px"><div class="content__limiter" style="max-width:600px"> <div class="content__text label bbcode standard " > <div class="wide"><div style="font-family:'Muli'"><div style="text-align:left;margin:15px 15px 0px 15px;"><div style="line-height:35px"><span style="font-size:25px;color:#0E2555;">Eleganckie domy szeregowe z ogrodami w Skrzewie, tu| pod Poznaniem.</span></div><div style="text-align:left;margin:40px 25px 40px 25px;"><span style="color:#545454;">Chcesz mieszka w domu z ogrdkiem, blisko terenw rekreacyjnych, a jednocze[nie korzysta z peBnej infrastruktury miejskiej? Dla Ciebie przygotowali[my Domy Szeregowe Skrzewo. W sprzeda|y ju| Etap III!</span></div> <a class="btn" style="border-width:0px;border-color:#F57021;background-color:#F57021" onmouseout="this.style.backgroundColor='#F57021';this.style.borderColor='#F57021'" onmouseover="this.style.borderColor='#0E2555';this.style.backgroundColor='#0E2555'" target="_blank" href="http://www.skorzewo-domy.pl"><div style='display:inline-block'>Zobacz wicej</div></a></div></div></div><div class="narrow"></div> </div></div> </div></div></div> <script> (function() { var containerEl=document.querySelector(".elem_c_banner[data-id='40852304']"), 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--always" data-id="40888364"> <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:#F57021 !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_4 .banner__wrapper { display: block; width: 1200px; margin: auto; position: relative; color: #333; } .elem_c_banner .banner_4 .banner__img, .elem_c_banner .banner_4 .banner__content { width: 50%; height: 100%; position: absolute; top: 0; } .elem_c_banner .banner_4.banner--reverted .banner__img { left: 0; } .elem_c_banner .banner_4.banner--reverted .banner__content { right: 0; } .elem_c_banner .banner_4 .banner__img { right: 0; background-repeat: no-repeat; background-size: cover; background-position: center; } .elem_c_banner .banner_4 .content__title { margin-top: 0px; margin-bottom: 20px; font-size: 22px; font-weight: 700; font-family:"Lato"; } .elem_c_banner .banner_4 .content__text { font-size: 16px; font-family:"Lato"; line-height: 24px; } .elem_c_banner .banner_4 .banner__content { padding: 20px; overflow-y: auto; } .elem_c_banner .banner_4 .banner__link { display: flex; flex-direction: row; } .elem_c_banner .banner_4 .banner_link { display:flex; justify-content:center; } .elem_c_banner .banner_4 .link-btn { padding: 22px 40px; display: block; border-width: 2px; border-style: solid; margin: 63px auto; font-size: 14px; font-weight: 600; border-radius: 3px; letter-spacing: 1px; cursor: pointer; } .elem_c_banner .banner_4 .link-btn:not(:hover) { color: #333 !important; border-color: #333 !important; } /* Przezroczysto[c, gdy nie hover. */ .elem_c_banner .banner_4 .link-btn:not(:hover) { background: transparent !important; } @media screen and (max-width: 1279px) { .elem_c_banner .banner_4 .banner__wrapper { width: 100%; display: flex; flex-direction: column; } .elem_c_banner .banner_4 .banner__img, .elem_c_banner .banner_4 .banner__content { position: static; width: 100%; height: auto !important; } .elem_c_banner .banner_4 .banner__content { flex: 1; } .elem_c_banner .banner_4 .banner__img { height: 100%; min-height: 250px; background-repeat: no-repeat; background-size: cover; background-position: center; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .elem_c_banner .banner_4 .banner__wrapper { width:calc(100% - 80px); } } @media screen and (max-width: 767px) { /* To taki trick na usuwanie marginesu z bbcode dla urzdzeD przeno[nych. */ .elem_c_banner .banner_4 .content__text.label.bbcode > div { margin-left:0 !important; margin-right:0 !important; } } </style><div class="banner_4 banner--reverted bg" style=""> <div class="banner__wrapper acol_front3Light4_bg nav " style="background-color:;min-height:400px"><div class="banner__img banner__img--wide" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40935855')"></div><div class="banner__img banner__img--narrow" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=-1')"></div><div class="banner__content content" style="height:400px"><div class="content__limiter" style="max-width:600px"> <div class="content__text label bbcode standard " > <div class="wide"><div style="font-family:'Muli'"><div style="text-align:left;margin:15px 15px 0px 15px;"><div style="line-height:35px"><span style="font-size:25px;color:#0E2555;">Butikowa kamienica w [cisBym centrum Poznania! Fantastyczna lokalizacja.</span></div></div><div style="text-align:left;margin:40px 40px 0px 40px;"><span style="color:#545454;">Mieszkania w kamienicy z koDca XIX wieku. Gwarna 8. Mieszkaj w Centrum!</span></div></div><br><br> <a class="btn" style="border-width:0px;border-color:#F57021;background-color:#F57021" onmouseout="this.style.backgroundColor='#F57021';this.style.borderColor='#F57021'" onmouseover="this.style.borderColor='#0E2555';this.style.backgroundColor='#0E2555'" target="_blank" href="http://www.gwarna8.pl"><div style='display:inline-block'>Zobacz wicej</div></a></div><div class="narrow"></div> </div></div> </div></div></div> <script> (function() { var containerEl=document.querySelector(".elem_c_banner[data-id='40888364']"), 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--always" data-id="40720422"> <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:#F57021 !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="font-family:'Muli'"><div style="text-align:center;margin:60px 0px 60px 0px;"><span style="font-size:50px;color:#0E2555;">Inwestycyjne zapowiedzi</span></div></div></div> </div> </div></div><div class="box_elem elem_c_banner elem_show--always" data-id="40720445"> <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:#F57021 !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_4 .banner__wrapper { display: block; width: 1200px; margin: auto; position: relative; color: #333; } .elem_c_banner .banner_4 .banner__img, .elem_c_banner .banner_4 .banner__content { width: 50%; height: 100%; position: absolute; top: 0; } .elem_c_banner .banner_4.banner--reverted .banner__img { left: 0; } .elem_c_banner .banner_4.banner--reverted .banner__content { right: 0; } .elem_c_banner .banner_4 .banner__img { right: 0; background-repeat: no-repeat; background-size: cover; background-position: center; } .elem_c_banner .banner_4 .content__title { margin-top: 0px; margin-bottom: 20px; font-size: 22px; font-weight: 700; font-family:"Lato"; } .elem_c_banner .banner_4 .content__text { font-size: 16px; font-family:"Lato"; line-height: 24px; } .elem_c_banner .banner_4 .banner__content { padding: 20px; overflow-y: auto; } .elem_c_banner .banner_4 .banner__link { display: flex; flex-direction: row; } .elem_c_banner .banner_4 .banner_link { display:flex; justify-content:center; } .elem_c_banner .banner_4 .link-btn { padding: 22px 40px; display: block; border-width: 2px; border-style: solid; margin: 63px auto; font-size: 14px; font-weight: 600; border-radius: 3px; letter-spacing: 1px; cursor: pointer; } .elem_c_banner .banner_4 .link-btn:not(:hover) { color: #333 !important; border-color: #333 !important; } /* Przezroczysto[c, gdy nie hover. */ .elem_c_banner .banner_4 .link-btn:not(:hover) { background: transparent !important; } @media screen and (max-width: 1279px) { .elem_c_banner .banner_4 .banner__wrapper { width: 100%; display: flex; flex-direction: column; } .elem_c_banner .banner_4 .banner__img, .elem_c_banner .banner_4 .banner__content { position: static; width: 100%; height: auto !important; } .elem_c_banner .banner_4 .banner__content { flex: 1; } .elem_c_banner .banner_4 .banner__img { height: 100%; min-height: 250px; background-repeat: no-repeat; background-size: cover; background-position: center; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .elem_c_banner .banner_4 .banner__wrapper { width:calc(100% - 80px); } } @media screen and (max-width: 767px) { /* To taki trick na usuwanie marginesu z bbcode dla urzdzeD przeno[nych. */ .elem_c_banner .banner_4 .content__text.label.bbcode > div { margin-left:0 !important; margin-right:0 !important; } } </style><div class="banner_4 bg" style=""> <div class="banner__wrapper acol_front3Light4_bg " style="background-color:;min-height:400px"><div class="banner__img banner__img--wide" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40752318')"></div><div class="banner__img banner__img--narrow" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=-1')"></div><div class="banner__content content" style="height:400px"><div class="content__limiter" style="max-width:600px"> <div class="content__text label bbcode standard " > <div class="wide"><div style="font-family:'Muli'"><div style="text-align:left;margin:15px 15px 0px 15px;"><div style="line-height:35px"><span style="font-size:25px;color:#0E2555;">StrzaBkowskiego! Budujemy w Sercu Je|yc.</span></div></div><div style="text-align:left;margin:40px 40px 0px 40px;"><span style="color:#54545;">Uchylamy rbek tajemnicy! Pracujemy nad now inwestycj, usytuowan w Poznaniu przy ul. StrzaBkowskiego, vis a vis muralu Szymona Kaczmarka.<br><br>Powstanie nowoczesny, minimalistyczny budynek a w nim kilkadziesit mieszkaD dla kochajcych miejskie |ycie! Trzymajcie rk na pulsie - te mieszkania rozejd si jak [wie|e buBeczki!</span></div></div></div><div class="narrow"></div> </div></div> </div></div></div> <script> (function() { var containerEl=document.querySelector(".elem_c_banner[data-id='40720445']"), 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--always" data-id="40714067"> <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:#F57021 !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="font-family:'Muli'"><div style="text-align:center;margin:60px 0px 60px 0px;"><span style="font-size:50px;color:#0E2555;">Inwestycje zrealizowane</span></div></div></div> </div> </div></div><div class="box_elem elem_c_banner elem_show--always" data-id="40752228"> <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:#F57021 !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_4 .banner__wrapper { display: block; width: 1200px; margin: auto; position: relative; color: #333; } .elem_c_banner .banner_4 .banner__img, .elem_c_banner .banner_4 .banner__content { width: 50%; height: 100%; position: absolute; top: 0; } .elem_c_banner .banner_4.banner--reverted .banner__img { left: 0; } .elem_c_banner .banner_4.banner--reverted .banner__content { right: 0; } .elem_c_banner .banner_4 .banner__img { right: 0; background-repeat: no-repeat; background-size: cover; background-position: center; } .elem_c_banner .banner_4 .content__title { margin-top: 0px; margin-bottom: 20px; font-size: 22px; font-weight: 700; font-family:"Lato"; } .elem_c_banner .banner_4 .content__text { font-size: 16px; font-family:"Lato"; line-height: 24px; } .elem_c_banner .banner_4 .banner__content { padding: 20px; overflow-y: auto; } .elem_c_banner .banner_4 .banner__link { display: flex; flex-direction: row; } .elem_c_banner .banner_4 .banner_link { display:flex; justify-content:center; } .elem_c_banner .banner_4 .link-btn { padding: 22px 40px; display: block; border-width: 2px; border-style: solid; margin: 63px auto; font-size: 14px; font-weight: 600; border-radius: 3px; letter-spacing: 1px; cursor: pointer; } .elem_c_banner .banner_4 .link-btn:not(:hover) { color: #333 !important; border-color: #333 !important; } /* Przezroczysto[c, gdy nie hover. */ .elem_c_banner .banner_4 .link-btn:not(:hover) { background: transparent !important; } @media screen and (max-width: 1279px) { .elem_c_banner .banner_4 .banner__wrapper { width: 100%; display: flex; flex-direction: column; } .elem_c_banner .banner_4 .banner__img, .elem_c_banner .banner_4 .banner__content { position: static; width: 100%; height: auto !important; } .elem_c_banner .banner_4 .banner__content { flex: 1; } .elem_c_banner .banner_4 .banner__img { height: 100%; min-height: 250px; background-repeat: no-repeat; background-size: cover; background-position: center; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .elem_c_banner .banner_4 .banner__wrapper { width:calc(100% - 80px); } } @media screen and (max-width: 767px) { /* To taki trick na usuwanie marginesu z bbcode dla urzdzeD przeno[nych. */ .elem_c_banner .banner_4 .content__text.label.bbcode > div { margin-left:0 !important; margin-right:0 !important; } } </style><div class="banner_4 bg" style=""> <div class="banner__wrapper acol_front3Light4_bg " style="background-color:;min-height:400px"><div class="banner__img banner__img--wide" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40752229')"></div><div class="banner__img banner__img--narrow" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=-1')"></div><div class="banner__content content" style="height:400px"><div class="content__limiter" style="max-width:600px"> <div class="content__text label bbcode standard " > <div class="wide"><div style="font-family:'Muli'"><div style="text-align:left;margin:15px 15px 0px 15px;"><div style="line-height:35px"><span style="font-size:25px;color:#0E2555;">Dachowa Domy Etap IV. Du|e i komfortowe domy w zabudowie szeregowej.</span></div></div><div style="text-align:left;margin:35px 25px 35px 25px;"><span style="color:#545454;">W IV Etapie inwestycji powstan domy o powierzchni 113m2-115m2. Tylko 4 lokale w szeregu, gwarantuj komfort i du|e ogrody! Wybierajc dom na osiedlu Dachowa Domy, zapewnisz sobie i rodzinie kontakt z natur na co dzieD. Blisko[ Poznania pozwoli Ci korzysta z miejskich atrakcji, kiedy przyjdzie Ci ochota! Poznaj szczegBy!</span></div> <a class="btn" style="border-width:0px;border-color:#F57021;background-color:#F57021" onmouseout="this.style.backgroundColor='#F57021';this.style.borderColor='#F57021'" onmouseover="this.style.borderColor='#0E2555';this.style.backgroundColor='#0E2555'" target="_blank" href="http://www.dachowa-domy.pl//home"><div style='display:inline-block'>Zobacz wicej</div></a></div></div><div class="narrow"></div> </div></div> </div></div></div> <script> (function() { var containerEl=document.querySelector(".elem_c_banner[data-id='40752228']"), 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--always" data-id="40720466"> <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:#F57021 !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_4 .banner__wrapper { display: block; width: 1200px; margin: auto; position: relative; color: #333; } .elem_c_banner .banner_4 .banner__img, .elem_c_banner .banner_4 .banner__content { width: 50%; height: 100%; position: absolute; top: 0; } .elem_c_banner .banner_4.banner--reverted .banner__img { left: 0; } .elem_c_banner .banner_4.banner--reverted .banner__content { right: 0; } .elem_c_banner .banner_4 .banner__img { right: 0; background-repeat: no-repeat; background-size: cover; background-position: center; } .elem_c_banner .banner_4 .content__title { margin-top: 0px; margin-bottom: 20px; font-size: 22px; font-weight: 700; font-family:"Lato"; } .elem_c_banner .banner_4 .content__text { font-size: 16px; font-family:"Lato"; line-height: 24px; } .elem_c_banner .banner_4 .banner__content { padding: 20px; overflow-y: auto; } .elem_c_banner .banner_4 .banner__link { display: flex; flex-direction: row; } .elem_c_banner .banner_4 .banner_link { display:flex; justify-content:center; } .elem_c_banner .banner_4 .link-btn { padding: 22px 40px; display: block; border-width: 2px; border-style: solid; margin: 63px auto; font-size: 14px; font-weight: 600; border-radius: 3px; letter-spacing: 1px; cursor: pointer; } .elem_c_banner .banner_4 .link-btn:not(:hover) { color: #333 !important; border-color: #333 !important; } /* Przezroczysto[c, gdy nie hover. */ .elem_c_banner .banner_4 .link-btn:not(:hover) { background: transparent !important; } @media screen and (max-width: 1279px) { .elem_c_banner .banner_4 .banner__wrapper { width: 100%; display: flex; flex-direction: column; } .elem_c_banner .banner_4 .banner__img, .elem_c_banner .banner_4 .banner__content { position: static; width: 100%; height: auto !important; } .elem_c_banner .banner_4 .banner__content { flex: 1; } .elem_c_banner .banner_4 .banner__img { height: 100%; min-height: 250px; background-repeat: no-repeat; background-size: cover; background-position: center; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .elem_c_banner .banner_4 .banner__wrapper { width:calc(100% - 80px); } } @media screen and (max-width: 767px) { /* To taki trick na usuwanie marginesu z bbcode dla urzdzeD przeno[nych. */ .elem_c_banner .banner_4 .content__text.label.bbcode > div { margin-left:0 !important; margin-right:0 !important; } } </style><div class="banner_4 banner--reverted bg" style=""> <div class="banner__wrapper acol_front3Light4_bg " style="background-color:;min-height:400px"><div class="banner__img banner__img--wide" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40762008')"></div><div class="banner__img banner__img--narrow" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=-1')"></div><div class="banner__content content" style="height:400px"><div class="content__limiter" style="max-width:600px"> <div class="content__text label bbcode standard " > <div class="wide"><div style="font-family:'Muli'"><div style="text-align:left;margin:15px 15px 0px 15px;"><div style="line-height:35px"><span style="font-size:25px;color:#0E2555;">III etap inwestycji. Eleganckie domy na poznaDskim Szczepankowie!</span></div></div><div style="text-align:left;margin:40px 40px 0px 40px;"><span style="color:#545454;">Domy nad SpBawk to inwestycja, usytuowana w spokojnej, willowej dzielnicy Poznania - Szczepankowie. Nazw zaczerpnli[my od wijcej si tu| obok rzeczki.<br>Nowoczesna architektura i du|e przeszklenia - czysta elegancja!<br>Powstaje 14 domw z du|ymi ogrodami!</span></div></div><br><br> <a class="btn" style="border-width:0px;border-color:#F57021;background-color:#F57021" onmouseout="this.style.backgroundColor='#F57021';this.style.borderColor='#F57021'" onmouseover="this.style.borderColor='#0E2555';this.style.backgroundColor='#0E2555'" target="_blank" href="http://www.szczepankowo-domy.pl//home"><div style='display:inline-block'>Zobacz wicej</div></a></div><div class="narrow"></div> </div></div> </div></div></div> <script> (function() { var containerEl=document.querySelector(".elem_c_banner[data-id='40720466']"), 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--always" data-id="40752220"> <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:#F57021 !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_4 .banner__wrapper { display: block; width: 1200px; margin: auto; position: relative; color: #333; } .elem_c_banner .banner_4 .banner__img, .elem_c_banner .banner_4 .banner__content { width: 50%; height: 100%; position: absolute; top: 0; } .elem_c_banner .banner_4.banner--reverted .banner__img { left: 0; } .elem_c_banner .banner_4.banner--reverted .banner__content { right: 0; } .elem_c_banner .banner_4 .banner__img { right: 0; background-repeat: no-repeat; background-size: cover; background-position: center; } .elem_c_banner .banner_4 .content__title { margin-top: 0px; margin-bottom: 20px; font-size: 22px; font-weight: 700; font-family:"Lato"; } .elem_c_banner .banner_4 .content__text { font-size: 16px; font-family:"Lato"; line-height: 24px; } .elem_c_banner .banner_4 .banner__content { padding: 20px; overflow-y: auto; } .elem_c_banner .banner_4 .banner__link { display: flex; flex-direction: row; } .elem_c_banner .banner_4 .banner_link { display:flex; justify-content:center; } .elem_c_banner .banner_4 .link-btn { padding: 22px 40px; display: block; border-width: 2px; border-style: solid; margin: 63px auto; font-size: 14px; font-weight: 600; border-radius: 3px; letter-spacing: 1px; cursor: pointer; } .elem_c_banner .banner_4 .link-btn:not(:hover) { color: #333 !important; border-color: #333 !important; } /* Przezroczysto[c, gdy nie hover. */ .elem_c_banner .banner_4 .link-btn:not(:hover) { background: transparent !important; } @media screen and (max-width: 1279px) { .elem_c_banner .banner_4 .banner__wrapper { width: 100%; display: flex; flex-direction: column; } .elem_c_banner .banner_4 .banner__img, .elem_c_banner .banner_4 .banner__content { position: static; width: 100%; height: auto !important; } .elem_c_banner .banner_4 .banner__content { flex: 1; } .elem_c_banner .banner_4 .banner__img { height: 100%; min-height: 250px; background-repeat: no-repeat; background-size: cover; background-position: center; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .elem_c_banner .banner_4 .banner__wrapper { width:calc(100% - 80px); } } @media screen and (max-width: 767px) { /* To taki trick na usuwanie marginesu z bbcode dla urzdzeD przeno[nych. */ .elem_c_banner .banner_4 .content__text.label.bbcode > div { margin-left:0 !important; margin-right:0 !important; } } </style><div class="banner_4 bg" style=""> <div class="banner__wrapper acol_front3Light4_bg " style="background-color:;min-height:400px"><div class="banner__img banner__img--wide" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40860013')"></div><div class="banner__img banner__img--narrow" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=-1')"></div><div class="banner__content content" style="height:400px"><div class="content__limiter" style="max-width:600px"> <div class="content__text label bbcode standard " > <div class="wide"><div style="font-family:'Muli'"><div style="text-align:left;margin:15px 15px 0px 15px;"><div style="line-height:35px"><span style="font-size:25px;color:#0E2555;">Kameralny budynek z gara|em podziemnym w Poznaniu przy ulicy Dmowskiego 81. {yj rytmem miasta!</span></div><div style="text-align:left;margin:40px 25px 40px 25px;"><span style="color:#545454;">MieszkaDcy Dmowskiego 81, do pracy lub na uczelni dojad rowerem lub tramwajem. Chyba, |e wol pokona kilka przecznic pieszo! Bo Dmowskiego 81 to idealny Adres W Poznaniu. Wszystko w zasigu rki!</span></div> <a class="btn" style="border-width:0px;border-color:#F57021;background-color:#F57021" onmouseout="this.style.backgroundColor='#F57021';this.style.borderColor='#F57021'" onmouseover="this.style.borderColor='#0E2555';this.style.backgroundColor='#0E2555'" target="_blank" href="http://www.dmowskiego-domy.pl//home"><div style='display:inline-block'>Zobacz wicej</div></a></div></div></div><div class="narrow"></div> </div></div> </div></div></div> <script> (function() { var containerEl=document.querySelector(".elem_c_banner[data-id='40752220']"), 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--always" data-id="40714063"> <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:#F57021 !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_4 .banner__wrapper { display: block; width: 1200px; margin: auto; position: relative; color: #333; } .elem_c_banner .banner_4 .banner__img, .elem_c_banner .banner_4 .banner__content { width: 50%; height: 100%; position: absolute; top: 0; } .elem_c_banner .banner_4.banner--reverted .banner__img { left: 0; } .elem_c_banner .banner_4.banner--reverted .banner__content { right: 0; } .elem_c_banner .banner_4 .banner__img { right: 0; background-repeat: no-repeat; background-size: cover; background-position: center; } .elem_c_banner .banner_4 .content__title { margin-top: 0px; margin-bottom: 20px; font-size: 22px; font-weight: 700; font-family:"Lato"; } .elem_c_banner .banner_4 .content__text { font-size: 16px; font-family:"Lato"; line-height: 24px; } .elem_c_banner .banner_4 .banner__content { padding: 20px; overflow-y: auto; } .elem_c_banner .banner_4 .banner__link { display: flex; flex-direction: row; } .elem_c_banner .banner_4 .banner_link { display:flex; justify-content:center; } .elem_c_banner .banner_4 .link-btn { padding: 22px 40px; display: block; border-width: 2px; border-style: solid; margin: 63px auto; font-size: 14px; font-weight: 600; border-radius: 3px; letter-spacing: 1px; cursor: pointer; } .elem_c_banner .banner_4 .link-btn:not(:hover) { color: #333 !important; border-color: #333 !important; } /* Przezroczysto[c, gdy nie hover. */ .elem_c_banner .banner_4 .link-btn:not(:hover) { background: transparent !important; } @media screen and (max-width: 1279px) { .elem_c_banner .banner_4 .banner__wrapper { width: 100%; display: flex; flex-direction: column; } .elem_c_banner .banner_4 .banner__img, .elem_c_banner .banner_4 .banner__content { position: static; width: 100%; height: auto !important; } .elem_c_banner .banner_4 .banner__content { flex: 1; } .elem_c_banner .banner_4 .banner__img { height: 100%; min-height: 250px; background-repeat: no-repeat; background-size: cover; background-position: center; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .elem_c_banner .banner_4 .banner__wrapper { width:calc(100% - 80px); } } @media screen and (max-width: 767px) { /* To taki trick na usuwanie marginesu z bbcode dla urzdzeD przeno[nych. */ .elem_c_banner .banner_4 .content__text.label.bbcode > div { margin-left:0 !important; margin-right:0 !important; } } </style><div class="banner_4 banner--reverted bg" style=""> <div class="banner__wrapper acol_front3Light4_bg " style="background-color:;min-height:400px"><div class="banner__img banner__img--wide" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40717706')"></div><div class="banner__img banner__img--narrow" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=-1')"></div><div class="banner__content content" style="height:400px"><div class="content__limiter" style="max-width:600px"> <div class="content__text label bbcode standard " > <div class="wide"><div style="font-family:'Muli'"><div style="text-align:left;margin:15px 15px 0px 15px;"><div style="line-height:30px"><span style="font-size:25px;color:#0E2555;">Osiedle Dachowa Domy Etap III. Domy i mieszkania odpowiadajce na potrzeby wspBczesnej rodziny. Ka|dy lokal z gara|em. Do wyboru taras lub ogrdek.</span></div><div style="text-align:left;margin:35px 25px 35px 25px;"><span style="color:#545454;">Blisko[ miasta pozwala czerpa z jego mo|liwo[ci, korzysta z jego atrakcji ale na Twoich warunkach! Na co dzieD, wybierajc Dachowa Domy, zyskujesz dom z dala od zgieBku i cieszysz si |yciem w miejscu, gdzie czas pBynie wolniej.</span></div></div></div></div><div class="narrow"></div> </div></div> </div></div></div> <script> (function() { var containerEl=document.querySelector(".elem_c_banner[data-id='40714063']"), 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--always" data-id="40714071"> <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:#F57021 !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_4 .banner__wrapper { display: block; width: 1200px; margin: auto; position: relative; color: #333; } .elem_c_banner .banner_4 .banner__img, .elem_c_banner .banner_4 .banner__content { width: 50%; height: 100%; position: absolute; top: 0; } .elem_c_banner .banner_4.banner--reverted .banner__img { left: 0; } .elem_c_banner .banner_4.banner--reverted .banner__content { right: 0; } .elem_c_banner .banner_4 .banner__img { right: 0; background-repeat: no-repeat; background-size: cover; background-position: center; } .elem_c_banner .banner_4 .content__title { margin-top: 0px; margin-bottom: 20px; font-size: 22px; font-weight: 700; font-family:"Lato"; } .elem_c_banner .banner_4 .content__text { font-size: 16px; font-family:"Lato"; line-height: 24px; } .elem_c_banner .banner_4 .banner__content { padding: 20px; overflow-y: auto; } .elem_c_banner .banner_4 .banner__link { display: flex; flex-direction: row; } .elem_c_banner .banner_4 .banner_link { display:flex; justify-content:center; } .elem_c_banner .banner_4 .link-btn { padding: 22px 40px; display: block; border-width: 2px; border-style: solid; margin: 63px auto; font-size: 14px; font-weight: 600; border-radius: 3px; letter-spacing: 1px; cursor: pointer; } .elem_c_banner .banner_4 .link-btn:not(:hover) { color: #333 !important; border-color: #333 !important; } /* Przezroczysto[c, gdy nie hover. */ .elem_c_banner .banner_4 .link-btn:not(:hover) { background: transparent !important; } @media screen and (max-width: 1279px) { .elem_c_banner .banner_4 .banner__wrapper { width: 100%; display: flex; flex-direction: column; } .elem_c_banner .banner_4 .banner__img, .elem_c_banner .banner_4 .banner__content { position: static; width: 100%; height: auto !important; } .elem_c_banner .banner_4 .banner__content { flex: 1; } .elem_c_banner .banner_4 .banner__img { height: 100%; min-height: 250px; background-repeat: no-repeat; background-size: cover; background-position: center; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .elem_c_banner .banner_4 .banner__wrapper { width:calc(100% - 80px); } } @media screen and (max-width: 767px) { /* To taki trick na usuwanie marginesu z bbcode dla urzdzeD przeno[nych. */ .elem_c_banner .banner_4 .content__text.label.bbcode > div { margin-left:0 !important; margin-right:0 !important; } } </style><div class="banner_4 bg" style=""> <div class="banner__wrapper acol_front3Light4_bg " style="background-color:;min-height:400px"><div class="banner__img banner__img--wide" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40714072')"></div><div class="banner__img banner__img--narrow" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=-1')"></div><div class="banner__content content" style="height:400px"><div class="content__limiter" style="max-width:600px"> <div class="content__text label bbcode standard " > <div class="wide"><div style="font-family:'Muli'"><div style="text-align:left;margin:15px 15px 0px 15px;"><div style="line-height:35px"><span style="font-size:25px;color:#0E2555;">Dachowa Domy Etap I i II. Domy i mieszkania w zabudowie szeregowej. Ka|dy lokal z gara|em. Do wyboru taras lub ogrdek.</span></div></div><div style="text-align:left;margin:40px 40px 0px 40px;"><span style="color:#54545;">Etap I i II ju| wyprzedany, ale w Dachowie realizujemy ju| IV etap inwestycji!</span></div></div></div><div class="narrow"></div> </div></div> </div></div></div> <script> (function() { var containerEl=document.querySelector(".elem_c_banner[data-id='40714071']"), 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--always" data-id="40888358"> <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:#F57021 !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_4 .banner__wrapper { display: block; width: 1200px; margin: auto; position: relative; color: #333; } .elem_c_banner .banner_4 .banner__img, .elem_c_banner .banner_4 .banner__content { width: 50%; height: 100%; position: absolute; top: 0; } .elem_c_banner .banner_4.banner--reverted .banner__img { left: 0; } .elem_c_banner .banner_4.banner--reverted .banner__content { right: 0; } .elem_c_banner .banner_4 .banner__img { right: 0; background-repeat: no-repeat; background-size: cover; background-position: center; } .elem_c_banner .banner_4 .content__title { margin-top: 0px; margin-bottom: 20px; font-size: 22px; font-weight: 700; font-family:"Lato"; } .elem_c_banner .banner_4 .content__text { font-size: 16px; font-family:"Lato"; line-height: 24px; } .elem_c_banner .banner_4 .banner__content { padding: 20px; overflow-y: auto; } .elem_c_banner .banner_4 .banner__link { display: flex; flex-direction: row; } .elem_c_banner .banner_4 .banner_link { display:flex; justify-content:center; } .elem_c_banner .banner_4 .link-btn { padding: 22px 40px; display: block; border-width: 2px; border-style: solid; margin: 63px auto; font-size: 14px; font-weight: 600; border-radius: 3px; letter-spacing: 1px; cursor: pointer; } .elem_c_banner .banner_4 .link-btn:not(:hover) { color: #333 !important; border-color: #333 !important; } /* Przezroczysto[c, gdy nie hover. */ .elem_c_banner .banner_4 .link-btn:not(:hover) { background: transparent !important; } @media screen and (max-width: 1279px) { .elem_c_banner .banner_4 .banner__wrapper { width: 100%; display: flex; flex-direction: column; } .elem_c_banner .banner_4 .banner__img, .elem_c_banner .banner_4 .banner__content { position: static; width: 100%; height: auto !important; } .elem_c_banner .banner_4 .banner__content { flex: 1; } .elem_c_banner .banner_4 .banner__img { height: 100%; min-height: 250px; background-repeat: no-repeat; background-size: cover; background-position: center; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .elem_c_banner .banner_4 .banner__wrapper { width:calc(100% - 80px); } } @media screen and (max-width: 767px) { /* To taki trick na usuwanie marginesu z bbcode dla urzdzeD przeno[nych. */ .elem_c_banner .banner_4 .content__text.label.bbcode > div { margin-left:0 !important; margin-right:0 !important; } } </style><div class="banner_4 banner--reverted bg" style=""> <div class="banner__wrapper acol_front3Light4_bg " style="background-color:;min-height:400px"><div class="banner__img banner__img--wide" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=40714076')"></div><div class="banner__img banner__img--narrow" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=-1')"></div><div class="banner__content content" style="height:400px"><div class="content__limiter" style="max-width:600px"> <div class="content__text label bbcode standard " > <div class="wide"><div style="font-family:'Muli'"><div style="text-align:left;margin:15px 15px 0px 15px;"><div style="line-height:35px"><span style="font-size:25px;color:#0E2555;">BocheDska Domy. Etap I. Eleganckie domy w zabudowie blizniaczej. Wysoki standard wykoDczenia w cenie!</span></div></div><div style="text-align:left;margin:40px 40px 0px 40px;"><span style="color:#545454;">Nowoczesna architektura i komfort! BocheDska Domy to inwestycja usytuowana w spokojnej, willowej dzielnicy Poznania. Domy cechuje elegancka, nowoczesna linia, a pBaski dach i du|e przeszklenia podkre[laj jego funkcjonaln architektur.</span></div></div></div><div class="narrow"></div> </div></div> </div></div></div> <script> (function() { var containerEl=document.querySelector(".elem_c_banner[data-id='40888358']"), 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--always" data-id="40714090"> <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:#F57021 !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="font-family:'Muli'"><div style="text-align:center;margin:60px 0px 60px 0px;"><span style="font-size:50px;color:#0E2555;">Lokalizacja</span></div></div></div> </div> </div></div><div class="box_elem elem_c_map elem_show--always" data-id="40714082"> <style> .elem_c_map .gmap--simple{ max-width:1200px; margin:auto; } </style><div id="map40714082" class="gmap gmap--standard" style="min-width:0px;min-height:580px;margin-top:0;margin-bottom:0;" data-branch="no" data-scrollwheel="no"></div> <ul style="display:none"><li class="localization" data-lat="52.385816" data-lng="16.895573" data-detail="Dmowskiego Domy">&nbsp;</li><li class="localization" data-lat="52.297481" data-lng="17.084460" data-detail="Dachowa Domy">&nbsp;</li><li class="localization" data-lat="52.392561" data-lng="16.770939" data-detail="Skorzewo Domy">&nbsp;</li><li class="localization" data-lat="52.348422" data-lng="17.016992" data-detail="Szczepankowo Nad SpBawk">&nbsp;</li></ul> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAuBNEQGBh8xMRDtV7wdx4BaN4kLM__K_U"></script> <script> (function() { var gmapEl=document.getElementById("map40714082"), gmap, initMapConfig={ center: { lat: 52.405781, lng: 16.92892 }, zoom : 14, scrollwheel: gmapEl.getAttribute("scrollwheel"), mapTypeId: google.maps.MapTypeId.ROADMAP, mapTypeControl: false, styles: [ { "featureType": "administrative", "elementType": "labels.text.fill", "stylers": [{"color": "#444444" }] }, { "featureType": "administrative.land_parcel", "elementType": "geometry.fill", "stylers": [{"visibility": "off"}] }, { "featureType": "landscape", "elementType": "all", "stylers": [ {"visibility": "simplified"}, {"hue": "#0E2555"} ] }, { "featureType": "landscape.man_made", "elementType": "all", "stylers": [{"visibility": "on"}] }, { "featureType": "poi", "elementType": "all", "stylers": [{"visibility": "on"}] }, { "featureType": "poi", "elementType": "geometry.fill", "stylers": [ {"visibility": "on"}, {"hue": "#0E2555"} ] }, { "featureType": "poi", "elementType": "labels", "stylers": [{"visibility": "on"}] }, { "featureType": "poi", "elementType": "labels.text", "stylers": [{"color": "#F57021"}] }, { "featureType": "poi", "elementType": "labels.text.stroke", "stylers": [{"visibility": "off"}] }, { "featureType": "poi", "elementType": "labels.icon", "stylers": [ {"visibility": "on"}, {"saturation": "-62"}, {"hue": "#0E2555"} ] }, { featureType: 'poi.business', elementType: 'labels', stylers: [ { visibility: 'off' } ] }, { "featureType": "road", "elementType": "all", "stylers": [ {"saturation": -100}, {"lightness": 45}, {"visibility": "on"} ] }, { "featureType": "road.highway", "elementType": "all", "stylers": [ {"visibility": "on"}, {"saturation": "-40"}, {"lightness": "-12"}, {"hue": "#0E2555"} ] }, { "featureType": "road.highway", "elementType": "geometry.fill", "stylers": [ {"visibility": "on"}, {"saturation": "0"}, {"lightness": "1"}, {"gamma": "1.10"}, {"hue": "#0E2555"} ] }, { "featureType": "road.highway", "elementType": "geometry.stroke", "stylers": [ {"visibility": "on"}, {"gamma": "0.86"} ] }, { "featureType": "road.highway", "elementType": "labels.text", "stylers": [{"weight": "1.00"}] }, { "featureType": "road.highway", "elementType": "labels.text.fill", "stylers": [ {"weight": "1.03"}, {"lightness": "0"} ] }, { "featureType": "road.highway", "elementType": "labels.text.stroke", "stylers": [{"visibility": "off"}] }, { "featureType": "road.highway", "elementType": "labels.icon", "stylers": [{"weight": "1.03"}] }, { "featureType": "road.highway.controlled_access", "elementType": "labels.text.fill", "stylers": [ {"weight": "1.09"}, {"lightness": "0"}, {"gamma": "1.02"} ] }, { "featureType": "road.highway.controlled_access", "elementType": "labels.icon", "stylers": [ {"gamma": "1.06"}, {"lightness": "0"} ] }, { "featureType": "road.arterial", "elementType": "labels.text.fill", "stylers": [{"lightness": "-35"}] }, { "featureType": "road.arterial", "elementType": "labels.text.stroke", "stylers": [{"visibility": "off"}] }, { "featureType": "road.arterial", "elementType": "labels.icon", "stylers": [{"visibility": "on"}] }, { "featureType": "road.local", "elementType": "labels.text", "stylers": [{"weight": "0.01"}] }, { "featureType": "road.local", "elementType": "labels.text.fill", "stylers": [ {"weight": "0.01"}, {"saturation": "-100"}, {"lightness": "-24"} ] }, { "featureType": "road.local", "elementType": "labels.text.stroke", "stylers": [{"visibility": "off"}] }, { "featureType": "transit", "elementType": "all", "stylers": [{"visibility": "off"}] }, { "featureType": "water", "elementType": "all", "stylers": [ {"visibility": "on"}, {"gamma": "1.93"}, {"weight": "1.39"}, {"saturation": "-59"}, {"lightness": "-11"}, {"hue": "#0E2555"} ] }, { "featureType": "water", "elementType": "geometry.fill", "stylers": [ {"visibility": "on"}, {"gamma": "0.52"}, {"hue": "#0E2555"} ] }, { "featureType": "water", "elementType": "labels.text.fill", "stylers": [{"color": "#F57021"}] } ] }; function initMap() { var localizations=getLocalizations(); gmap=new google.maps.Map(gmapEl, initMapConfig); placeMarkers(localizations); } function getLocalizations() { var localizations=gmapEl.parentElement.getElementsByClassName("localization"); return [].map.call(localizations, function(loc) { return { lat: Number(loc.getAttribute("data-lat").replace(",",".")), lng: Number(loc.getAttribute("data-lng").replace(",",".")), detail: loc.getAttribute("data-detail"), } }) } function placeMarkers(localizations) { var markers=localizations.map(createMarker); showAllMarkers(markers); } function createMarker(place) { return new google.maps.Marker({ map: gmap, position: { lat: place.lat, lng: place.lng }, title: place.detail, icon: { path: `M 0,0 C -2,-20 -10,-22 -10,-30 A 10,10 0 1,1 10,-30 C 10, -22 2,-20 0,0 z M -2,-30 a 2,2 0 1,1 4,0 2,2 0 1,1 -4,0`, fillColor: "#F57021", fillOpacity: 1, strokeColor: "#fff", strokeWeight: 2, scale: 1 } }) } function showAllMarkers(markers) { var bounds=new google.maps.LatLngBounds(); markers.forEach(function(marker) { bounds.extend(marker.getPosition()) }) gmap.fitBounds(bounds); var max_zoom=16; var listener=google.maps.event.addListener(gmap,"idle",function(){ if(gmap.getZoom() > max_zoom) gmap.setZoom(max_zoom); google.maps.event.removeListener(listener); }); } initMap(); })(); </script></div><div class="box_elem elem_c_contact_frm elem_show--always" data-id="40717566"> <style> .spark-form__wrapper { margin: 0 auto; max-width: 1200px; } .spark-form__in-gr { display: flex; width: 100%; } .spark-form__in-gr .spark-form__in-lg { width: 100%; } .spark-form__btn-line { width: 100%; text-align: center; } .spark-form__btn { display:inline-block; padding:12px !important; font-size:12px; } @media screen and (min-width: 1280px) { .spark-form { padding: 40px 0 30px; } .spark-form__in-gr { margin-top: 55px; } .spark-form--box .spark-form__in-gr { margin-top: 14px; } .spark-form__in-gr:first-of-type { margin-top: 0; } .spark-form__in-gr .spark-form__in { width: 50%; } .spark-form__in-gr .spark-form__in:first-of-type { margin-right: 41px; } .spark-form__in-gr .spark-form__in-sm { width: 25%; margin-right: 36px; } .spark-form__in-gr .spark-form__in-sm:last-of-type { margin-right: 0; } .spark-form__approval { margin: 42px 0 45px; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .spark-form { padding: 35px 40px 25px; } .spark-form__in-gr { flex-direction: column; } .spark-form__in-gr:first-of-type .spark-form__in:first-of-type { margin-top: 0 !important; } .spark-form__in-gr .spark-form__in, .spark-form__in-gr .spark-form__in-sm, .spark-form__in-gr .spark-form__in-lg { margin-top: 60px; } .spark-form--box .spark-form__in-gr .spark-form__in, .spark-form--box .spark-form__in-gr .spark-form__in-sm, .spark-form--box .spark-form__in-gr .spark-form__in-lg { margin-top: 30px; } .spark-form__approval { margin: 65px 0 51px; } } @media screen and (max-width: 767px) { .spark-form { padding: 30px 26px 20px; } .spark-form__in-gr { flex-direction: column; } .spark-form__in-gr:first-of-type .spark-form__in:first-of-type { margin-top: 0 !important; } .spark-form__in-gr .spark-form__in, .spark-form__in-gr .spark-form__in-sm, .spark-form__in-gr .spark-form__in-lg { margin-top: 40px; } .spark-form--box .spark-form__in-gr .spark-form__in, .spark-form--box .spark-form__in-gr .spark-form__in-sm, .spark-form--box .spark-form__in-gr .spark-form__in-lg { margin-top: 20px; } .spark-form__approval { margin: 46px 0 40px; } } .spark-form-ctrl--md { padding: 24px 0 10px; position: relative; } .spark-form-ctrl--md input.text { padding: 0 0 6px; height: 25px; width: 100%; background: transparent; border: none; border-bottom: 2px rgba(0, 0, 0, .12) solid; font-family: 'Lato'; font-size: 16px; outline: none; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .spark-form-ctrl--md input.text:invalid { box-shadow: none; } .spark-form-ctrl--md input.text ~ .stripe::before, .spark-form-ctrl--md input.text ~ .stripe::after { bottom: 0; } .spark-form-ctrl--md input.text:required:valid ~ .label, .spark-form-ctrl--md input.text:focus ~ .label, .spark-form-ctrl--md input.text:active ~ .label { transform: translateY(-55px) scale(.85) !important; } .spark-form-ctrl--md .text:focus ~ .stripe::before, .spark-form-ctrl--md .text:focus ~ .stripe::after { width: 50%; } .spark-form-ctrl--md textarea { height: 66px; width: 100%; background-color: transparent; border: none; border-bottom: 2px solid rgba(0, 0, 0, .12); font-family: 'Lato'; font-size: 16px; outline: none; resize: none; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .spark-form-ctrl--md textarea ~ .stripe::before, .spark-form-ctrl--md textarea ~ .stripe::after { bottom: 4px; } .spark-form-ctrl--md textarea:required:valid ~ .label, .spark-form-ctrl--md textarea:focus ~ .label, .spark-form-ctrl--md textarea:active ~ .label { transform: translateY(-105px) scale(.85) !important; } .spark-form-ctrl--md textarea ~ .label { transform: translateY(-83px); } .spark-form-ctrl--md .label { display: block; position: relative; color: #999; font-family:"Lato"; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); transform: translateY(-33px); -webkit-transform-origin: bottom left; pointer-events: none; } .spark-form-ctrl--md .stripe { display: block; position: relative; width: 100%; height: 0; } .spark-form-ctrl--md .stripe::before, .spark-form-ctrl--md .stripe::after { content: ''; height: 2px; width: 0; position: absolute; background: inherit; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .spark-form-ctrl--md .stripe::before { left: 50%; } .spark-form-ctrl--md .stripe::after { right: 50%; } .spark-form-ctrl--md.invalid .label { color: #d73737; } .spark-form-ctrl--md.invalid input, .spark-form-ctrl--md.invalid textarea { border-bottom-color: #d73737 !important; } .spark-form-ctrl--md.invalid .stripe { background-color: #d73737 !important; } .spark-form-ctrl--md .errors { opacity: 0; } .spark-form-ctrl--md.invalid .errors { transform: translateY(0); opacity: 1; position: absolute; } .spark-form-ctrl--md .error { animation-duration: .2s; display: none; opacity: 0; } .spark-form-ctrl--md.invalid .error { animation-name: roll-in; opacity: 1; display: block; position: relative; bottom: 9px; color: #d73737; font-size: 14px; font-style: italic; } .spark-form-ctrl--md .tooltip { bottom: 35px; left: 30%; transform: translateY(-100%); } .spark-form-ctrl--md .tooltip ul { padding-left: 20px; } .spark-form-ctrl--md .tooltip ul li { text-align: left; } @keyframes roll-in { from { opacity:0; transform:translateY(-10px) } to { opacity:1; transform:translateY(0) } } @keyframes roll-out { from { opacity:1; transform:translateY(0) } to { opacity:0; transform:translateY(-10px) } } .spark-form-ctrl--box { padding: 0px; position: relative; } .spark-form-ctrl--box input.text { padding: 4px 10px; box-sizing:border-box; height: 42px; width: 100%; background: transparent; border: none; font-family: 'Lato'; font-size: 16px; outline: none; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); border:2px solid #ccc; } .spark-form-ctrl--box ::-webkit-input-placeholder { color: #ACADAD; font-style:italic; } .spark-form-ctrl--box ::-moz-placeholder { color: #ACADAD; font-style:italic; } .spark-form-ctrl--box :-ms-input-placeholder { color: #ACADAD; font-style:italic; } .spark-form-ctrl--box :-moz-placeholder { color: #ACADAD; font-style:italic; } .spark-form-ctrl--box input.text:invalid { box-shadow: none; } .spark-form-ctrl--box textarea { padding: 10px; box-sizing:border-box; height: 254px; width: 100%; background-color: transparent; border: none; font-family: 'Lato'; font-size: 16px; outline: none; resize: none; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); border:2px solid #ccc; } .spark-form-ctrl--box .label { display: none; } .spark-form-ctrl--box .stripe { display: none; } .spark-form-ctrl--box.invalid input, .spark-form-ctrl--box.invalid textarea { } .spark-form-ctrl--box .errors { opacity: 0; } .spark-form-ctrl--box.invalid .errors { opacity: 1; } .spark-form-ctrl--box .error { animation-duration: .2s; display: none; opacity: 0; } .spark-form-ctrl--box.invalid .error { opacity: 1; display: block; bottom: 0px; color: #d73737; font-size: 14px; font-style: italic; } .spark-form-ctrl--box .tooltip { bottom: 35px; left: 30%; transform: translateY(-100%); } .spark-form-ctrl--box .tooltip ul { padding-left: 20px; } .spark-form-ctrl--box .tooltip ul li { text-align: left; } .spark-form-ctrl--basic { padding: 0px; position: relative; } .spark-form-ctrl--basic input.text { padding: 4px 10px; box-sizing:border-box; height: 48px; width: 100%; background-color: white; border: none; font-family: 'SourceSans3'; font-size: 14px; outline: none; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); border:1px solid #dedede; border-radius:6px; } .spark-form-ctrl--basic ::-webkit-input-placeholder, .spark-form-ctrl--basic ::-moz-placeholder, .spark-form-ctrl--basic :-ms-input-placeholder, .spark-form-ctrl--basic :-moz-placeholder { color: #4C6370; } .spark-form-ctrl--basic input.text:invalid { box-shadow: none; } .spark-form-ctrl--basic textarea { padding: 10px; box-sizing:border-box; height: 254px; width: 100%; background-color: white; border: none; font-family: 'SourceSans3'; font-size: 14px; outline: none; resize: none; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); border:1px solid #dedede; border-radius:6px; } .spark-form-ctrl--basic .label { display: none; } .spark-form-ctrl--basic .stripe { display: none; } .spark-form-ctrl--basic.invalid input, .spark-form-ctrl--basic.invalid textarea { } .spark-form-ctrl--basic .errors { opacity: 0; } .spark-form-ctrl--basic.invalid .errors { opacity: 1; } .spark-form-ctrl--basic .error { animation-duration: .2s; display: none; opacity: 0; } .spark-form-ctrl--basic.invalid .error { opacity: 1; display: block; bottom: 0px; color: #d73737; font-size: 14px; font-style: italic; } .spark-form-ctrl--basic .tooltip { bottom: 35px; left: 30%; transform: translateY(-100%); } .spark-form-ctrl--basic .tooltip ul { padding-left: 20px; } .spark-form-ctrl--basic .tooltip ul li { text-align: left; } .spark-form-ctrl--label_in { padding: 0px; position: relative; } .spark-form-ctrl--label_in input.text { padding: 23px 10px 4px 10px; box-sizing:border-box; height: 50px; width: 100%; background-color: white; border: none; font-family: 'Inter'; font-size: 14px; font-weight:300; outline: none; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); border:1px solid #dedede; border-radius:2px; } .spark-form-ctrl--label_in ::-webkit-input-placeholder, .spark-form-ctrl--label_in ::-moz-placeholder, .spark-form-ctrl--label_in :-ms-input-placeholder, .spark-form-ctrl--label_in :-moz-placeholder { color: #4C6370; } .spark-form-ctrl--label_in input.text:invalid { box-shadow: none; } .spark-form-ctrl--label_in textarea { padding: 24px 10px 10px 10px; box-sizing:border-box; height: 254px; width: 100%; background-color: white; border: none; font-family: 'Inter'; font-size: 14px; font-weight:300; outline: none; resize: none; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); border:1px solid #dedede; border-radius:2px; } .spark-form-ctrl--label_in .label { position: absolute; top: 8px; left: 11px; font-family:'Inter'; font-weight:600; font-size:12px; } .spark-form-ctrl--label_in .stripe { display: none; } .spark-form-ctrl--label_in.invalid input, .spark-form-ctrl--label_in.invalid textarea { } .spark-form-ctrl--label_in .errors { opacity: 0; } .spark-form-ctrl--label_in.invalid .errors { opacity: 1; } .spark-form-ctrl--label_in .error { animation-duration: .2s; display: none; opacity: 0; } .spark-form-ctrl--label_in.invalid .error { opacity: 1; display: block; bottom: 0px; color: #d73737; font-size: 14px; font-style: italic; } .spark-form-ctrl--label_in .tooltip { bottom: 35px; left: 30%; transform: translateY(-100%); } .spark-form-ctrl--label_in .tooltip ul { padding-left: 20px; } .spark-form-ctrl--label_in .tooltip ul li { text-align: left; } .spark-form-ctrl label + .errors { bottom: -16px; } .spark-form-ctrl .cb { display: none; } .spark-form-ctrl .cb + label { cursor: pointer; padding: 0; position: relative; font-family: "Lato"; font-size: 14px; line-height: 24px; } .spark-form-ctrl .cb + label:before { content: ""; display: inline-block; position: relative; top: 2px; width: 14px; overflow: hidden; height: 14px; box-sizing: border-box; background: transparent; margin-right: 5px; border: 2px solid #d6d6d6; border-radius: 2px; transition: all .2s ease-out; } .spark-form-ctrl .cb:checked + label:before { border: 2px solid #444; background: #444; } .spark-form-ctrl .cb + label:after { content: "\2714"; position: absolute; top: -3px; left: 3px; font-size: 10px; color: #fff; transition: all .2s ease-out } .spark-form-ctrl .cb:not(:checked) + label:after { opacity: 0; transform: scale(0); } .spark-form-ctrl .cb:checked + label:after { opacity: 1; transform: scale(1); } .spark-form-ctrl.invalid .cb:not(:checked) + label:before { border-color: #d73737 !important; } .spark-btn { min-width: 165px; height: 45px; cursor: pointer; } .spark-btn--wide { min-width:372px; } .spark-btn.full-width { width: 100%; } .spark-btn.wired { border: 2px solid; border-radius: 3px; border-color: currentColor; background: transparent; height: 100%; font-family: Lato; font-weight: 900; font-size: 12px; text-transform: uppercase; outline: none; transition: all .2s; box-sizing: border-box; white-space: nowrap; padding: 0px 20px; } .spark-btn.wired:hover { background: currentColor; border-color: transparent; } .spark-btn.wired:hover span { color: white; } .spark-btn.solid, .spark-btn.sharp { border:0; background: currentColor; border-color: currentColor; height: 100%; font-family: Lato; font-weight: 900; font-size: 12px; text-transform: uppercase; outline: none; transition: all .2s; box-sizing: border-box; white-space: nowrap; padding: 0px 20px; } .spark-btn.solid { border-radius: 3px; } .spark-btn.solid span, .spark-btn.sharp span { color: white; } .spark-btn--wide { min-width:372px; } @media screen and (max-width: 480px) { .spark-btn--wide { min-width:initial; width:100%; } } /* Tryb Pro(4). */ .elem_c_contact_frm>.pro { background-color:#F8F8FA; } .elem_c_contact_frm>.pro .submit { margin-bottom:15px; } .elem_c_contact_frm>.pro .pro_cols { display:flex; flex-direction:row; flex-wrap:nowrap; font-family:'Muli','Lato'; } .elem_c_contact_frm>.pro .pro_col { width:50%; } .elem_c_contact_frm>.pro .pro_col__content { max-width:600px; padding:110px 0px 80px 0px; box-sizing:border-box; } .elem_c_contact_frm>.pro .pro_col-1 .pro_col__content{ margin-left:auto; padding-right:107px; padding-left:80px; } .elem_c_contact_frm>.pro .pro_col-2 .pro_col__content{ margin-right:auto; padding-left:107px; padding-right:80px; } .elem_c_contact_frm>.pro .pro_cols .info_box { display:flex; flex-direction:row; flex-wrap:nowrap; } .elem_c_contact_frm>.pro .pro_cols .info_box .img { width:40px; height:40px; margin-right:40px; background-repeat:no-repeat; background-position:center; } .elem_c_contact_frm>.pro .pro_cols .info_box-address .img { background-image: url('/assets/img/contact_form_address.png'); } .elem_c_contact_frm>.pro .pro_cols .info_box-tel .img { background-image: url('/assets/img/contact_form_tel.png'); } .elem_c_contact_frm>.pro .pro_col-1 { background-repeat:no-repeat; background-position:top right; background-size: cover; } .elem_c_contact_frm>.pro .pro_col-1 .title { color:#4F596D; font-size:14px; } .elem_c_contact_frm>.pro .pro_col-1 .text { color:#fff; font-size:26px; margin-top:20px; } .elem_c_contact_frm>.pro .pro_col-1 .info_box { margin-top:45px; } .elem_c_contact_frm>.pro .pro_col-1 .info_box .img { margin-top:30px; } .elem_c_contact_frm>.pro .pro_col-1 .info_box .txt { color:#fff; font-size:18px; margin-top:12px; } .elem_c_contact_frm>.pro .pro_col-2 .title { color:#fff; font-size:26px; margin-bottom:20px; } @media screen and (max-width: 1279px) { .elem_c_contact_frm>.pro .pro_cols { display:block; } .elem_c_contact_frm>.pro .pro_col { width:100%; } .elem_c_contact_frm>.pro .pro_col-1 .pro_col__content { margin-left:30px; } } .elem_c_contact_frm>.pro .spark-form-ctrl--md .label { text-transform:initial; color:#fff; font-size:14px; font-family:Muli; } .elem_c_contact_frm>.pro .spark-form-ctrl--md input, .elem_c_contact_frm>.pro .spark-form-ctrl--md label, .elem_c_contact_frm>.pro .spark-form-ctrl--md textarea { color:#fff; } .elem_c_contact_frm>.pro .spark-form__in-gr { margin-top:5px; } .elem_c_contact_frm>.pro .spark-form__approval { margin-top:5px; margin-bottom: 10px; } .elem_c_contact_frm>.pro .spark-form { padding-top:0px; } .elem_c_contact_frm>.pro .spark-form .spark-form-ctrl--md input.text, .elem_c_contact_frm>.pro .spark-form .spark-form-ctrl--md textarea { border-bottom:1px rgba(255, 255, 255, .3) solid; } .elem_c_contact_frm>.pro button.spark-btn { height:58px; width:201px; margin-top:25px; } .elem_c_contact_frm>.pro button.spark-btn span { text-transform: initial; font-size:14px; font-family:Muli; font-weight:400; } </style><div class="root pro"> <div class="pro_cols"> <div class="pro_col pro_col-1 acol_front2Dark_bg" style="" > <div class="pro_col__content"><div class="title">Kontakt z nami</div><div class="text">Serdecznie zapraszamy<br>do kontaktu z naszym<br>Biurem Sprzeda|y</div><div class="info_box info_box-address"><div class="img"></div><div><div class="title">Odwiedz nas</div><div class="txt">ul. Zw. Marcin 11A/17<br>61-803 PoznaD</div></div></div><div class="info_box info_box-tel"><div class="img"></div><div><div class="title">ZadzwoD</div><div class="txt">+48 61 10 10 443<br>sprzedaz@sthome.pl</div></div></div></div> </div> <div class="pro_col pro_col-2 acol_front2Light_bg"> <div class="pro_col__content"><div class="spark-form__wrapper" id="elem40717566"> <div class="spark-form spark-form--md" style="margin:0px auto;"> <div class="title">Napisz do nas</div> <div class="spark-form__in-gr"> <div class="spark-form__in-lg"><div class="spark-form-ctrl spark-form-ctrl--md"><input class="text" name="name_surname" value="" attr-rules='{"required":true,"min":1,"max":20}' required/><div class="stripe acol_front3_bg" style="background-color:#F57021">&nbsp;</div> <span class="label">Imi i nazwisko</span><div class="errors"></div> </div></div> </div> <div class="spark-form__in-gr"> <div class="spark-form__in-lg"><div class="spark-form-ctrl spark-form-ctrl--md"><input class="text" name="email" value="" attr-rules='{"required":true,"type":"email"}' required/><div class="stripe acol_front3_bg" style="background-color:#F57021">&nbsp;</div> <span class="label">Adres e-mail:</span><div class="errors"></div> </div></div> </div> <div class="spark-form__in-gr"> <div class="spark-form__in-lg"><div class="spark-form-ctrl spark-form-ctrl--md"><input class="text" name="phone" value="" attr-rules='{"required":true,"min":1,"max":25}' required/><div class="stripe acol_front3_bg" style="background-color:#F57021">&nbsp;</div> <span class="label">Numer telefonu</span><div class="errors"></div> </div></div> </div> <div class="spark-form__in-gr"> <div class="spark-form__in-lg" style="display:none"><div class="spark-form-ctrl spark-form-ctrl--md"><input class="text" name="title" value="Wiadomo[" attr-rules='{"required":true,"type":"title"}' required/><div class="stripe acol_front3_bg" style="background-color:#F57021">&nbsp;</div> <span class="label">TytuB wiadomo[ci</span><div class="errors"></div> </div></div> <div class="spark-form__in-lg"><div class="spark-form-ctrl spark-form-ctrl--md"><textarea class="text" name="msg" attr-rules='{"required":true,"min":10,"max":900}' required></textarea><div class="stripe acol_front3_bg" style="background-color:#F57021">&nbsp;</div> <span class="label">Tre[ wiadomo[ci: *</span><div class="errors"></div> </div></div> </div><div class="spark-form__approval"><div class="spark-form-ctrl spark-form-ctrl--md"><input id="approval407175590" class="cb" name="approval" type="checkbox" attr-rules='{"required":true}' required/> <label for="approval407175590">Wyra|am zgod na przetwarzania moich danych osobowych dla potrzeb niezbdnych do realizacji obsBugi zgBoszenia kontaktowego (zgodnie z Ustaw z dnia 29.08.1997 roku o Ochronie Danych Osobowych; tekst jednolity: Dz.U. z 2014 r., poz. 1182 ze zm.).</label><div class="errors"></div> </div></div><div class="spark-form__btn-line"> <button class="spark-btn spark-form__btn sharp acol_frontLight_bg_h submit" style="color:#F57021"> <span>Wy[lij wiadomo[</span> </button> </div> </div> </div></div></div></div></div><script> (function(){ function makePostRequest(url,body,successCallback,errCallBack) { var xhttp=new XMLHttpRequest(); xhttp.onreadystatechange=function() { isDone=(this.readyState === 4); if(isDone) { if((this.status === 200)&&(!startsWith(this.responseText,"<html><body>"))) { successCallback(this); } else { errCallBack(this); } } } xhttp.open("POST",url,true); xhttp.setRequestHeader("Content-Type","application/json; charset=UTF-8"); xhttp.send(JSON.stringify(body)); } function makePostRequest2(url,params,successCallback,errCallBack) { var xhttp=new XMLHttpRequest(); xhttp.onreadystatechange=function() { isDone=(this.readyState === 4); if(isDone) { if((this.status === 200)&&(!startsWith(this.responseText,"<html><body>"))) { successCallback(this); } else { errCallBack(this); } } } xhttp.open("POST",url,true); xhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); xhttp.send(JSON.stringify(paramsToQuery(params))); } function paramsToQuery(paramsSet) { var pairs=[]; for(name in paramsSet) { pairs.push(encodeURIComponent(name)+"="+encodeURIComponent(paramsSet[name])); } return pairs.join("&").replace(/%20/g,"+"); } function startsWith(str,prefix) { return (str.substring(0,prefix.length) === prefix); } function dspLink(url) { // Aktualnie nie przetwarzamy linkw dsp - trafiaj do tego samego serwera, ktrego dotyczyBo |danie. return url; } var containerEL=document.getElementById("elem40717566"), formEl=containerEL.getElementsByClassName("spark-form")[0], submitEl=formEl.getElementsByClassName("submit")[0]; var contact_frm_form=(function ptl_form(formEl){ var _formEl=formEl; var emailRegexp=/^[a-zA-Z0-9!#$%''\*\+-/=\?^_`\{|\}~]+@[a-zA-Z0-9._%-]+\.[a-zA-Z]{2,4}$/g, phoneRegexp=/^(\(?(\+|00)(\d{2,3})\)?)?\d{9}$|^\d{3}-\d{3}-\d{3}$/g, postalCodeRegexp=/^\d{2}-?\d{3}$/g, alfaRegexp=/\d/; var invalidClassName="invalid"; var errorMsg={ "required": "To pole jest wymagane", "email": "Format: nazwa@domena", "phone": "Format: 00|+kierunkowy+000000000/000-000-000", "min": "Wymagany tekst jest za krtki", "max": "Wprowadzony tekst jest za dBugi", "alfa": "Cyfry nie s dozwolone", "postal-code": "Format: 00-000 albo 00000" }; var type={ "number": "long", "string": "wstrvar" }; function validateControl(inputEl) { var parent=inputEl.parentNode; var isFormControl=parent.classList.contains("spark-form-ctrl"); var rules=inputEl.getAttribute("attr-rules"); if(!isFormControl || !rules) return true; var isArleadyInvalid=parent.classList.contains(invalidClassName); var value=(inputEl.type == "checkbox")?inputEl.checked:inputEl.value; rules=JSON.parse(rules); var reason=getInvalidReason(value,rules); var isValid=!reason; var bug=getInvalidReason(value,rules); if(!isValid && isArleadyInvalid) { changeReason(parent,errorMsg[reason]); } else if(!isValid) { displayError(parent,errorMsg[reason]); } else if(isArleadyInvalid) { clearError(parent); } return isValid; } function getInvalidReason(value,rules) { if(rules.required && !value) return "required"; if(rules.min && value.length<=rules.min) return "min"; if(rules.max && value.length>rules.max) return "max"; if(value) { if((rules.type==="email")&&(!emailRegexp.test(value))) return "email"; if((rules.type==="phone")&&(!phoneRegexp.test(value))) return "phone"; if(rules.type==="alfa" && alfaRegexp.test(value)) return "alfa"; if(rules.type==="postal-code" && !postalCodeRegexp.test(value)) return "postal-code"; } return false; } function changeReason(ref,msg) { var errorEl=ref.querySelector(".errors>.error"); if(errorEl) { errorEl.textContent=msg; } } function displayError(ref,msg) { var errorsEl=ref.querySelector(".errors"); var span=document.createElement("span"); span.classList.add("error"); span.textContent=msg; errorsEl.appendChild(span); ref.classList.add(invalidClassName); } function clearError(ref) { var errorsContainerEl=ref.querySelector(".errors"); var errorEl=errorsContainerEl.firstChild; errorEl.style.animationName="roll-out"; errorEl.style.opacity="0"; setTimeout(function() { ref.classList.remove(invalidClassName); errorsContainerEl.innerHTML=""; },200); } function getControlValue(controlEl) { var value=(controlEl.type == "checkbox")?controlEl.checked:controlEl.value; if(typeof value === "boolean") value=value?1:0; return value; } function initCtrls() { var controlsEl=formEl.querySelectorAll(".spark-form-ctrl > input, .spark-form-ctrl > textarea"); [].forEach.call(controlsEl, function(controlEl) { var shouldValidate=controlEl.getAttribute("attr-rules")!==""; if(shouldValidate) { var event=controlEl.type=="checkbox"?"click":"keyup"; controlEl.addEventListener(event,function() { validateControl(controlEl); }); } }); } initCtrls(); return { getFormEl:function() { return _formEl; }, isFormValid:function() { var controlsEl=_formEl.querySelectorAll("input,textarea"); var isValid=true; [].forEach.call(controlsEl,function(controlEl) { if(!validateControl(controlEl)) isValid=false; }); return isValid; }, getFormValue:function() { var controlsEl=_formEl.querySelectorAll("input,textarea"); return [].reduce.call(controlsEl,function(formValue,controlEl) { var name=controlEl.getAttribute("name"); formValue[name]=getControlValue(controlEl); return formValue; },{}) }, clearFormValue:function() { var controlsEl=_formEl.querySelectorAll("input,textarea"); for(i=0; i < controlsEl.length; ++i) { controlsEl[i].value = ""; } var cbxs=_formEl.querySelectorAll("input[type='checkbox']"); for(i=0; i < cbxs.length; ++i) { cbxs[i].checked = false; } } } }) (formEl); function onInit() { addEventListeners(); } function addEventListeners() { submitEl.addEventListener("click",function() { submitForm(); }); } function submitForm() { if(!contact_frm_form.isFormValid()) return; var body={ "app_version": 40713740, "portal_elem": 40717559, "form_data": contact_frm_form.getFormValue(formEl) }; // WysBanie danych. makePostRequest(saveLink(),body,postSuccess,postError); } function postSuccess() { portal.alert("WysBano wiadomo[.","success","simple"); contact_frm_form.clearFormValue(); } function postError() { portal.alert("Nie udaBo si wysBa wiadomo[ci.","error","simple"); } function saveLink() { return "/elem/standard/contact_frm/db-save.pub.c"; } onInit(); })(); </script></div><div class="box_elem elem_c_sep elem_show--always" data-id="40716142"> <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;"></div> </div></div><div class="box_elem elem_c_img elem_show--always" data-id="40716130"> <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:72px;"><div class="default img" style="background:url('/webng/_service/loader/src_load.pub.c?src_file=40716116')"></div></div></div><div class="box_elem elem_c_txt elem_show--always" data-id="40716131"> <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:#F57021 !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="font-family:'Muli'"> <table style=";width:100%;"><tr><td style=""><a class="txt" target="_self" href="/start"><div style='display:inline-block'><span style="font-size:16px;color:#A9A9A9;"> Strona gBwna</span></div></a><span style="margin-right:70px"></span> <a class="txt" target="_self" href="/o_nas"><div style='display:inline-block'><span style="font-size:16px;color:#A9A9A9;"> O nas</span></div></a><span style="margin-right:70px"></span> <a class="txt" target="_self" href="/inwestycje"><div style='display:inline-block'><span style="font-size:16px;color:#A9A9A9;"> Inwestycje</span></div></a></td><td style=""><div style="text-align:right;"><a class="txt" target="_self" href="/noty_prawne"><div style='display:inline-block'><span style="font-size:16px;color:#A9A9A9;"> Noty prawne</span></div></a><span style="margin-right:40px"></span> <a class="txt" target="_self" href="/aktualnosci"><div style='display:inline-block'><span style="font-size:16px;color:#A9A9A9;"> Aktualno[ci</span></div></a><span style="margin-right:40px"></span> <a class="txt" target="_self" href="/kontakt"><div style='display:inline-block'><span style="font-size:16px;color:#A9A9A9;"> Kontakt</span></div></a><span style="margin-right:40px"></span><span style="font-size:16px;color:#A9A9A9;"> </span><a class="txt" target="_blank" href="http://www.facebook.com/STHomedeweloper"><div style='display:inline-block'><img width='22' height='22' src="/webng/_service/loader/src_load.pub.c?src_file=40716145"/></div></a> <span style="margin-right:15px"></span> </div></td></tr></table><div style="text-align:center;margin:60px 0px 60px 0px;"><span style="font-size:12px;color:#A9A9A9;">Copyright by: STHome.pl 2020 / Wszelkie prawa zastrze|one</span></div></div></div> </div> </div></div></div></div></div> </body> </html> <!-- HTC End. -->