<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;300;400;500;700&amp;display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;700&amp;display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;700&amp;display=swap');

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

	--head-bg-color:#002842;
	--head-bg-color-tr:#00284244;
	--body-bg-color:#fff;
	--main-color-tr:#002842aa;
       --menu-txt-color:#fff;
       --menu-txt-color2:#fff;
       --menu-txt-color-tr:#fff88;
       --contact-bg:#002842;
	--foot-bg-color:#002842;
        --foot-txt-color:#fff;
	--bg-color:#fff; --tx0-color:#000; --tx1-color:#333;
	--sh0-color:#000; --sh1-color:#0008; --hov-color:#0002;
	--main-image-1:url(/img/main_01_.webp);
	--main-image-2:url(/img/main_02_.webp);
	--main-image-3:url(/img/main_03_.webp);
	--main-image-4:url(/img/main_04_.webp);
	--main-image-5:url(/img/main_05_.webp);
	--main-image-6:url(/img/main_06_.webp);
	--main-image-7:url(/img/main_07_.webp);
	--main-image-8:url(/img/main_08_.webp);
	--offers-width:calc(100% - 300px);
	--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:"Source Sans Pro", tahoma, arial; }
body.fix form#form2search { position:fixed; top:0px; margin-left:715px; }
body.oferty-nieruchomosci { background:#fafafa; }
h1 { margin:0px; padding:0px; }
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 &gt; div.top { width:1000px; margin:0px auto; padding-top:10px; text-align:center; }
header &gt; div.top &gt; a { display:inline-block; margin:0px; padding:5px; }
header &gt; div.top &gt; a &gt; img.logo { height:65px; margin:0px; margin-left:15px; }
header &gt; nav#nav2menu { text-align:center; }
header &gt; nav#nav2menu ul { display:inline-block; list-style:none; width:auto; margin:0px auto; padding:0px; }
header &gt; nav#nav2menu ul li { float:left; }
header &gt; 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 &gt; nav#nav2menu ul li a:hover { background:var(--hov-color); }
header &gt; nav#nav2menu ul li.mobi { display:none; cursor:pointer; }
header &gt; nav#nav2menu ul li.mobi a { font-size:32px; }
header &gt; nav#nav2menu ul li.tm2contact { display:none; }

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

div.main &gt; div.i.offer &gt; div.desc { padding:0px 10px; font-weight:300; text-align:left; line-height:1.5em; }

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

form#form2search { width:285px; float:left; padding:10px; margin-top:10px; background:var(--head-bg-color); }
form#form2search &gt; label { display:block; padding:5px 2px; color:#fff; font-size:11px; text-transform:uppercase; }
form#form2search &gt; div.i { padding-bottom:10px; }
form#form2search &gt; div &gt; input { display:block; width:100%; height:33px; padding:5px; border:solid 2px #eee; border-radius:2px; outline:none; }
form#form2search &gt; div &gt; input#f2price1 { width:50%; float:left; border-top-right-radius:0px; border-bottom-right-radius:0px; border-right:none; }
form#form2search &gt; div &gt; input#f2price2 { width:50%; float:left; border-top-left-radius:0px; border-bottom-left-radius:0px; }
form#form2search &gt; div &gt; input#f2area1 { width:50%; float:left; border-top-right-radius:0px; border-bottom-right-radius:0px; border-right:none; }
form#form2search &gt; div &gt; input#f2area2 { width:50%; float:left; border-top-left-radius:0px; border-bottom-left-radius:0px; }
form#form2search &gt; div &gt; 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:#fff; color:#000; border-radius:2px; cursor:pointer; }

div.images { width:100%; height:auto; position:relative; }
div.images form#form2search { position:relative; margin:10px; box-shadow:1px 1px 10px var(--sh1-color), 1px 1px 20px var(--sh1-color); z-index:1; }
div.images &gt; div.img { position:relative; width:100%; height:auto; padding:40px; background:#eee; color:#fff; }
div.images &gt; div.img &gt; img { position:absolute; left:0%; top:0%; width:100%; height:100%; background-image:var(--main-image-1); background-repeat:no-repeat; background-size:cover; background-position:center; z-index:0; }
div.images &gt; div.img &gt; div.fl { position:relative; width:950px; padding:25px 0px; padding-right:50px; padding-top:20vh; text-align:center; float:right; z-index:1; color:#fff; }
div.images &gt; 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 &gt; div.img span { display:inline-block; padding:5px; font-size:30px; font-weight:bold; text-transform:uppercase; text-shadow:1px 1px 15px var(--sh0-color), 1px 1px 5px var(--sh0-color); }
div.images &gt; div.img span &gt; a { display:inline-block; padding:2px 5px; border:solid 5px #ccc4; border-radius:2px; }
div.images &gt; div.img span &gt; a:hover { border-color:#ffff; box-shadow:0px 0px 10px #0008; }

div#div2offers { width:var(--offers-width); padding:5px 0px; float:right; }
div#div2offers &gt; div.o { position:relative; width:var(--size-out); height:var(--size-out); padding:5px; float:left; }
div#div2offers &gt; div.o &gt; a { display:inline-block; width:var(--size-ins); height:var(--size-ins); cursor:pointer; }
div#div2offers &gt; div.o &gt; a &gt; 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 &gt; div.o &gt; a &gt; span.status { display:block; position:absolute; margin:5px; padding:3px 5px; font-size:9px; }
div#div2offers &gt; div.o &gt; a &gt; span.status.s4 { background:#B7CE0D; color:#fff; }
div#div2offers &gt; div.o &gt; a &gt; span.status.s5 { background:#81b624; color:#fff; }
div#div2offers &gt; div.o &gt; a &gt; span.status.s6 { background:#3F993F; color:#fff; }
div#div2offers &gt; div.o &gt; a &gt; 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 &gt; div.o &gt; a &gt; span.i &gt; 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 &gt; div.o &gt; a &gt; span.i &gt; span.price &gt; small { font-weight:normal; font-size:9px; }
div#div2offers &gt; div.o &gt; a &gt; span.i &gt; span.price::before {}
div#div2offers &gt; div.o &gt; a &gt; span.i &gt; span.city { display:block; text-transform:uppercase; font-size:16px; font-weight:bold; }
div#div2offers &gt; div.o &gt; a &gt; span.i &gt; span.prtr { display:block; text-transform:uppercase; font-size:16px; font-weight:bold; }
div#div2offers &gt; div.o &gt; a &gt; span.i &gt; span.area { display:block; font-size:11px; font-weight:300; padding-top:5px; }

body.in2pg3 div#div2offers { width:100%; float:none; }
body.in2pg3 div#div2offers &gt; div.o { display:inline-block; width:320px; float:none; }
body.in2pg3 div#div2offers &gt; div.o &gt; a { width:100%; }
body.in2pg3 div#div2offers &gt; div.o &gt; a &gt; img { width:100%; }
body.in2pg3 div#div2offers &gt; div.o &gt; a &gt; span.i { width:calc(100% - 10px); }

body.in2pg3 div#div2offers &gt; div.notfound { text-align:center; }
body.in2pg3 div#div2offers &gt; div.notfound &gt; div.i { text-align:center; font-weight:bold; }


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

div#form2contact { background:var(--contact-bg); color:#fff; padding:45px 0px; }
div#form2contact &gt; div.i { width:1000px; margin:0px auto; padding:0px; }
div#form2contact &gt; div.i &gt; h4 { display:block; font-size:24px; margin:0px; padding:0px; padding-bottom:30px; text-align:center; }
div#form2contact &gt; div.i &gt; div.p1 { width:50%; padding-right:18px; float:left; }
div#form2contact &gt; div.i &gt; div.p2 { width:50%; padding-left:18px; float:right; }
div#form2contact &gt; div.i &gt; div &gt; div.row { margin:0px; margin-bottom:10px; }
div#form2contact &gt; div.i &gt; div &gt; div.row &gt; label { display:block; padding:6px 0px; }
div#form2contact &gt; div.i &gt; div &gt; div.row &gt; 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 &gt; div.i &gt; div &gt; div.row &gt; input:focus { border-color:var(--gold-color); }
div#form2contact &gt; div.i &gt; div &gt; div.row &gt; 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 &gt; div.i &gt; div &gt; div.row &gt; textarea:focus { border-color:var(--gold-color); }
div#form2contact &gt; div.i &gt; div &gt; div.row &gt; img.captcha { display:block; width:140px; height:43px; float:left; border:dashed 2px var(--white); }
div#form2contact &gt; div.i &gt; div &gt; div.row &gt; 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 &gt; div.i &gt; div &gt; div.row &gt; input#captcha::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #8888; opacity: 1; /* Firefox */ }
div#form2contact &gt; div.i &gt; div &gt; div.row &gt; 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 &gt; div.i &gt; div &gt; div.row.send { padding-top:31px; }

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

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

div.agent { display:block; width:25%; height:400px; float:left; margin-bottom:10px; }
@media screen and (max-width:1000px) { div.agent { width:33%; } }
@media screen and (max-width:800px) { div.agent { width:50%; } }
@media screen and (max-width:550px) { div.agent { width:100%; } }
div.agent &gt; div.in { padding:5px; }
div.agent &gt; div.in &gt; a { position:relative; display:block; width:100%; height:300px; background-size:cover; background-position:center; background-repeat:no-repeat; border-radius:3px; }
div.agent &gt; div.in &gt; a &gt; 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 &gt; div.in &gt; a:hover &gt; span { display:inline-block; }
div.agent &gt; div.in &gt; div.info { display:block; width:100%; height:100px; margin:0px; padding:0px 10px; }
div.agent &gt; div.in &gt; div.info &gt; span { display:block; padding:3px 0px; text-align:left; }
div.agent &gt; div.in &gt; div.info &gt; span &gt; i.fa { display:inline-block; margin-right:5px; }
div.agent &gt; div.in &gt; div.info &gt; span &gt; u { text-decoration:none; }
div.agent &gt; div.in &gt; div.info &gt; span.name { padding:10px 0px; font-weight:bold; font-size:18px; }
div.agent &gt; div.in &gt; div.info &gt; span.email &gt; u { font-size:14px; }
div.agent &gt; div.in &gt; div.info &gt; span.phone &gt; i.fa { position:relative; top:3px; }


div.main &gt; div.i &gt; div.agent-info &gt; img { display:block; width:150px; height:150px; float:left; border:solid 10px #fafafa; border-radius:100%; }
div.main &gt; div.i &gt; div.agent-info &gt; div.info { display:block; width:auto; height:100px; margin:0px; padding:0px 10px; padding-left:20px; float:left; }
div.main &gt; div.i &gt; div.agent-info &gt; div.info &gt; span { display:block; padding:3px 0px; text-align:left; }
div.main &gt; div.i &gt; div.agent-info &gt; div.info &gt; span &gt; i.fa { display:inline-block; margin-right:5px; }
div.main &gt; div.i &gt; div.agent-info &gt; div.info &gt; span &gt; u { text-decoration:none; }
div.main &gt; div.i &gt; div.agent-info &gt; div.info &gt; span.name { padding:10px 0px; font-weight:bold; font-size:18px; }
div.main &gt; div.i &gt; div.agent-info &gt; div.info &gt; span.email &gt; u { font-size:14px; }
div.main &gt; div.i &gt; div.agent-info &gt; div.info &gt; span.phone &gt; i.fa { position:relative; top:3px; }


body.in2pg1 &gt; div.main &gt; div.i &gt; div.col1 { display:block; width:50%; float:left; padding-right:5px; }
body.in2pg1 &gt; div.main &gt; div.i &gt; div.col2 { display:block; width:50%; float:left; padding-left:5px; }
body.in2pg1 &gt; div.main &gt; div.i input:not([type=checkbox]) { display:block; width:100%; height:33px; margin:0px; margin-bottom:10px; padding:5px; background:#fff; border:solid 2px #ccc; border-radius:2px; outline:none; }
body.in2pg1 &gt; div.main &gt; div.i select { display:block; width:100%; height:33px; margin:0px; margin-bottom:10px; padding:5px; background:#fff; border:solid 2px #ccc; border-radius:2px; outline:none; color:#222; }
body.in2pg1 &gt; div.main &gt; div.i textarea { display:block; width:100%; height:334px; margin:0px; padding:5px; background:#fff; border:solid 2px #ccc; border-radius:2px; outline:none; color:#222; }
body.in2pg1 &gt; div.main &gt; div.i input[type=checkbox] { margin:0px; margin-right:5px; }
body.in2pg1 &gt; div.main &gt; div.i label.agreement { font-size:11px; }
body.in2pg1 &gt; div.main &gt; div.i a.btn.send { display:inline-block; background:#002842; color:#fff; padding:8px 10px; border-radius:3px; }
@media screen and (max-width:700px)
{
body.in2pg1 &gt; div.main &gt; div.i &gt; div.col1 { display:block; width:100%; float:none; padding:0px; }
body.in2pg1 &gt; div.main &gt; div.i &gt; div.col2 { display:block; width:100%; float:none; padding:0px; }
body.in2pg1 &gt; div.main &gt; div.i textarea { height:150px; }
}

div.main &gt; div.i.offer &gt; strong &gt; span.pr &gt; span.b { font-weight:bold; font-size:1.5em; }
div.main &gt; div.i.offer &gt; strong &gt; span.pr &gt; span.b &gt; small { font-size:0.5em; }

div.main &gt; div.i.offer &gt; strong &gt; span.ar &gt; span.b { font-weight:bold; font-size:1.5em; }
div.main &gt; div.i.offer &gt; strong &gt; span.ar &gt; span.b &gt; small { font-size:0.5em; }



div#gallery { display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; padding:0px; margin:0px; background:#8884; z-index:999; }
div#gallery.on { display:block; }
div#gallery &gt; div.a2prev { position:fixed; left:10px; top:50%; width:64px; height:64px; margin-top:-32px; box-sizing:border-box; background:#eee; font:18px/1 FontAwesome; text-rendering:auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align:center; border-radius:100%; box-shadow:0px 0px 25px #0004; cursor:pointer; z-index:999; }
div#gallery &gt; div.a2prev:hover { background:#fff; }
div#gallery &gt; div.a2prev:before { content:"\f060"; line-height:64px; }
div#gallery &gt; div.a2photo { position:fixed; left:84px; top:5%; width:calc(100% - 168px); height:90%; box-sizing:border-box; box-shadow:0px 0px 25px #0004; border-radius:10px; background:#888 center no-repeat; background-size:contain; background-position:center; background-repeat:no-repeat; cursor:pointer; }
div#gallery &gt; div.a2photo.cover { background-size:cover; }
div#gallery &gt; div.a2next { position:fixed; right:10px; top:50%; width:64px; height:64px; margin-top:-32px; box-sizing:border-box; background:#eee; font:18px/1 FontAwesome; text-rendering:auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align:center; border-radius:100%; box-shadow:0px 0px 25px #0004; cursor:pointer; z-index:999; }
div#gallery &gt; div.a2next:before { content:"\f061"; line-height:64px; }
div#gallery &gt; div.a2next:hover { background:#fff; }
div#gallery &gt; div.a2close { position:fixed; right:10px; top:10px; width:64px; height:64px; box-sizing:border-box; background:#eee; font:18px/1 FontAwesome; text-rendering:auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align:center; border-radius:100%; box-shadow:0px 0px 25px #0004; cursor:pointer; z-index:999; }
div#gallery &gt; div.a2close:before { content:"\f00d"; line-height:64px; }
div#gallery &gt; div.a2close:hover { background:#fff; }
@media screen and (max-width:800px)
{
  div#gallery &gt; div.a2photo { left:42px; top:2.5%; width:calc(100% - 84px); height:95%; }
}
@media screen and (max-width:500px)
{
  div#gallery &gt; div.a2photo { left:0px; top:0%; width:calc(100%); height:100%; border-radius:0px; }
  div#gallery &gt; div.a2prev { top:auto; bottom:10px; }
  div#gallery &gt; div.a2next { top:auto; bottom:10px; }
}
</pre></body></html>