/* cmsms stylesheet: style modified: 07/19/23 11:03:19 */
@import url('//fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin-ext');
@import url('//fonts.googleapis.com/css?family=Play&subset=latin-ext');

body {font-family:'Open Sans', Arial, Sans-Serif; font-weight:400;font-size:16px;background-attachment:fixed;background-size:cover;background-position:center center;color:#666;position:relative}
body.mieszkania {background-image:url(../../uploads/themes/stara-cegielnia/bg01.jpg);position:relative}
body.o-nas, body.miejsce-z-historia, body.inwestycja, body.miejsce-z-historia, body.galeria, body.galeria-miasto, body.galeria-plac-budowy, body.galeria-wizualizacje, body.aleksandrow-kujawski {background-image:url(../../uploads/themes/stara-cegielnia/bg03.jpg)}
body.wspolnota {background-image:url(../../uploads/themes/stara-cegielnia/bg02.jpg)}
body.aktualnosci {background-image:url(../../uploads/themes/stara-cegielnia/bg04.jpg)}
body.kontakt {background-image:url(../../uploads/themes/stara-cegielnia/bg05.jpg)}
.block {display:block}
.clr {clear:both}
.overflow-hidden{overflow:hidden}
.nopadding {padding:0px}
#logout {position: absolute;
    float: right;
    right: 25px;
    top: 8px;
    background: none;
    border: 2px solid #fff;
    padding: 5px 15px;
    font-size: 13px;
    color: #fff;
    z-index:9
 }
#logout:hover {
background: #fff;
    border: 2px solid #fff;
color: rgba(143, 38, 46, 1);
}
.aktualnosci .boximg {overflow:hidden;height:100%}
#sc-mobile-menu-content {display:none}
#contact-form {margin-top:35px}
#toggler {
position: absolute;
    width: 32px;
    height: 23px;
    top: 20px;
    left: 24px;
    display: block;
    cursor: pointer;
    z-index: 9999;
    padding: 0px;
    margin: 0px;
}
#toggler div:nth-child(n) {
position: absolute;
width: 100%;
height: 23%;border-radius:30px;
background: #fff;
}
#toggler div:nth-child(1) {
}
#toggler div:nth-child(2) {
top: 46%;
}
.toggle-on #toggler div:nth-child(1) {
top: 46%;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: 300ms linear all;
-moz-transition: 300ms linear all;
-o-transition: 300ms linear all;
transition: 300ms linear all;
}
.toggle-on #toggler div:nth-child(2) {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: 300ms linear all;
-moz-transition: 300ms linear all;
-o-transition: 300ms linear all;
transition: 300ms linear all;
}
.toggle-on #toggler div:nth-child(3) {
top: 46%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: 300ms linear all;
-moz-transition: 300ms linear all;
-o-transition: 300ms linear all;
transition: 300ms linear all;
}
#toggler div:nth-child(3) {
top: 92%;
}
#toggler:hover {
cursor: pointer;
}
#login-popup {    display: block;width:400px;
    position: absolute;
    background: #fcfcfc;
    padding: 10px 10px 30px 10px;
    z-index: 999999999;
    border: 1px solid #d5d5d5;
   }
#login-popup p {margin-top:5px}
#login-popup input {    padding: 6px 8px;
    border-radius: 5px;
    border: 1px solid #c9c9c9;}
#login-popup .login-close{
    text-align: right;
    display: block;}
#login-popup p.fail {color:red}
.mcontainer {    position: absolute;
    background: rgba(255,255,255,0.8);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;z-index:99}
.mcontainer a.mclose{width: 38px;
    height: 38px;
    display: block;
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 9;}
.mcontainer a.mback{    width: 38px;
    height: 38px;
display: block;
    display: none;
    position: absolute;
    top: 15px;
    right: 80px;}
.mcontainer .rzut, .mcontainer .mieszkanie  {width:80%;max-width:1100px;margin:0 auto;display:none;text-align:center}

.mcontainer .mieszkanie img {width:100%}
.mcontainer .mieszkanie a {display:block;position:relative}
.mcontainer .mieszkanie span.download {position:absolute;top:35px;left:24px}
.mcontainer .mieszkanie span.download img {width:50px}
.mcontainer img[usemap] {
    border: none;
    height: auto;
    width: 100%;
}
.mcontainer .rzut.wybrany, .mcontainer .mieszkanie.wybrany {display:block;margin-top:60px}
#apartment-search label {display:block;width:10,0%}
#sc-content img[usemap] {
    border: none;
    height: auto;
    width: 100%;
}

