<!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="Dachowa domy - galeria"> <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>Dachowa domy - galeria</title> <link id="doc_icon" rel="icon" type="image/x-icon" href="/webng/_service/loader/app_icon_load.pub.c?app=22230027"/><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MGL3JL6');</script> </head> <body> </head> <body> </head> <body><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MGL3JL6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <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 nagBówek, 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 gBównej zawarto[ci. var targetTop=document.querySelector(".portal_box_c_1").getBoundingClientRect().top; targetTop+=window.scrollY; var page=document.getElementById("page"); // Korekta o nagBówek, 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=40882995" rel="stylesheet" type="text/css"/> <div id="app_root" class="cloud22156810 acolp_40882995" data-app-version="22230030" data-app-id="22230027" data-cloud="22156810" data-app-name="portal_Dachowa"><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="galeria" 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:#F7881F; } .bbcode.classic a:hover { color:#F7881F; } .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: #0F1760;} #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: #0F1760; } #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: #0F1760;} #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: #0F1760; } </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 alertów. */ (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="22230735"><div class="box_elem elem_c_header elem_show--always" data-id="40752148"> <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="40752148"] .btn > .text, .elem_c_header[data-id="40752148"] .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="40752148"] .bg_dark .contact_info.--active .dane__title, .elem_c_header[data-id="40752148"] .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="40752148"] .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="40752148"] .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="40752148"] .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="40752148"] .contact_txt__strong, .elem_c_header[data-id="40752148"] .contact_txt__strong a { color:#F7881F; } .elem_c_header>.style_4 .contact_txt__weak { color: #727482; } </style><div id="elem_c_header40752148" class="style_4 bg_bright"><div class="bot_section"> <div class="bg bg--transparent " style="color:#F7881F;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=40882989"/></a> </div><input type="checkbox" class="hamburger" id="hamburger-40752148"/> <label class="menu_btn" tabIndex="0" for="hamburger-40752148" 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:#F7881F;background:#FFFFFF"><div class="btn basic "><div class="text"><a href="/home"></a>Home</div> <div class="bottom_margin" style="background:#F7881F"></div> </div><div class="btn basic "><div class="text"><a href="/onas"></a>O nas</div> <div class="bottom_margin" style="background:#F7881F"></div> </div><div class="btn basic "><div class="text"><a href="/domy"></a>DOMY</div> <div class="bottom_margin" style="background:#F7881F"></div> </div><div class="btn basic "><div class="text"><a href="/standard"></a>Standard</div> <div class="bottom_margin" style="background:#F7881F"></div> </div><div class="btn basic "><div class="text"><a href="/osiedle"></a>Osiedle</div> <div class="bottom_margin" style="background:#F7881F"></div> </div><div class="btn basic "><div class="text"><a href="/lokalizacja"></a>Lokalizacja</div> <div class="bottom_margin" style="background:#F7881F"></div> </div><div class="btn basic btn--active"><div class="text"><a href="/galeria"></a>Galeria</div> <div class="bottom_margin" style="background:#F7881F"></div> </div><div class="btn basic "><div class="text"><a href="/kontakt"></a>Kontakt</div> <div class="bottom_margin" style="background:#F7881F"></div> </div></div><div class="btn basic "><div class="text"><a href="/kontakt"></a>Kontakt</div> <div class="bottom_margin" style="background:#F7881F"></div> </div><div class="btn basic btn--active"><div class="text"><a href="/galeria"></a>Galeria</div> <div class="bottom_margin" style="background:#F7881F"></div> </div><div class="btn basic "><div class="text"><a href="/lokalizacja"></a>Lokalizacja</div> <div class="bottom_margin" style="background:#F7881F"></div> </div><div class="btn basic "><div class="text"><a href="/osiedle"></a>Osiedle</div> <div class="bottom_margin" style="background:#F7881F"></div> </div><div class="btn basic "><div class="text"><a href="/standard"></a>Standard</div> <div class="bottom_margin" style="background:#F7881F"></div> </div><div class="btn basic "><div class="text"><a href="/domy"></a>DOMY</div> <div class="bottom_margin" style="background:#F7881F"></div> </div><div class="btn basic "><div class="text"><a href="/onas"></a>O nas</div> <div class="bottom_margin" style="background:#F7881F"></div> </div><div class="btn basic "><div class="text"><a href="/home"></a>Home</div> <div class="bottom_margin" style="background:#F7881F"></div> </div></div> </div> </div> <script> (function() { var containerEl=document.getElementById("elem_c_header40752148"), 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="22230683"><div class="box_elem elem_c_sep elem_show--always" data-id="22230743"> <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;background:#FFFFFF;height:138px;"></div> </div></div><div class="box_elem elem_c_gallery elem_show--always" data-id="22230746"> <style> .elem_c_gallery .gallery-slider { display: flex; align-items: center; flex-direction: column; /* Ukrywamy to co wystaje po transformacji strzaBeczek nawigacyjnych. */ overflow:hidden; } .elem_c_gallery .gallery-slider > .main { margin-bottom: 40px; display: inline-flex; align-items: center; } .elem_c_gallery .wrapper { max-width: 1242px; overflow: hidden; flex: 1; } .elem_c_gallery .pages { transition: all 1s; display: flex; } .elem_c_gallery .gallery-slider footer { text-align: center; } .elem_c_gallery .page { display: flex; flex-flow: row wrap; justify-content: space-around; } .elem_c_gallery .page .gallery { max-width: 372px; margin-bottom: 25px; cursor: pointer; } .elem_c_gallery .page .gallery img { width: 100%; margin-bottom: 10px; } .elem_c_gallery .page figure figcaption { display: flex; flex-direction: column; align-items: center; justify-content: center; } .elem_c_gallery .page figure figcaption h1 { margin-bottom: 5px; color: #252525; font-size: 18px; } .elem_c_gallery .page figure figcaption h2 { color: #777; font-size: 13px; font-weight: 300; } .elem_c_gallery .gallery-slider .page .gallery:hover img { opacity: 0.7; filter: alpha(opacity=70); /* IE < 9 */ } .elem_c_gallery[data-id="22230746"] .gallery-slider .page .gallery:hover figcaption h1 { color: #F7881F; } .elem_c_gallery .gallery-slider .control { display: inline-block; margin-bottom: 75px; z-index: 1; } .elem_c_gallery[data-id="22230746"] .control { box-sizing: border-box; cursor: pointer; color: #F7881F; -moz-user-select: none; -o-user-select: none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; font-size: 30px; width: 30px; height: 30px; } .elem_c_gallery .control.disabled { opacity: .5; cursor: default; } .elem_c_gallery .control:active { transform: scale(1.1); } .elem_c_gallery .slider-indicators ol { padding: 0px; } .elem_c_gallery .slider-indicators li { width: 9px; height: 9px; display: inline-block; margin: 0 7px; border: 2px solid #cacaca; border-radius: 50%; background-color: transparent; cursor: pointer; -moz-user-select: none; -o-user-select: none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; } .elem_c_gallery[data-id="22230746"] .slider-indicators li.active { border-color: #F7881F; background: #F7881F; transition: all 0.5s ease; } @media screen and (min-width: 1280px) { .elem_c_gallery .wrapper { width: 1242px; margin-left: -21px; margin-right: -21px; } } @media screen and (max-width: 1279px) { .elem_c_gallery .gallery-slider .wrapper { min-width: 686px !important; margin-left: -19px; margin-right: -19px; } .elem_c_gallery .gallery-slider figure { max-width: calc(50% - 38px) !important; margin-bottom: 19px !important; } } @media screen and (max-width: 767px) { .elem_c_gallery .gallery-slider .wrapper { min-width: 428px !important; margin-left: -11px; margin-right: -11px; overflow: none; } .elem_c_gallery .gallery-slider figure { max-width: calc(50% - 22px) !important; margin-bottom: 13px !important; } .elem_c_gallery .gallery-slider .control { display: none !important; } } @media screen and (max-width: 450px) { .elem_c_gallery .gallery-slider .wrapper { min-width: 348px !important; } .elem_c_gallery .gallery-slider figure { max-width: calc(100%) !important; margin-bottom: 13px !important; } .elem_c_gallery .gallery-slider .control { display: none !important; } } /*------------------------------------*\ #GALLERY VIEWER \*------------------------------------*/ @-webkit-keyframes previewEnter { 0% { opacity: .5; transform: scale(.8) } 100% { opacity: 1; transform: scale(1) } } @-moz-keyframes previewEnter { 0% { opacity: .5; transform: scale(.8) } 100% { opacity: 1; transform: scale(1) } } @-o-keyframes previewEnter { 0% { opacity: .5; transform: scale(.8) } 100% { opacity: 1; transform: scale(1) } } @keyframes previewEnter { 0% { opacity: .5; transform: scale(.8)} 100% { opacity: 1; transform: scale(1) } } .elem_c_gallery .viewer { display: flex; align-items: center; flex-direction: column; -webkit-animation: previewEnter .2s; -moz-animation: previewEnter .2s; -o-animation: previewEnter .2s; animation: previewEnter .2s; } .elem_c_gallery .viewer .main { position: relative; display: inline-block; } .elem_c_gallery .viewer .wrapper { box-shadow: 0 0 28px 0 rgba(0,0,0,.3); position: relative; overflow: hidden; } .elem_c_gallery .viewer .main .pages { overflow: visible; } .elem_c_gallery .viewer .page figure, .elem_c_gallery .viewer .page figure img { width: 100%; height: 100%; object-fit: cover; } .elem_c_gallery .viewer .wrapper .detail { padding: 60px; box-sizing: border-box; position: absolute; top: 0; right: -100%; height: 100%; width: 50%; background-color: rgba(0, 0, 0, .75); color: #fff; overflow: hidden; transition: all 1s cubic-bezier(.16,.79,.73,.95); z-index: 3; } .elem_c_gallery .viewer .detail ul{ list-style: none; padding: 0; } .elem_c_gallery .viewer .detail ul > li{ padding-left: 1.3em; } .elem_c_gallery .viewer .detail 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; } .elem_c_gallery .viewer .control { z-index: 4; } .elem_c_gallery .viewer .main .control { position: absolute; } .elem_c_gallery .viewer .main .control.next, .elem_c_gallery .viewer .main .control.prev { top: 50%; } .elem_c_gallery .viewer .main .control.info { top: 35px; right: -60px; } .elem_c_gallery .viewer .main .control.next { right: -60px; } .elem_c_gallery .viewer .main .control.prev { left: -60px; } @media screen and (max-width: 767px) { .elem_c_gallery .viewer .main .control { border-radius: 50%; background-color: rgba(255,255,255,0.7); } } .elem_c_gallery footer { display: flex; align-items: center; position: relative; max-width: 100%; box-sizing: border-box; } .elem_c_gallery footer .control { margin: 0 15px; } .elem_c_gallery .scroller { overflow: hidden; max-width: calc(8.5em * 7); font-size: 18px; } .elem_c_gallery .scroller .content { display: inline-flex; transition: transform 0.5s ease-out; } .elem_c_gallery .scroller .content img { margin: .25em; width: 8em; height: 6em; cursor: pointer; outline: 2px solid transparent; } .elem_c_gallery[data-id="22230746"] .scroller .content img.active { outline-color: #F7881F; } .elem_c_gallery .viewer, .elem_c_gallery .viewer-data, .elem_c_gallery .viewer.single .control.prev, .elem_c_gallery .viewer.single .control.next, .elem_c_gallery .viewer.single footer { display: none; } @media screen and (min-width: 1280px) { .elem_c_gallery .viewer .main { margin: 30px; } .elem_c_gallery .viewer footer { padding: 0 30px; } .elem_c_gallery .viewer .wrapper { height: 800px; width: 1242px; box-shadow: 0 0 30px 0 rgba(0, 0, 0, .3); } .elem_c_gallery .viewer .main .pages { height: 800px; } .elem_c_gallery .viewer .main .control.close { top: 0; right: -60px; } } @media screen and (max-width: 1379px) { .elem_c_gallery .viewer .main { margin: 30px; } .elem_c_gallery .viewer footer { padding: 0 30px; } .elem_c_gallery .viewer .main .control.info { top: 40px; right: 10px; } .elem_c_gallery .viewer .main .control.close { top: 5px; right: 10px; } .elem_c_gallery .viewer .main .control.next { right: 10px; } .elem_c_gallery .viewer .main .control.prev { left: 10px; } } @media screen and (max-width: 992px) { .elem_c_gallery .viewer .main { margin: 0 0 15px 0; } .elem_c_gallery .viewer footer { padding: 0; } .elem_c_gallery .viewer .detail { width: 75%; } } @media screen and (max-width: 767px) { .elem_c_gallery footer { display: none; } .elem_c_gallery .viewer .main { margin: 0; } .elem_c_gallery .viewer .wrapper .detail { padding: 50px !important; right: 0% !important; position: relative !important; transition: all 0s; width: 100%; } .elem_c_gallery .viewer .control.close { top: 5px; right: 5px; } .elem_c_gallery .viewer .main .control.next, .elem_c_gallery .viewer .main .control.prev { top: 150px; } .elem_c_gallery .viewer .main .control.info { display: none; } } @media screen and (min-width:767px) { .elem_c_gallery .scroller { font-size: 11px; }} @media screen and (min-width:800px) { .elem_c_gallery .scroller { font-size: 11.5px; }} @media screen and (min-width:830px) { .elem_c_gallery .scroller { font-size: 12px; }} @media screen and (min-width:860px) { .elem_c_gallery .scroller { font-size: 12.5px; }} @media screen and (min-width:890px) { .elem_c_gallery .scroller { font-size: 13px; }} @media screen and (min-width:920px) { .elem_c_gallery .scroller { font-size: 13.5px; }} @media screen and (min-width:950px) { .elem_c_gallery .scroller { font-size: 14px; }} @media screen and (min-width:1010px) { .elem_c_gallery .scroller { font-size: 14px; }} @media screen and (min-width:1070px) { .elem_c_gallery .scroller { font-size: 15px; }} @media screen and (min-width:1160px) { .elem_c_gallery .scroller { font-size: 16px; }} @media screen and (min-width:1280px) { .elem_c_gallery .scroller { font-size: 18px; }} </style> <div id="gallery-viewer22230746" class="viewer"> <div class="main"> <div> <div class="control prev material-icons">keyboard_arrow_left</div> <div class="control next material-icons">keyboard_arrow_right</div> <div class="control close material-icons">highlight_off</div> <div class="control info material-icons">info_outline</div> </div> <div class="wrapper"> <div class="pages"></div> <div class="detail"> <div class="content"></div> </div> </div> </div> <footer> <div class="control prev material-icons">keyboard_arrow_left</div> <div class="scroller"> <div class="content"></div> </div> <div class="control next material-icons">keyboard_arrow_right</div> </footer> </div> <div id="data22230746"><div class="viewer-data"><ul class="images"><li attr-img="40762027" attr-thumbnail="40762027" attr-alt="Dachowa Etap IV"></li></ul> <div class="content"></div></div><div class="viewer-data"><ul class="images"><li attr-img="40762031" attr-thumbnail="40762031" attr-alt="Dachowa Etap IV"></li></ul> <div class="content"></div></div><div class="viewer-data"><ul class="images"><li attr-img="40762035" attr-thumbnail="40762035" attr-alt="Dachowa Etap IV"></li></ul> <div class="content"></div></div><div class="viewer-data"><ul class="images"><li attr-img="40762043" attr-thumbnail="40762043" attr-alt="Dachowa Etap IV"></li></ul> <div class="content"></div></div><div class="viewer-data"><ul class="images"><li attr-img="40914569" attr-thumbnail="40914569" attr-alt="ZadzwoD lub napisz do nas."></li></ul> <div class="content"></div></div><div class="viewer-data"><ul class="images"><li attr-img="40914567" attr-thumbnail="40914567" attr-alt="Dom Dachowa. WykoDczenie &quot;pod klucz&quot;."></li></ul> <div class="content"></div></div><div class="viewer-data"><ul class="images"><li attr-img="40914433" attr-thumbnail="40914433" attr-alt="Dom Dachowa. WykoDczenie &quot;pod klucz&quot;."></li></ul> <div class="content"></div></div><div class="viewer-data"><ul class="images"><li attr-img="40914443" attr-thumbnail="40914443" attr-alt="Dom Dachowa. WykoDczenie &quot;pod klucz&quot;."></li></ul> <div class="content"></div></div><div class="viewer-data"><ul class="images"><li attr-img="40914445" attr-thumbnail="40914445" attr-alt="Dom Dachowa. WykoDczenie &quot;pod klucz&quot;."></li></ul> <div class="content"></div></div><div class="viewer-data"><ul class="images"><li attr-img="40914437" attr-thumbnail="40914437" attr-alt="Dom Dachowa. WykoDczenie &quot;pod klucz&quot;."></li></ul> <div class="content"></div></div><div class="viewer-data"><ul class="images"><li attr-img="40914439" attr-thumbnail="40914439" attr-alt="Dom Dachowa. WykoDczenie &quot;pod klucz&quot;."></li></ul> <div class="content"></div></div><div class="viewer-data"><ul class="images"><li attr-img="40914441" attr-thumbnail="40914441" attr-alt="Dom Dachowa. Mieszkanie &quot;pod klucz&quot;."></li></ul> <div class="content"></div></div><div class="viewer-data"><ul class="images"><li attr-img="40914550" attr-thumbnail="40914550" attr-alt="Dom Dachowa. WykoDczenie &quot;pod klucz&quot;."></li></ul> <div class="content"></div></div><div class="viewer-data"><ul class="images"><li attr-img="40914554" attr-thumbnail="40914554" attr-alt="Dom Dachowa. WykoDczenie &quot;pod klucz&quot;."></li></ul> <div class="content"></div></div><div class="viewer-data"><ul class="images"><li attr-img="40914558" attr-thumbnail="40914558" attr-alt="Dom Dachowa. WykoDczenie &quot;pod klucz&quot;."></li></ul> <div class="content"></div></div><div class="viewer-data"><ul class="images"><li attr-img="40914573" attr-thumbnail="40914573" attr-alt="________________________________________________________"></li></ul> <div class="content"></div></div></div><div id="elem22230746" class="gallery-slider" style="min-width:0; min-height:0; margin:50px 0px; color:; background:"> <div class="main"><div class="control prev material-icons">keyboard_arrow_left</div><div class="wrapper"><div class="pages" style="width:300%"><section class="page" style="width:33.3329999999999984%"><figure class="gallery"><img src="/webng/_service/loader/src_load.pub.c?src_file=40762027" alt="Dachowa Etap IV"/><figcaption><h1>Dachowa Etap IV</h1><h2></h2> </figcaption> </figure><figure class="gallery"><img src="/webng/_service/loader/src_load.pub.c?src_file=40762031" alt="Dachowa Etap IV"/><figcaption><h1>Dachowa Etap IV</h1><h2></h2> </figcaption> </figure><figure class="gallery"><img src="/webng/_service/loader/src_load.pub.c?src_file=40762035" alt="Dachowa Etap IV"/><figcaption><h1>Dachowa Etap IV</h1><h2></h2> </figcaption> </figure><figure class="gallery"><img src="/webng/_service/loader/src_load.pub.c?src_file=40762043" alt="Dachowa Etap IV"/><figcaption><h1>Dachowa Etap IV</h1><h2></h2> </figcaption> </figure><figure class="gallery"><img src="/webng/_service/loader/src_load.pub.c?src_file=40914569" alt="ZadzwoD lub napisz do nas."/><figcaption><h1>ZadzwoD lub napisz do nas.</h1><h2></h2> </figcaption> </figure><figure class="gallery"><img src="/webng/_service/loader/src_load.pub.c?src_file=40914567" alt="Dom Dachowa. WykoDczenie &quot;pod klucz&quot;."/><figcaption><h1>Dom Dachowa. WykoDczenie &quot;pod klucz&quot;.</h1><h2></h2> </figcaption> </figure></section> <section class="page" style="width:33.3329999999999984%"><figure class="gallery"><img src="/webng/_service/loader/src_load.pub.c?src_file=40914433" alt="Dom Dachowa. WykoDczenie &quot;pod klucz&quot;."/><figcaption><h1>Dom Dachowa. WykoDczenie &quot;pod klucz&quot;.</h1><h2></h2> </figcaption> </figure><figure class="gallery"><img src="/webng/_service/loader/src_load.pub.c?src_file=40914443" alt="Dom Dachowa. WykoDczenie &quot;pod klucz&quot;."/><figcaption><h1>Dom Dachowa. WykoDczenie &quot;pod klucz&quot;.</h1><h2></h2> </figcaption> </figure><figure class="gallery"><img src="/webng/_service/loader/src_load.pub.c?src_file=40914445" alt="Dom Dachowa. WykoDczenie &quot;pod klucz&quot;."/><figcaption><h1>Dom Dachowa. WykoDczenie &quot;pod klucz&quot;.</h1><h2></h2> </figcaption> </figure><figure class="gallery"><img src="/webng/_service/loader/src_load.pub.c?src_file=40914437" alt="Dom Dachowa. WykoDczenie &quot;pod klucz&quot;."/><figcaption><h1>Dom Dachowa. WykoDczenie &quot;pod klucz&quot;.</h1><h2></h2> </figcaption> </figure><figure class="gallery"><img src="/webng/_service/loader/src_load.pub.c?src_file=40914439" alt="Dom Dachowa. WykoDczenie &quot;pod klucz&quot;."/><figcaption><h1>Dom Dachowa. WykoDczenie &quot;pod klucz&quot;.</h1><h2></h2> </figcaption> </figure><figure class="gallery"><img src="/webng/_service/loader/src_load.pub.c?src_file=40914441" alt="Dom Dachowa. Mieszkanie &quot;pod klucz&quot;."/><figcaption><h1>Dom Dachowa. Mieszkanie &quot;pod klucz&quot;.</h1><h2></h2> </figcaption> </figure></section> <section class="page" style="width:33.3329999999999984%"><figure class="gallery"><img src="/webng/_service/loader/src_load.pub.c?src_file=40914550" alt="Dom Dachowa. WykoDczenie &quot;pod klucz&quot;."/><figcaption><h1>Dom Dachowa. WykoDczenie &quot;pod klucz&quot;.</h1><h2></h2> </figcaption> </figure><figure class="gallery"><img src="/webng/_service/loader/src_load.pub.c?src_file=40914554" alt="Dom Dachowa. WykoDczenie &quot;pod klucz&quot;."/><figcaption><h1>Dom Dachowa. WykoDczenie &quot;pod klucz&quot;.</h1><h2></h2> </figcaption> </figure><figure class="gallery"><img src="/webng/_service/loader/src_load.pub.c?src_file=40914558" alt="Dom Dachowa. WykoDczenie &quot;pod klucz&quot;."/><figcaption><h1>Dom Dachowa. WykoDczenie &quot;pod klucz&quot;.</h1><h2></h2> </figcaption> </figure><figure class="gallery"><img src="/webng/_service/loader/src_load.pub.c?src_file=40914573" alt="________________________________________________________"/><figcaption><h1>________________________________________________________</h1><h2></h2> </figcaption> </figure></section> </div></div><div class="control next material-icons">keyboard_arrow_right</div> </div> <footer> <ol class="slider-indicators"><li class="active">&nbsp;</li><li >&nbsp;</li><li >&nbsp;</li></ol> </footer> <script> (function() { var activeClassName="active", sliderEl=document.getElementById("elem22230746"), baseUrl="/webng/_service/loader/src_load.pub.c?src_file=", currentIndex=0, galleryEl=sliderEl.getElementsByClassName("gallery"), galleryViewer, indicatorsEl=sliderEl.querySelectorAll(".slider-indicators li"), nextPageEl=sliderEl.querySelector(".next"), prevPageEl=sliderEl.querySelector(".prev"), pagesEl=sliderEl.querySelector(".pages"), pageEl=pagesEl.getElementsByClassName("page"); var addSliderEventListeners, animatePage, changePage, changePageClick, disableControllsIfNeeded, hideGallerySlider, nextPageClick, onInit, openGallery, openGalleryClick, prevPageClick, showGallerySlider, setActiveIndicator; onInit=function() { addSliderEventListeners(); disableControllsIfNeeded(0); var closeGalleryViewerCallBack=showGallerySlider; galleryViewer=GalleryViewer(closeGalleryViewerCallBack); } addSliderEventListeners=function() { for(var i=0;i<indicatorsEl.length;i++) indicatorsEl[i].addEventListener("click",changePageClick.bind(this,i)); for(var j=0;j<galleryEl.length;j++) galleryEl[j].addEventListener("click",openGalleryClick.bind(this,j)); if(prevPageEl) prevPageEl.addEventListener("click",prevPageClick); if(nextPageEl) nextPageEl.addEventListener("click",nextPageClick); } openGalleryClick=function(index) { galleryViewer.openGallery(index); hideGallerySlider(); } hideGallerySlider=function() { sliderEl.style.display="none"; } showGallerySlider=function() { sliderEl.style.display="flex"; } changePageClick=function(newIndex) { if(currentIndex===newIndex) return; changePage(newIndex); } changePage=function(targetIndex) { disableControllsIfNeeded(targetIndex); setActiveIndicator(currentIndex,targetIndex); animatePage(currentIndex,targetIndex); currentIndex=targetIndex; } setActiveIndicator=function(prevIndex,newIndex) { indicatorsEl[prevIndex].classList.remove(activeClassName); indicatorsEl[newIndex].classList.add(activeClassName); } disableControllsIfNeeded=function(newIndex) { var disableControllClassName="disabled"; if(prevPageEl == null) return; prevPageEl.classList.remove(disableControllClassName); nextPageEl.classList.remove(disableControllClassName); if(newIndex===0) { prevPageEl.classList.add(disableControllClassName); } if(newIndex===pageEl.length - 1) { nextPageEl.classList.add(disableControllClassName); } } animatePage=function(prevIndex,targetIndex) { var pagesCount=pageEl.length; var translateRange=(100/pagesCount)*targetIndex*(-1); pagesEl.style.transform="translate3d("+translateRange+"%, 0, 0)"; } nextPageClick=function() { if(currentIndex+1===pageEl.length) return; changePage(currentIndex+1); } prevPageClick=function() { if(currentIndex===0) return; changePage(currentIndex-1); } function GalleryViewer(closeCallBack){ var viewerEl=document.getElementById("gallery-viewer22230746"), activeClassName="active", baseUrl="/webng/_service/loader/src_load.pub.c?src_file=", closeEl=viewerEl.querySelector(".control.close"), currentGalleryIndex=0, detailEl=viewerEl.querySelector(".main > .wrapper > .detail"), detailContentEl=viewerEl.querySelector(".main > .wrapper > .detail > .content"), disableControllClassName="disabled", flatMode=true, galleriesData=[], imagesEl=viewerEl.querySelector(".pages"), imageEl=imagesEl.getElementsByClassName("page"), infoEl=viewerEl.querySelector(".control.info"), nextImageEl=viewerEl.querySelector(".control.next"), maxScrollerOffset, prevImageEl=viewerEl.querySelector(".control.prev"), scrollerContentEl=viewerEl.querySelector("footer > .scroller > .content"), scrollerNextEl=viewerEl.querySelector("footer .next"), scrollerOffset=0, scrollerPrevEl=viewerEl.querySelector("footer .prev"), thumbnailsEl, thumbnailStep=8.5; function onInit() { galleriesData=fetchData(); } function fetchData() { var dataContainer=document.getElementById("data22230746"), viewerDataEl=dataContainer.getElementsByClassName("viewer-data"), images=[],imgDataEl; [].forEach.call(viewerDataEl, function(el){ imgDataEl=el.querySelectorAll(".images > li"); [].forEach.call(imgDataEl,function(li) { images.push({ detail: li.innerHTML, main: li.getAttribute("attr-img"), thumbnail: li.getAttribute("attr-thumbnail"), alt: li.getAttribute("attr-alt") }); }) }, []); dataContainer.parentNode.removeChild(dataContainer); return images; } function openGallery(index) { var galleryData; if(flatMode) { galleryData={ images: galleriesData, content: galleriesData[index].detail }; } else { galleryData=galleriesData[index]; index=0; } createGalleryViewer(galleryData,index); changeImage(index); disableScrollerControllsIfNeeded(); show(); } function resetScroller() { scrollerOffset=0; adjustScroller(); } function createGalleryViewer(data,index) { var singleClassName="single"; var imagesCount=data.images.length; if(imagesCount<2) { viewerEl.classList.add(singleClassName) } else { viewerEl.classList.remove(singleClassName); } createPages(data); createDetail(data.content); if(imagesCount>1) { createFooter(data,index); maxScrollerOffset=(imagesCount > 7) ? (imagesCount-7)*thumbnailStep*(-1) : 0; adjustScroller(); } bindNewElements(); addViewerEventListeners(); } function createPages(data) { var page,figure,img,imagesCount=data.images.length; imagesEl.innerHTML=""; imagesEl.style.transform="translate3d(0,0,0)"; imagesEl.style.width=100*imagesCount+"%"; data.images.forEach(function(imgData) { page=document.createElement("section"); page.classList.add("page"); page.style.width=(100/imagesCount)+1+"%"; figure=document.createElement("figure"); img=document.createElement("img"); img.src=baseUrl+imgData.main; img.alt=imgData.alt; figure.appendChild(img); page.appendChild(figure); imagesEl.appendChild(page); }); } function createDetail(details) { detailContentEl.innerHTML=details; } function createFooter(data,index) { var hideScrollerCtrls=(data.images.length <= 6); var ctrlDisplay=(hideScrollerCtrls)?"none":"inline"; scrollerNextEl.style.display=ctrlDisplay; scrollerPrevEl.style.display=ctrlDisplay; var img; scrollerContentEl.innerHTML=""; data.images.forEach(function(imgData,idx){ img=document.createElement("img"); img.src=baseUrl+imgData.thumbnail; img.alt=imgData.alt; if(idx === index) { img.classList.add(activeClassName); } scrollerContentEl.appendChild(img); }); } function bindNewElements() { imageEl=imagesEl.getElementsByClassName("page"); thumbnailsEl=viewerEl.querySelectorAll(".scroller > .content > img"); } function addViewerEventListeners() { if(closeEl) closeEl.addEventListener("click",hide); if(infoEl) infoEl.addEventListener("click",toggleDetails); if(prevImageEl) prevImageEl.addEventListener("click",prevImageClick); if(nextImageEl) nextImageEl.addEventListener("click",nextImageClick); if(scrollerNextEl) scrollerNextEl.addEventListener("click",scrollerNextClick); if(scrollerPrevEl) scrollerPrevEl.addEventListener("click",scrollerPrevClick); if(imagesEl) { imagesEl.addEventListener("touchstart",imagesTouchStart); imagesEl.addEventListener("touchend",imagesTouchEnd); } for(var i=0;i<thumbnailsEl.length;i++) thumbnailsEl[i].addEventListener("click",changeImageClick.bind(this,i)); } function show() { hideDetails(); viewerEl.style.display="flex"; } function hide() { viewerEl.style.display="none"; animateSlide(0,0); hideDetails(); closeCallBack(); } function nextImageClick() { if(currentGalleryIndex+1===imageEl.length) return; changeImage(currentGalleryIndex+1); } function prevImageClick() { if(currentGalleryIndex===0) return; changeImage(currentGalleryIndex-1); } function changeImageClick(newIndex) { if(currentGalleryIndex===newIndex) return; changeImage(newIndex); } function imagesTouchStart(evt) { console.log("imagesTouchStart"); evt.target.setAttribute("touch_start_x",evt.changedTouches[0].screenX); } function imagesTouchEnd(evt) { console.log("imagesTouchEnd"); console.log("x:"+evt.changedTouches[0].screenX); var start_x=+evt.target.getAttribute("touch_start_x"); var x=evt.changedTouches[0].screenX; if((x < start_x)&&(start_x - x > 70)) { nextImageClick(); } if((x > start_x)&&(x - start_x > 70)) { prevImageClick(); } } function changeImage(targetIndex) { disableControllsIfNeeded(targetIndex); setActiveThumbnail(currentGalleryIndex,targetIndex); animateSlide(currentGalleryIndex,targetIndex); currentGalleryIndex=targetIndex; slideScrollerToActive(currentGalleryIndex,targetIndex); if(flatMode) { createDetail(galleriesData[targetIndex].detail); } } function disableControllsIfNeeded(newIndex) { prevImageEl.classList.remove(disableControllClassName); nextImageEl.classList.remove(disableControllClassName); if(newIndex===0) { prevImageEl.classList.add(disableControllClassName); } if(newIndex===imageEl.length - 1) { nextImageEl.classList.add(disableControllClassName); } } function disableScrollerControllsIfNeeded() { scrollerPrevEl.classList.remove(disableControllClassName); scrollerNextEl.classList.remove(disableControllClassName); if(scrollerOffset===0) { scrollerPrevEl.classList.add(disableControllClassName); } if(scrollerOffset===maxScrollerOffset) { scrollerNextEl.classList.add(disableControllClassName); } } function scrollerNextClick() { if(scrollerOffset > maxScrollerOffset) { scrollerOffset-=thumbnailStep; adjustScroller(); } } function scrollerPrevClick() { if(scrollerOffset < 0) { scrollerOffset+=thumbnailStep; adjustScroller(); } } function setActiveThumbnail(prevIndex,newIndex) { thumbnailsEl[prevIndex].classList.remove(activeClassName); thumbnailsEl[newIndex].classList.add(activeClassName); } function slideScrollerToActive(prevIndex,newIndex) { var isOffsetChange=fitScrollerOffset(); if(isOffsetChange) { adjustScroller(); } } function fitScrollerOffset() { var prevValue=scrollerOffset; if(currentGalleryIndex>3) { var newScrollerOffset=(currentGalleryIndex-3)*thumbnailStep*(-1); scrollerOffset=Math.max(newScrollerOffset, maxScrollerOffset) } else { scrollerOffset=0; } return (prevValue!==scrollerOffset); } function adjustScroller() { disableScrollerControllsIfNeeded(); animateScroller(); } function animateScroller() { scrollerContentEl.style.transform="translate3d("+scrollerOffset+"em,0,0)"; } function animateSlide(prevIndex,targetIndex) { var imagesCount=imageEl.length; var translateRange=(100/imagesCount)*targetIndex*(-1); imagesEl.style.transform="translate3d("+translateRange+"%,0,0)"; } function toggleDetails() { var currentRight=detailEl.style.right; var isVisible=((currentRight === "0px")||(currentRight === "")); if(isVisible) { hideDetails(); } else { showDetails(); } } function showDetails() { detailEl.style.right="0"; } function hideDetails() { detailEl.style.right="-100%"; } onInit(); return { openGallery: openGallery }; } onInit(); })(); </script> </div></div><div class="box_elem elem_c_sep elem_show--always" data-id="22230820"> <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 simple"> <div class="simple small" style="margin-top:0px;margin-bottom:0px;background:#A7A7A7;"></div> </div></div><div class="box_elem elem_c_sep elem_show--always" data-id="22230821"> <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 simple"> <div class="simple small" style="margin-top:0px;margin-bottom:0px;background:#FFFFFF;"></div> </div></div><div class="box_elem elem_c_img_link_list elem_show--always" data-id="22230822"> <style> .elem_c_img_link_list .wrapper { margin: 0 auto; max-width: 1200px; } .elem_c_img_link_list .list { align-items: center; box-sizing: border-box; display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; } .elem_c_img_link_list[data-id="22230822"] .list { background-color: transparent; margin: 0px; min-width: 0px; min-height: 1px; } .elem_c_img_link_list .list--mode-standard { justify-content: space-around; } .elem_c_img_link_list .list--mode-modern { justify-content: space-between; } .elem_c_img_link_list .list__item { align-items: center; box-sizing: border-box; cursor: context-menu; display: flex; position: relative; } .elem_c_img_link_list[data-id="22230822"] .list__item { color: #A7A7A7; } .elem_c_img_link_list .graphic { position: relative; } .elem_c_img_link_list .graphic__more { left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); } .elem_c_img_link_list .graphic__hover, .elem_c_img_link_list .graphic__default { max-width: 100%; } .elem_c_img_link_list .graphic__default { display: block; opacity: 1; } .elem_c_img_link_list .graphic__hover { display: none; opacity: 0; } .elem_c_img_link_list .link { bottom: 0; left: 0; position: absolute; top: 0; right: 0; } .elem_c_img_link_list .detail { margin-left: .5em; } .elem_c_img_link_list .list__item:hover .graphic__hover { display: block; opacity: 1; } .elem_c_img_link_list .list__item:hover .graphic__hover + .graphic__default { display: none; opacity: 0; } .elem_c_img_link_list[data-id="22230822"] .list { border-bottom: 1px solid #A7A7A7; border-top: 1px solid #A7A7A7; padding: 20px 0; } .elem_c_img_link_list .list--mode-compact .list__item { flex: 1; justify-content: center; padding: 20px 0; } .elem_c_img_link_list .list--mode-compact .list__item:last-of-type { border: 0; } @media (min-width: 769px) { .elem_c_img_link_list[data-id="22230822"] .list__item { border-right: 1px solid #A7A7A7; } } @media (max-width: 768px) { .elem_c_img_link_list .list--mode-compact { flex-direction: column; border-right-width:0px; padding: 0; } .elem_c_img_link_list .list--mode-compact .detail { margin-left: .5em; } .elem_c_img_link_list .list--mode-compact .list__item { border-right: 0; border-bottom: 1px solid; flex-direction: row; margin: 0 20px; width: 80%; } .elem_c_img_link_list[data-id="22230822"] .list__item { border-bottom: 1px solid #A7A7A7; } } </style><div class="wrapper"> <div class="list list--mode-compact"><li class="list__item"> <figure class="graphic"><img class="graphic__default" src="/webng/_service/loader/src_load.pub.c?src_file=22230123"/></figure><div class="detail bbcode label"><span style="font-weight:bold;font-size:20px;">+48 61 10 10 443</span></div></li><li class="list__item"> <figure class="graphic"><img class="graphic__default" src="/webng/_service/loader/src_load.pub.c?src_file=22230133"/></figure><div class="detail bbcode label"><span style="font-weight:bold;font-size:20px;">biuro@dachowa-domy.pl</span></div></li><li class="list__item"> <figure class="graphic"><img class="graphic__default" src="/webng/_service/loader/src_load.pub.c?src_file=22230137"/></figure><div class="detail bbcode label"><a class="txt" target="_blank" href="https://www.facebook.com/STHomedeweloper/"><div style='display:inline-block'><span style="font-weight:bold;font-size:20px;" class="acol_neutralLight2">Facebook</span></div></a></div></li></div> </div></div><div class="box_elem elem_c_txt elem_show--always" data-id="22230823"> <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:#F7881F !important; font-size:16px; font-family:'SourceSans3'; font-weight:400; } .elem_c_txt .bbcode { overflow:hidden; } @media screen and (min-width: 481px) and (max-width: 768px) { .elem_c_txt .wrap{ padding:1px 20px; } } @media screen and (max-width: 480px) { .elem_c_txt .wrap{ padding:1px 5px; } } </style><div class="bg standard" style="background-color:;min-height:0px"> <div class="wrap" style="color:"> <div class="label bbcode standard" style=""><div style="text-align:center;margin:10px 0px 0px 0px;"><a class="txt" target="_self" href="/start"><div style='display:inline-block'><span style="font-size:14px;" class="acol_neutralLight2">HOME</span></div></a><span style="margin-right:30px"></span><span style="font-size:14px;" class="acol_neutralLight2"> </span><a class="txt" target="_self" href="/onas"><div style='display:inline-block'><span style="font-size:14px;" class="acol_neutralLight2">O NAS</span></div></a><span style="margin-right:30px"></span><span style="font-size:14px;" class="acol_neutralLight2"> </span><a class="txt" target="_self" href="/mieszkania"><div style='display:inline-block'><span style="font-size:14px;" class="acol_neutralLight2">MIESZKANIA</span></div></a><span style="margin-right:30px"></span><span style="font-size:14px;" class="acol_neutralLight2"> </span><a class="txt" target="_self" href="/standard"><div style='display:inline-block'><span style="font-size:14px;" class="acol_neutralLight2">STANDARD</span></div></a><span style="margin-right:30px"></span><span style="font-size:14px;" class="acol_neutralLight2"> </span><a class="txt" target="_self" href="/osiedle"><div style='display:inline-block'><span style="font-size:14px;" class="acol_neutralLight2">OSIEDLE</span></div></a><span style="margin-right:30px"></span><span style="font-size:14px;" class="acol_neutralLight2"> </span><a class="txt" target="_self" href="/lokalizacja"><div style='display:inline-block'><span style="font-size:14px;" class="acol_neutralLight2">LOKALIZACJA</span></div></a><span style="margin-right:30px"></span><span style="font-size:14px;" class="acol_neutralLight2"> </span><a class="txt" target="_self" href="/galeria"><div style='display:inline-block'><span style="font-size:14px;" class="acol_neutralLight2">GALERIA</span></div></a><span style="margin-right:30px"></span><span style="font-size:14px;" class="acol_neutralLight2"> </span><a class="txt" target="_self" href="/kontakt"><div style='display:inline-block'><span style="font-size:14px;" class="acol_neutralLight2">KONTAKT</span></div></a><span style="margin-right:30px"></span><span style="font-size:14px;" class="acol_neutralLight2"> </span><a class="txt" target="_self" href="/noty"><div style='display:inline-block'><span style="font-size:14px;" class="acol_neutralLight2">NOTY PRAWNE</span></div></a></div><br><br><div style="text-align:center;margin:5px 0px 0px 0px;"><span style="font-size:11px;" class="acol_neutralLight3">Copyright ©2019 ST Home - wszelkie prawa zastrze|one. Powered by .PORTAL</span></div></div> </div> </div></div><div class="box_elem elem_c_sep elem_show--always" data-id="22230824"> <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 simple"> <div class="simple large" style="margin-top:10px;margin-bottom:10px;background:#FFFFFF;"></div> </div></div></div></div></div><script src="https://storage.googleapis.com/cdn-ang/scripts/comparer.partner.js?position=0&noform=1&amount=400000&fetch=1&property_type=1&developer=1&property_value=710000&period=30&type_interest=1&age=25&user_uid=TspMdy34WJ"></script> </body> </html> <!-- HTC End. -->