@import url('https://vixcrm.com/styles_/styles1fa_.css');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');

:root
{
--gold-color:#e5bf69;
--gold-color-tr:#938776;
--gold-color-tr1:#93877688;
--gold-color-tr2:#93877644;
--dark-color:#032a39;
--white:#fff;

	--head-bg-color:#032a39;
	--body-bg-color:#e5bf69;
	--main-color-tr:#032a39aa;
       --menu-txt-color:#e5bf69;
       --menu-txt-color2:#eed59e;
       --menu-txt-color-tr:#e5bf6988;
       --contact-bg:#032a39;
	--foot-bg-color:#032a39;
        --foot-txt-color:#e5bf69;
	--bg-color:#fff; --tx0-color:#000; --tx1-color:#333;
	--sh0-color:#000; --sh1-color:#0008; --hov-color:#0002;
	--offers-width:664px;
	--size-out:332px; --size-ins:322px;
	--info-top:247px; --info-height:80px;
}
* { box-sizing:border-box; }
body { margin:0px; padding:0px; background:#fff; color:#111; font-family:"Open Sans", tahoma, arial; }
body.fix form#form2search { position:fixed; top:0px; margin-left:715px; }
body.oferty-nieruchomosci { background:#fafafa; }
h1 { margin:0px; padding:0px; }
h1 > span.gold { color:rgb(178, 127, 61); }
body.in2pg2 h1 { text-align:center; text-transform:uppercase; }
body.in2pg2 div.main > div.i  { padding-top:30px; }
body.in2pg2 div.main > div.i > div.photos > img
{
	display:block; width:33%; height:250px; margin:0px; padding:0px; float:left;
	border:solid 5px transparent; cursor:pointer; object-fit:cover;
}
body.in2pg2 div.main > div.i > div.photos > img:hover { border-color:#eee; }


h2 { margin:0px; padding:0px; }
h3 { margin:0px; padding:0px; }
h3.ca { text-align:center; }
h4 { margin:0px; padding:0px; }
h5 { margin:0px; padding:0px; }
h6 { margin:0px; padding:0px; }
div.clear { clear:both; }
header { background:var(--head-bg-color); }
header > div.top { width:1000px; margin:0px auto; padding-top:10px; text-align:center; }
header > div.top > a { display:inline-block; margin:0px; padding:5px; }
header > div.top > a > img.logo { height:75px; margin:0px; margin-left:15px; }
header > nav#nav2menu { text-align:center; }
header > nav#nav2menu ul { display:inline-block; list-style:none; width:auto; margin:0px auto; padding:0px; }
header > nav#nav2menu ul li { float:left; }
header > nav#nav2menu ul li a { display:inline-block; margin:0px; padding:20px 15px; color:var(--menu-txt-color); text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:16px; }
header > nav#nav2menu ul li a:hover { background:var(--hov-color); }
header > nav#nav2menu ul li.mobi { display:none; cursor:pointer; }
header > nav#nav2menu ul li.mobi a { font-size:42px; }
header > nav#nav2menu ul li.tm2contact { display:none; }

div.main { width:1000px; margin:0px auto; padding:20px; }
div.main > div.i { padding:0px; padding-bottom:60px; }
body.in2about div.main > div.i { padding-top:30px; line-height:1.5em; }
body.in2offer2id div.main > div.i { padding-top:30px; }
body.in2services div.main > div.i { padding-top:30px; }
body.in2contact div.main > div.i { padding-top:30px; }
div.main > div.i > p.j { text-align:justify; }
div.main > div.i > div.fl { width:710px; margin-top:10px; padding:15px; float:right; }
div.main > div.i.offer
{
	text-align:center;
}
div.main > div.i.offer.la { text-align:left; }
div.main > div.i.offer > h1 { display:inline-block; text-transform:uppercase; border-bottom:solid 1px var(--main-color); padding:5px 0px; }
div.main > div.i.offer > strong { display:inline-block; font-weight:300; padding:10px 0px; }
div.main > div.i.offer > div.photos
{
	margin:25px 0px; overflow:hidden;
}
div.main > div.i.offer > div.photos > img
{
	display:block; width:33%; height:250px; margin:0px; padding:0px; float:left;
	border:solid 5px transparent; cursor:pointer; object-fit:cover;
}
div.main > div.i.offer > div.photos > img:hover { border-color:#eee; }
div.main > div.i.offer > div.desc { padding:0px 10px; font-weight:300; text-align:left; line-height:1.5em; }

div.main > div.i.offer > div.tables { width:90%; margin:0px auto; margin-top:25px; }
div.main > div.i.offer > div.tables table.prop { width:45%; border-spacing:0px; border-collapse:separate; float:left; margin-bottom:1em; }
div.main > div.i.offer > div.tables table.prop.ra { float:right; }
div.main > div.i.offer > div.tables table.prop tr td { padding:5px; font-weight:300; text-align:left; }
div.main > div.i.offer > div.tables table.prop tr th { padding:10px 5px; }
div.main > div.i.offer > div.tables table.prop tr td.c3 { padding:5px; font-weight:normal; }
div.main > div.i.offer > div.tables table.prop tr:nth-of-type(2n) td { background:#fafafa; }


form#form2search { width:285px; float:left; padding:10px; margin-top:10px; background:linear-gradient(45deg, rgba(226,187,108,0.75) 0%, rgb(178, 127, 61) 50%, rgb(226, 187, 108, 0.75) 100%); }
form#form2search > label { display:block; padding:5px 2px; color:#fff; font-size:11px; text-transform:uppercase; }
form#form2search > div.i { padding-bottom:10px; }
form#form2search > div > input { display:block; width:100%; height:33px; padding:5px; border:solid 2px #eee; border-radius:2px; outline:none; }
form#form2search > div > input#f2price1 { width:50%; float:left; border-top-right-radius:0px; border-bottom-right-radius:0px; border-right:none; }
form#form2search > div > input#f2price2 { width:50%; float:left; border-top-left-radius:0px; border-bottom-left-radius:0px; }
form#form2search > div > input#f2area1 { width:50%; float:left; border-top-right-radius:0px; border-bottom-right-radius:0px; border-right:none; }
form#form2search > div > input#f2area2 { width:50%; float:left; border-top-left-radius:0px; border-bottom-left-radius:0px; }
form#form2search > div > select { display:block; width:100%; height:33px; padding:5px; border:solid 2px #eee; border-radius:2px; outline:none; color:#222; }
form#form2search a.button { display:block; max-width:150px; margin:20px auto; padding:10px; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:center; background:var(--head-bg-color); color:#fff; border-radius:2px; cursor:pointer; }

div.images { width:100%; height:auto; position:relative; }
div.images div.img div.fl div.in { margin-top:20px; padding:20px; background:#0004; text-shadow:1px 1px 15px var(--sh0-color); border-radius:3px; text-align:left; }
div.images form#form2search { margin:10px; box-shadow:1px 1px 10px var(--sh1-color), 1px 1px 20px var(--sh1-color); }
div.images > div.img
{
    width:100%; height:auto; padding:40px;
    background-color:#B9B5AC;
    background-repeat:no-repeat, no-repeat;
    background-position:bottom;
    background-image:url(/files_/wisto_.webp), url(/files_/wisto_.gif);
    background-size:cover,cover;
    color:#fff;
}
div.images > div.img > div.fl { width:1050px; padding:25px 0px; padding-right:50px; padding-top:10vh; text-align:center; float:right; }
div.images > div.img h1 { font-size:62px; text-transform:uppercase; text-shadow:1px 1px 15px var(--sh0-color), 1px 1px 5px var(--sh0-color); }
div.images > div.img span { display:inline-block; padding:10px; font-size:30px; font-weight:bold; text-transform:uppercase; text-shadow:1px 1px 15px var(--sh0-color), 1px 1px 5px var(--sh0-color); }

div#div2offers { width:var(--offers-width); padding:5px 0px; float:right; }
div#div2offers > div.o { position:relative; width:var(--size-out); height:var(--size-out); padding:5px; float:left; }
div#div2offers > div.o > a { display:inline-block; width:var(--size-ins); height:var(--size-ins); cursor:pointer; }
div#div2offers > div.o > a > img { width:var(--size-ins); height:var(--size-ins); object-fit: cover; border:solid 2px #ccc; border-radius:2px; background:#fafafa url(/bg/nph_.png) no-repeat center; background-position:50% 35%; }
div#div2offers > div.o > a > span.status { display:block; position:absolute; margin:5px; padding:3px 5px; font-size:9px; }
div#div2offers > div.o > a > span.status.s4 { background:#B7CE0D; color:#fff; }
div#div2offers > div.o > a > span.status.s5 { background:#81b624; color:#fff; }
div#div2offers > div.o > a > span.status.s6 { background:#3F993F; color:#fff; }
div#div2offers > div.o > a > span.i
{
	display:block;
	position:absolute; top:var(--info-top);
	width:var(--size-ins); height:var(--info-height); padding:10px;
	background:#fff; color:var(--tx0-color); border:solid 2px #ccc; border-top:none;
}
div#div2offers > div.o > a > span.i > span.price { display:block; font-size:19px; font-weight:900; position:absolute; width:auto; height:30px; line-height:30px; right:0px; margin-top:-39px; padding:0px 10px; background:#fff; text-align:right; }
div#div2offers > div.o > a > span.i > span.price > small { font-weight:normal; font-size:9px; }
div#div2offers > div.o > a > span.i > span.price::before {}
div#div2offers > div.o > a > span.i > span.city { display:block; text-transform:uppercase; font-size:16px; font-weight:bold; }
div#div2offers > div.o > a > span.i > span.prtr { display:block; text-transform:uppercase; font-size:16px; font-weight:bold; }
div#div2offers > div.o > a > span.i > span.area { display:block; font-size:11px; font-weight:300; padding-top:5px; }

body.in2main > div#div2offers { width:100%; text-align:center; padding-top:15px; }
body.in2main > div#div2offers > div.o { display:inline-block; float:none; }
body.in2main > div#div2offers > div.o > a > img { border-color:transparent; }
body.in2main > div#div2offers > div.o > a > span.i { border-color:transparent; }

div#form2contact { background:var(--contact-bg); color:#fff; padding:45px 0px; }
div#form2contact > div.i { width:1000px; margin:0px auto; padding:0px; }
div#form2contact > div.i > h4 { display:block; font-size:24px; margin:0px; padding:0px; padding-bottom:30px; text-align:center; }
div#form2contact > div.i > div.p1 { width:50%; padding-right:18px; float:left; }
div#form2contact > div.i > div.p2 { width:50%; padding-left:18px; float:right; }
div#form2contact > div.i > div > div.row { margin:0px; margin-bottom:10px; }
div#form2contact > div.i > div > div.row > label { display:block; padding:6px 0px; }
div#form2contact > div.i > div > div.row > input { display:block; width:100%; margin:0px; padding:10px; border:solid 2px var(--gold-color-tr2); border-radius:2px; outline:none; font:inherit; }
div#form2contact > div.i > div > div.row > input:focus { border-color:var(--gold-color); }
div#form2contact > div.i > div > div.row > textarea { display:block; width:100%; height:128px; margin:0px; padding:10px; border:solid 2px var(--gold-color-tr2); border-radius:2px; outline:none; font:inherit; }
div#form2contact > div.i > div > div.row > textarea:focus { border-color:var(--gold-color); }
div#form2contact > div.i > div > div.row > img.captcha { display:block; width:140px; height:43px; float:left; border:dashed 2px var(--white); }
div#form2contact > div.i > div > div.row > input#captcha { display:block; width:140px; height:43px; padding:0px; float:left; margin-left:10px; text-align:center; color:#fff; background:none; border:dashed 2px var(--white); }
div#form2contact > div.i > div > div.row > input#captcha::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #8888; opacity: 1; /* Firefox */ }
div#form2contact > div.i > div > div.row > a.button { display:inline-block; height:43px; line-height:43px; background:var(--gold-color); color:var(--dark-color); padding:0px 15px; border-radius:2px; float:right; cursor:pointer; }
div#form2contact > div.i > div > div.row.send { padding-top:31px; }

footer { background:var(--foot-bg-color); color:var(--white); font-size:13px; }
footer > div.i { width:1000px; margin:0px auto; padding:15px 0px; text-align:center; }
footer > div.i > img.logo { height:25px; margin:20px 5px; }
footer > div.i > ul { display:inline-block; list-style:none; width:100%; margin:0px auto; margin-bottom:10px; padding:0px; padding-bottom:15px; font-size:13px; border-bottom:dashed 1px var(--menu-txt-color-tr); }
footer > div.i > ul li { display:inline-block; }
footer > div.i > ul li a { display:inline-block; margin:0px; padding:15px 10px; color:var(--foot-txt-color); text-decoration:none; text-transform:uppercase; font-weight:bold; }
footer > div.i > ul li a:hover { background:var(--hov-color); }
footer > div.i > div.col { display:inline-block; width:100%; padding:0px; text-align:center; float:none; }
footer > div.i > div.col.c0 { padding:10px; padding:30px 0px; padding-bottom:10px; }
footer > div.i > div.col.c1 { padding-top:15px; }
footer > div.i > div.col.c2 { border-bottom:dashed 1px var(--gold-color-tr1); margin-top:10px; padding-bottom:25px; }
footer > div.i > div.col > a { display:inline-block; color:var(--menu-txt-color2); text-decoration:none; padding:3px 5px; }
footer > div.i > div.col > a.uc { text-transform:uppercase; font-weight:bold; padding-bottom:10px; }
footer > div.i > a.fb { color:inherit; }

@media screen and (max-width:1450px)
{
	div.images > div.img > div.fl { width:950px; }
}
@media screen and (max-width:1350px)
{
	div.images > div.img > div.fl { width:850px; padding-right:100px; }
}
@media screen and (max-width:1250px)
{
	div.images > div.img > div.fl { width:750px; padding-right:100px; }
	div.images > div.img h1 { font-size:54px; }
}
@media screen and (max-width:1150px)
{
	div.images > div.img > div.fl { width:600px; padding-right:50px; }
	div.images > div.img h1 { font-size:34px; }
	div.images > div.img span { font-size:18px; }
}
@media screen and (max-width:1050px)
{
	header > div.top { width:100%; }
	header > nav#nav2menu ul { width:auto; }
	div.main { width:100%; }
	div#form2contact > div.i { width:100%; max-width:600px; padding:0px 20px; }
	div#form2contact > div.i > div.p1 { width:100%; float:none; padding:0px; }
	div#form2contact > div.i > div.p2 { width:100%; float:none; padding:0px; }
	footer > div.i { width:100%; }
}
@media screen and (max-width:1000px)
{
	header > nav#nav2menu ul li.mobi { display:inline-block; width:100%; float:none; text-align:center; }
	header > nav#nav2menu ul li.mobi a { padding:15px 28px; padding-top:10px; }
	header > nav#nav2menu ul li.tm2contact { display:inline-block; }
	header > nav#nav2menu ul:not(.on) li:not(.mobi) { display:none; }
	header > nav#nav2menu ul.on li { width:100%; float:none; text-align:center; }
	header > nav#nav2menu ul.on li a { padding:20px 28px; }
	div.images form#form2search { width:100%; max-width:500px; margin:0px auto; float:none; }
	div.images > div.img > div.fl { width:100%; padding:0px; float:none; margin-bottom:20px; }
	div.main > div.i form#form2search { width:100%; max-width:500px; margin:0px auto; float:none; }
	div.main > div.i > div.fl { width:100%; padding:20px; float:none; }
	div.main > form#form2search { width:100%; max-width:500px; margin:0px auto; float:none; }
	div#div2offers { width:100%; text-align:center; }
	div#div2offers > div.o { display:inline-block; float:none; }
	div.main > div.i.offer > div.photos > img { width:50%; }
	body.in2pg2 div.main > div.i > div.photos > img { width:50%; }
}
@media screen and (max-width:600px)
{
div.main > div.i.offer > div.tables table.prop { width:100%; float:none; }
div.main > div.i.offer > div.tables table.prop.ra { float:none; }
}
@media screen and (max-width:500px)
{
	div.images > div.img h1 { font-size:24px; }
	div.images > div.img span { font-size:12px; }
	div.images > div.img { padding:20px; }
	div.main > div.i.offer > div.photos > img { width:100%; }
	body.in2pg2 div.main > div.i > div.photos > img { width:100%; }
	div#form2contact > div.i > div > div.row > img.captcha { width:100%; max-width:200px; height:61px; margin:0px auto; float:none; }
	div#form2contact > div.i > div > div.row > input#captcha { width:100%; max-width:200px; margin:0px auto; margin-top:10px; float:none; }
	div#form2contact > div.i > div > div.row > a.button { display:block; width:100%; max-width:200px; margin:0px auto; margin-top:10px; float:none; text-align:center; }
}
@media screen and (max-width:375px)
{
	div#div2offers > div.o { width:100%; padding:5px 0px; }
	div#div2offers > div.o > a { width:100%; }
	div#div2offers > div.o > a > img { width:100%; }
	div#div2offers > div.o > a > span.i { width:100%; }
}

div.vixcrm { margin-top:20px; padding:10px; padding-top:20px; border-top:dashed 1px var(--gold-color-tr2); }
div.vixcrm img { height:15px; }

div.x-apartments
{
	padding:50px 0px;
	text-align:justify;
}
div.x-apartments > span { display:block; padding:0px; margin:0px; margin-bottom:10px; }
div.x-apartments > a { display:block; padding:10px; text-align:center; text-decoration:none; font-size:11px; }
div.x-apartments > a > span { display:block; color:var(--gold-color); padding:5px; }
div.x-apartments > a > img { display:inline-block; margin:0px; border-radius:3px; }

div.owner { text-align:center; }
div.owner img { display:block; margin:20px auto; border-radius:5px; }

body.in2pg1 div.txt { width:calc(100% - 320px); float:left; }
body.in2pg1 img { width:300px; float:right; border-radius:5px; }

@media screen and (max-width:1100px)
{
  body.in2pg1 div.txt { width:auto; float:none; }
  body.in2pg1 img { width:100%; max-width:500px; float:none; }
}

div.agent { display:block; width:33%; height:450px; float:left; margin-bottom:10px; }
@media screen and (max-width:800px) { div.agent { width:50%; } }
@media screen and (max-width:550px) { div.agent { width:100%; } }
div.agent > div.in { padding:5px; }
div.agent > div.in > a { position:relative; display:block; width:100%; height:300px; background-size:cover; background-position:center; background-repeat:no-repeat; border-radius:3px; }
div.agent > div.in > a > span { display:none; position:absolute; right:10px; bottom:10px; padding:15px; background:var(--head-bg-color-tr); color:var(--menu-txt-color); font-weight:bold; border-radius:2px; backdrop-filter:blur(5px); }
div.agent > div.in > a:hover > span { display:inline-block; }
div.agent > div.in > div.info { display:block; width:100%; height:100px; margin:0px; padding:0px 10px; }
div.agent > div.in > div.info > span { display:block; padding:3px 0px; text-align:left; }
div.agent > div.in > div.info > span > i.fa { display:inline-block; margin-right:5px; }
div.agent > div.in > div.info > span > u { text-decoration:none; }
div.agent > div.in > div.info > span.name { padding:10px 0px; font-weight:bold; font-size:18px; }
div.agent > div.in > div.info > span.email > u { font-size:14px; }
div.agent > div.in > div.info > span.phone > i.fa { position:relative; top:3px; }