#apartment-search a.submit {background: #8f262e;
    /* padding: 10px; */
    color: #fff;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 30px;
    width: 100%;}
.apartment-header {text-align:center}
.apartment {margin-top:15px}
.apartment.free {   background: #f6f6f6ad;
    border: 1px solid #c0f1c0;}
.apartment.reserved {
    background: #feffe05e;
    border: 1px solid #f1e2c0;
}
.apartment.reserved>div:nth-child(6){
color:#d12d2d
}
.apartment img {width:30px}
.apartment>div {    padding: 10px 0px;
    text-align: center;
    height: 50px;
    line-height: 30px;}
#apartment-search select, #apartment-search input {width:100%;height:30px;font-size: 0.8em;}
#apartment-search .appartment-filter-container {min-height:65px}
#form {display:block;width:100%;margin:0 auto;text-align:center;position:relative}
#form span.block {margin-bottom:20px}
#form label {margin:0px;font-size:0.9em}
#form input{    width: 100%;
    margin: 0 auto;
    padding: 8px 10px;
    background: rgba(255,255,255,0.6);
    border: 1px solid #555;}
#form textarea {    width: 100%;
    margin: 0 auto;
    padding: 8px 10px;
    background: rgba(255,255,255,0.6);
    border: 1px solid #555;
    height: 101px;
    margin-bottom: -6px;}
#form a.submit {    display: block;
    color: #fff;
    background: #8f262e;
    padding: 9px 50px;
    /* margin: 0px 10px; */
    float: right;}
#form a.submit:hover {background:#666;text-decoration:none}
.formmsg-error {color:#b62833; text-align:center; margin-right:15px;position:relative;bottom:20px}
#map {height:300px;border:1px solid #555;margin:15px;margin-top:0px}
#login-popup h1 {font-family: 'Play', sans-serif;    padding: 0px 0px 5px 0px;
    margin: 0px; font-size:30px}
h1.slogan {font-family: 'Play', sans-serif;    padding: 45px 0px 45px 0px;
    margin: 0px;color:#555}
body.start h1.slogan {font-family: 'Play', sans-serif;    padding: 35px 0px 35px 0px;
    margin: 0px; font-size:36px}
h2.slogan {font-family: 'Play', sans-serif;    padding: 15px 0px 20px 0px;
    margin: 0px;font-size:25px;}
body.kontakt h2.slogan {font-size:28px;text-align:right}
body.kontakt .pcontact {text-align: right; font-size: 1.3em}
.box {padding:0px;padding-bottom:40px}
.box:after {content:''; clear:both; display:block}
.box p {display:block;}
.box p:after {content: '';
    display: block;
    margin-top: 20px;}
a.box-btn {    background: rgba(143, 38, 46, 1);
    padding: 5px 20px;
    color: #fff;
    margin-top: 5px;}
a.box-btn:hover {    background: #666;text-decoration:none}
a{text-decoration:none;-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;}
p{margin:0px 0px 10px 0px}

#sc-top{min-height:129px;background-color:rgba(143, 38, 46, 1);}
#sc-content{min-height:300px;padding-bottom:30px}
body.wspolnota #sc-content {min-height:400px}
body.start #sc-content{min-height:300px;padding-bottom:0px}
#sc-footer{min-height:119px;background-color:rgba(143, 38, 46, 1);color:#fff}
#sc-footer-links {padding-top:30px}
#sc-footer-data{line-height: 18px;
    padding-top: 15px;}
#sc-footer-links a {margin:10px}
#sc-top ul {list-style:none;padding:0px;margin:0px}
#sc-top ul a {color:#fff;font-size:1.2em;opacity:1;margin: 0 1px}
#sc-top a:hover {color:#a5a5a5;text-decoration:none;}
#sc-mobile-menu{}
#sc-mobile-menu-icon {}
#sc-mobile-menu-content{padding: 50px 10px 25px 10px;
    text-align: center;}
#sc-mobile-menu-content li {width:80%;margin: 0 auto; border-bottom:1px solid rgba(255, 255, 255, 0.2);padding:10px;display:block}
#sc-mobile-menu-content li.last_child {border-bottom:none}
#sc-mobile-menu-content li.parent ul {display:none}
#sc-logo{    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;text-align:center;
padding-bottom: 10px;}
#sc-logo a {   
    text-align: center;}
#sc-menu {}
#sc-menu ul {    float: right;
    background: url(../../uploads/themes/stara-cegielnia/menu-bg.png) no-repeat right bottom;
    height: 105px;
    padding-top: 35px;
    margin-right: 10px;
    padding-right: 220px;
    padding-left: 30px;}

#sc-menu li {float:left;padding:10px;letter-spacing:-1px}
@media (min-width: 1046px) and (max-width: 1245px) {
#sc-menu li {
    padding: 10px 5px;
font-size: 0.8em;
}
#sc-menu ul { padding-right: 193px;
    padding-left: 3px;}
}
@media (min-width: 1246px) and (max-width: 1380px) {
#sc-menu li {
    padding: 10px 5px;
}
#sc-menu ul { padding-right: 210px;
    padding-left: 10px;}
}
.start-image {
background-image:url(https://www.osiedlestaracegielnia.com.pl/uploads/images/start-osiedle-stara-cegielnia.jpg);
background-position:center;
background-size:cover;
background-repeat:no-repeat
}
body.galeria .gallery {margin-bottom:30px;text-align:center}
body.galeria .gallery .img {
	text-align: center;
	overflow:hidden;
	border: 1px solid #555;
	padding: 2px;
	display: inline-block;
	margin: 0 auto;
}

body.galeria .gallery .img a {
	display: inline-block;
position:relative
}

body.galeria .gallery .img a:hover {
}

body.galeria .gallery img {
	border: none;
width:100%
}

body.galeria .gallery-title {position: absolute;
    background: rgba(62, 62, 62, 0.6);
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    padding-top: 29%;
    color: #fff;}

body.start #info {    height: 100%;
    position: fixed;
    background: rgba(119, 119, 119, 0.78);
    top: 0px;
    width: 100%;}
#info .info-container {position: relative;
    max-width: 540px;
    width: 100%;
    margin: 0 auto;
    margin-top: 50px;}
#info a.info-closebtn{position: absolute;
    right: -30px;
    top: -22px;
    display: block;
    width: 40px;
    height: 40px;
    z-index: 999;
    text-align: center;}
#info a.info-content{width: 100%;
    display: block;
    position: absolute;
    z-index: 99;}
#info a.info-content:hover{opacity:0.9}
area.m-disabled {cursor:not-allowed}
@media (min-width: 100px) and (max-width: 767px) { 
.apartment>div {    padding: 5px 0px;
    text-align: center;
    height: 30px;
    line-height: 30px;}
.apartment>div:nth-child(7){height: 50px;}
h1.slogan {font-size:23px;
font-size:6vw}
h2.slogan,body.kontakt h2.slogan { font-size:22px;font-size: 5.5vw;text-align:center}
body.kontakt .pcontact {text-align: center; font-size: 1.3em;font-size: 4.5vw}
body.start h1.slogan {font-family: 'Play', sans-serif;    padding: 25px 0px 25px 0px;
    margin: 0px; font-size:24px}
#sc-footer-links {text-align:center}
.start-image{height:100%;}
#sc-content > div{padding: 0px 7%;}
body.start #sc-content > div, body.osiedle #sc-content > div{padding:0px;}
.social-link img {max-width:30px;margin-bottom:20px}
}
@media (min-width: 768px) and (max-width: 1045px) { 
body.start h1.slogan {font-family: 'Play', sans-serif;    padding: 30px 0px 30px 0px;
    margin: 0px; font-size:30px} 
#sc-footer-links {text-align:center}
.start-image{height:100%}
#sc-content > div{padding: 0px 10%;}
body.start #sc-content > div, body.osiedle #sc-content > div{padding:0px;}
}
@media (min-width: 1046px) and (max-width: 1199px) { 
#sc-footer-links {text-align:right}
.start-image{width:100%}
#sc-content > div{padding: 0px 18%;}
body.start #sc-content > div, body.osiedle #sc-content > div{padding:0px;}
}
@media (min-width: 1200px) {
.box h2.slogan {padding-top:0px}
#sc-footer-links {text-align:right}
.start-image{width:100%} 
#sc-content > div{padding: 0px 17%;}
body.start #sc-content > div, body.osiedle #sc-content > div{padding:0px;}
 }