@charset "UTF-8";

/*
Theme Name: Bernardyńska
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: Maciej Synakowski
Author URI: https://www.hedea.pl
Description: Osiedle Husarska
Requires at least: 5.3
Tested up to: 5.6
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

*/
@font-face {
  font-family: 'Font_Awesome_Brands';
  font-style: normal;
  font-weight: normal;
  src: url("fonts/fa-brands-400.eot");
  src: url("fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-brands-400.woff2") format("woff2"), url("fonts/fa-brands-400.woff") format("woff"), url("fonts/fa-brands-400.ttf") format("truetype"), url("fonts/fa-brands-400.svg#fontawesome") format("svg"); }
@font-face {
  font-family: 'Font_Awesome_Regular';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/fa-regular-400.eot");
  src: url("fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-regular-400.woff2") format("woff2"), url("fonts/fa-regular-400.woff") format("woff"), url("fonts/fa-regular-400.ttf") format("truetype"), url("fonts/fa-regular-400.svg#fontawesome") format("svg"); }
@font-face {
  font-family: 'Font_Awesome_Solid';
  font-style: normal;
  font-weight: 900;
  src: url("fonts/fa-solid-900.eot");
  src: url("fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.woff") format("woff"), url("fonts/fa-solid-900.ttf") format("truetype"), url("fonts/fa-solid-900.svg#fontawesome") format("svg"); }
body { padding: 0px; margin:0px; font-family: 'Poppins', sans-serif; font-size: 15px; color:#003044;}
* { box-sizing:border-box;}
a:link{color:#003044;text-decoration:none;font-family: 'Poppins', sans-serif;font-size:15px; transition: all 0.5s ease;}
a:visited{color:#003044;text-decoration:none;font-family: 'Poppins', sans-serif; }
a:hover{color:#127c84;transition:color 0.5s ease;text-decoration:none;font-family: 'Poppins', sans-serif; text-decoration: none;}
a:acitve{color:#003044;text-decoration:none;font-family: 'Poppins', sans-serif; }
.strona{max-width:1300px;margin:auto;width:100%;padding:auto;position:relative;z-index:0;}
#top { position: absolute; left:0px; top:0px; width:100%; z-index:1000;}
#topkontakt { background:#0a0a28; color:#fff; font-family: 'Poppins', sans-serif; text-align: center;  width:100%; position: relative; z-index:0;}
#topkontakt  p { margin:0px; padding:0px;}
#topkontakt a.tel, #topkontakt a { color:#fff; font-weight: 700;}
#topkontakt a.tel:before { content:'\f2a0'; font-family: 'Font_Awesome_Solid'; color:#fff; margin-right:6px; margin-left:6px; font-size: 17px; }
#menu { width:100%; position: relative; z-index:0; background:#fff; padding: 10px; float:left; transition: all 0.5s ease;}
#menu p { padding:0px; margin:0px;}
#menu.big #logo img { width:100%; max-width: 200px; margin-left:10px; height:auto; margin-top:5px; margin-bottom:5px;}
#menu.small #logo img { width: 120px; height:auto; margin-left:10px;  transform: all 0.5s ease;  margin-top:5px; margin-bottom:5px;}
#menu.small  { position: fixed; top:0px; left:0px; z-index:1000;  box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
#dlaczego, #firma, #lokalizacja, #mieszkania { min-height: 850px; float:left; width:100%; position: relative; z-index:0;}
#dlaczego .strona, #firma .strona, #lokalizacja .strona, #mieszkania  .strona { min-height: 850px;}
.row { display: grid; grid-template-columns: 33% 33% 33%; margin-bottom:35px;}
h2 { font-size: 36px; padding-bottom: 15px; margin-bottom: 35px; margin-top:35px; line-height: 44px; font-family: 'Poppins', sans-serif; color:#003044; text-align: center; display:block; text-transform: uppercase; font-weight: 700; position: relative; z-index:0;}
strong { font-weight: 700;}
.sl-wrapper .sl-navigation button, .sl-wrapper .sl-close, .sl-wrapper .sl-counter { color:#0a0a28 !important;}
.sl-overlay { opacity:0.9 !important;}
h2 .male { font-size: 22px; line-height: 26px; margin-bottom:10px; font-family: 'Poppins', sans-serif; display:block; font-weight: normal;}
h2:after, h1:after { content:''; width: 60px; height: 3px; background:#127c84; position: absolute; left:0; right:0; margin: auto; bottom:0px;}
.box1 { position: relative; z-index:0; overflow: hidden; text-align: center; background:#127c84; padding: 20px; padding-top:40px; padding-bottom: 40px; color:#fff;   font-size:20px; transition: all 0.5s ease;}
.box1 img { margin: auto; filter: grayscale(100%) brightness(1000%); -webkit-filter: grayscale(100%) brightness(1000%) ; -moz-filter: grayscale(100%) brightness(1000%); z-index:1; }
.box1 h3 { color:#fff; font-weight: bold; position: relative; z-index:0; line-height: 22px; font-size:18px; margin-bottom:10px; padding-bottom:0px;}
.box1 .opis { color:#ededed; padding:10px; font-weight: normal; position: relative; z-index:0; line-height: 18px; font-size:14px; margin-bottom:10px; padding-bottom:0px;}
.box1:before { content:''; position: absolute; transition: all 0.5s ease;top:0px; left:-100%; background:#0a0a28; width:100%; height:100%;}
.box1:hover:before { left:0%; }
.box1 .boxlink { display:block; width: 35px; background:#fff; height:35px; border-radius:50px; position: relative; margin: auto; z-index:0;}
.box1 .boxlink:after { content:'\f054';  font-family: 'Font_Awesome_Solid'; font-size: 8px; position: absolute; top: 0px; left:0px; width:35px; line-height:35px; color:#0a0a28; transition: all 0.5s ease;}
.box1:hover .boxlink:after  { color:#127c84;}
.box2{position: relative; z-index:0; overflow: hidden; text-align: center; padding: 20px; padding-top:40px; padding-bottom: 40px; font-size:20px; transition: all 0.5s ease;}
.box2 img { margin: auto; z-index:1; transition: all 0.5s ease; }
.box2 h3 { color:#1d1d1d; transition: all 0.5s ease;  font-weight: bold; position: relative; z-index:0; line-height: 22px; font-size:18px; margin-bottom:10px; padding-bottom:0px;}
.box2:before { content:''; position: absolute; transition: all 0.5s ease; bottom:-100%; left:0%; background:#0a0a28; width:100%; height:100%;}
.box2:hover:before { bottom:0%; }
.box2 .boxlink { display:block; width: 35px; background:#0a0a28; height:35px; border-radius:50px; position: relative; margin: auto; z-index:0;}
.box2 .boxlink:after { content:'\f054';  font-family: 'Font_Awesome_Solid'; font-size: 8px; position: absolute; top: 0px; left:0px; width:35px; line-height:35px; color:#fff; transition: all 0.5s ease;}
.box2:hover .boxlink { background:#fff;}
.box2:hover .boxlink:after { color:#0a0a28;}
.box2:hover h3 { color:#fff;}
.is-style-logos-only a { font-size: 24px !important;}
.wp-block-gallery  { margin-left:0px !important; margin-right:0px !important;}
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg { color:#fff !important; font-size: 24px !important;  transform: none !important;}
.box2 .opis { color:#a4a4a4; padding:10px; font-weight: normal; position: relative; z-index:0; line-height: 18px; font-size:14px; margin-bottom:10px; padding-bottom:0px;}
.box2:hover .opis { color:#ededed;}
.box2:hover img { filter: grayscale(100%) brightness(1000%); -webkit-filter: grayscale(100%) brightness(1000%) ; -moz-filter: grayscale(100%) brightness(1000%);}
.box1.cecha3:before { left: auto; right:-100%;}
.box1.cecha3:hover:before { left: auto; right:0%;}
.box1.cecha5:before { left: 0px; top: auto; top:-100%;}
.box1.cecha5:hover:before { left:0px; top:0%;}
.box2.cecha6:before { left: -100%; top: 0px; }
.box2.cecha6:hover:before { left:0px; }
.box2.cecha4:before { left: auto; right: -100%; top:0%; }
.box2.cecha4:hover:before { right:0px; }
#mieszkania { background:url(images/mieszkania.jpg);  background-size: cover; background-position: center top; background-attachment:fixed; background-repeat:no-repeat; float:left; width:100%; min-height:850px; position: relative;}
#txt {	background:url(images/wizualizacja.jpg); background-size: cover !important; background-position: center top !important;  background-attachment:fixed !important; background-repeat:no-repeat !important; float:left; width:100%; min-height:650px; position: relative;}
.article { right:0px;; padding: 10px; width: 94%; margin-left:3%; margin-right:3%; float: right; color:#fff;   position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }
#mieszkania .article h2 { color:#fff; margin-top:0px; padding-top:0px; }
#wybierz h2, .left h2, .right h2  { margin-top:10px; padding-top:0px; }
.black { background:#0a0a28; opacity:0.5; width:100%; height:100%; position: absolute; left:0; right:0; z-index:1;}
#lokalizacja { float:left; width:100%; min-height:850px; position: relative;}
.tekst {  width: 50%; margin-left:2%; margin-right:2%; display:inline-block; vertical-align: middle;}
.mapy {  width: 40%; text-align: center; margin-left:2%; margin-right:2%; display:inline-block; vertical-align: middle;}
.mapy img { width:100%; max-width: 560px; height:auto;}
.mtphr-dnt-posts-content { text-align: justify;}
p { margin:0px; padding:0px; margin-bottom:15px;}
#dom { background:#f4f9fe; position: relative; min-height: 990px; float:left; width:100%;}
.tekst2 { width:34%; margin-left:2%; margin-right:2%; float: right;}
.tekst21 { width:34%; margin-left:2%; margin-right:2%; float: left;}
.tekst2 h3,.tekst21 h3 { text-transform: uppercase; font-size: 18px;}
.tekst2 .metraz, .tekst21 .metraz  { background:#003044; color:#fff; padding: 4px; padding-left:8px; padding-right:8px; text-transform: none; font-weight: normal; font-size: 15px;}
table.dane { border-top: 1px solid #e2eaf2;}
table.dane td { border-bottom: 1px solid #e2eaf2; padding: 8px;}
.pdf { padding: 6px; transition:all 0.5s ease;  border: 2px solid #003044; width:100%; max-width: 250px; display:block; font-weight: 700; text-align: center; margin-top:15px; position: relative; z-index:0;}
.pdf:before { content:'\f1c1'; transition:all 0.5s ease; font-family: 'Font_Awesome_Regular'; color:#003044; font-weight: normal; font-size: 17px; position: absolute; left:14px; top:0px; line-height: 35px;}
.pdf:hover { background:#003044; color:#fff; }
.pdf:hover:before { color:#fff;}
.wybor, .wybor1 { width:100%; max-width: 180px; background:#dce4ec;}
.wybor1  { float: right;}
.wybor a, .wybor1 a {width:50%; cursor: pointer; text-align: center; display:inline-block; padding: 5px; font-weight: 700; font-size: 14px; }
.wybor a.aktywny, .wybor1 a.aktywny { background:#003044; color:#fff;}
#wiz1, #wiz11 { display:none;}
.wybor1 { margin-top: 30px;}
#baner { float:left; width:100%; position: relative; z-index:0;}
.dopisek { width:100%; text-align: center; font-size: 12px; padding:10px;}
.ngg-widget { width:100%; text-align: center !important;}
.sl-wrapper .sl-image .sl-caption { display: none !important;}
.ngg-widget img { width:31%; margin-left:1% !important; margin-right:1% !important; margin-bottom:20px !important; margin-top:0px !important; border:0px !important; float: none !important; display: inline-block;}
#mtphr-dnt-74 { width: 96%; margin-left:2%; margin-right:2%;}
.mtphr-dnt-control-button i { color:#e0e0e0;}
.mtphr-dnt-control-button.active i { color:#003044;}
.mtphr-dnt-control-links { text-align: right; padding-right:10px; }
#firma { width:100%; position: relative; text-align: center !important; z-index:0; min-height:850px; float: left; background:url(images/firma.jpg);  background-size: cover !important; background-position: center top !important;; background-attachment:fixed; background-repeat:no-repeat;}
#firma .strona { min-height: 850px;}
#firma h2 { color:#fff;}
#firma .dol { border: 2px solid #003044; width:100%; max-width:250px; padding: 6px; color:#fff; display:block; text-align: center; font-weight: 700; margin: auto; transition: all 0.5s ease; position: relative; z-index:0;}
#firma .dol:hover { background:#003044;}
#firma .dol:after { content:'\f107'; font-family: 'Font_Awesome_Solid'; color:#fff; line-height: 35px; top:0px; position: absolute; right: 14px;}
 #wybierz { float:left; width:100%; position: relative; z-index:0; min-height: 850px;}
 #kontakt { float:left; width:100%; min-height:280px; position: relative; z-index:0;}
#wybierz { padding-top:30px; padding-bottom:30px; width:96%; margin-left:2%; margin-right:2%; float:left; position: relative; z-index:0;}
#wybierz table { width:100%; border:0px; }
#wybierz .nag th { background:#003044; color:#fff; font-weight: 700; text-align: center; padding:5px; padding-top:15px; padding-bottom:15px;}
#wybierz table td { border-bottom: 1px solid #f2f2f2; text-align: center; padding: 5px; padding-top:10px; padding-bottom:10px;}
#wybierz table { margin-top:20px; margin-bottom:20px;}
span.dostepny:before { content:''; display:inline-block; width: 15px; height:15px; margin-right:10px; background:#13c54e; border-radius: 50px; vertical-align: middle; }
span.zarezerwowany:before { content:''; display:inline-block; width: 15px; height:15px; margin-right:10px; background:#C90; border-radius: 50px; vertical-align: middle; }
span.sprzedany:before { content:''; display:inline-block; width: 15px; height:15px; margin-right:10px; background:#C00; border-radius: 50px; vertical-align: middle; }
.cena .opis { background:#23295f; cursor: pointer; color:#fff; padding: 6px; padding-left:25px; padding-right:25px; border-radius: 50px;  font-size: 15px; transition: all 0.5s ease;}
.cena .opis:hover { background:#003044;}
.karta .opis {  color:#23295f; padding: 5px; position: relative; z-index:0; padding-left:45px; padding-right:25px; border-radius: 50px; border:2px solid #003044;  font-size: 15px; transition: all 0.5s ease;}
.karta .opis:hover { background:#003044; color:#fff;}
.karta .opis:before { content:'\f1c1'; font-family: 'Font_Awesome_Solid'; color:#003044; position: absolute; left:16px; top:0px; line-height: 31px; font-size: 14px; transition: all 0.5s ease;}
.karta .opis:hover:before { color:#fff;}
.mobi { display:none;}
.left { width:46%; margin-left:2%; margin-right:2%; float:left; }
.right { width:46%; margin-left:2%; margin-right:2%; float:right}
#kontakt { background:#0a0a28;}
.left h2, .right h2 { text-align: left; font-size:30px; line-height: 36px;}
.left h2:after, .right h2:after { margin:0px; left:0px;}
.left h2 .male, .right h2 .male { font-size: 17px; line-height: 24px;}
#wpcf7-f116-o1 input[type=text], #wpcf7-f116-o1 input[type=email] { background:#127c84; font-size: 14px; width:100%; max-width:500px; color:#fff; padding-left: 10px; padding-right: 10px; font-family: 'Poppins', sans-serif; border:0px; line-height: 40px;}
#wpcf7-f116-o1 textarea{ background:#127c84; font-size: 14px; color:#fff; padding: 10px; font-family: 'Poppins', sans-serif; border:0px; overflow: hidden; width:100%; max-width:500px;}
.wpcf7-not-valid-tip { width:100%; max-width: 500px; padding:5px; background:#C00; font-size: 13px; font-weight: 700; text-align: center; color:#fff; margin-top:5px;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form .wpcf7-response-output { padding:0px; border:0px !important; color:#fff !important; background:#003044 !important; font-family: 'Poppins', sans-serif; font-size: 14px; width:100%; max-width: 500px; text-align: center; line-height: 18px; padding-top:10px; padding-bottom:10px; margin:0px; margin-top:5px !important; }
.wpcf7-submit { width:100%; max-width:250px; padding: 8px; text-transform:uppercase; border-radius:50px; background:#127c84; transition: all 0.5s ease; cursor: pointer; color:#fff; border:0px;; font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 700;}
.cena.sprzedany, .karta.sprzedany { pointer-events: none;}
.cena.sprzedany .opis { background:#CCC !important;}
.karta.sprzedany .opis  { border: 2px solid #CCC !important; color:#CCC !important;}
.karta.sprzedany .opis:before, .karta.sprzedany:before, .cena.sprzedany:before { color:#CCC !important;}
.wpcf7-submit:hover { background:#003044; color:#fff;}
.right iframe {filter: grayscale(100%) !important;}
#copy {  padding: 15px; text-align: center; float:left; width:100%; font-size: 13px; font-family: 'Poppins', sans-serif;}
#copy a {  font-size: 13px;  font-family: 'Poppins', sans-serif;}
#copy a:hover { text-decoration: underline;}
#copy .right { text-align: right; padding:5px;}
#menu-menu-stopka { list-style: none; margin:0px; padding:0px;}
#menu-menu-stopka li { display:inline-block; margin-left:5px; margin-right:5px;}
#menu-menu-stopka a { padding: 5px; display:inline-block;}
#logo { float: left; width:100%; max-width: 220px;}
#mega-menu-wrap-primary { float: right; clear:none !important;}
#mega-menu-primary  li { position: relative; padding-bottom:13px !important; z-index:1;}
#mega-menu-primary  li:after { content:''; width:0%; transition: all 0.5s ease; max-width:60px; height: 3px; background:#127c84 !important; display:block !important; position: absolute; left:0; right:0; margin: auto; bottom:0px;}
#mega-menu-primary  li.current:after { content:''; width:100%; max-width:60px; height: 3px; background:#127c84 !important; display:block !important; position: absolute; left:0; right:0; margin: auto; bottom:0px;}
#mega-menu-primary  li:hover:after {  width:100%;}
#mega-menu-primary { transition: all 0.5s ease;}
#menu.small #mega-menu-primary { margin-top: 13px;}
#menu.big #mega-menu-primary { margin-top: 30px;}
#logo .wp-block-image { margin:0px !important;}
.is-style-outline > :where(.wp-block-button__link), :where(.wp-block-button__link).is-style-outline { border: 2px solid #127c84; text-transform:uppercase; width:100%; max-width: 280px; font-weight: bold; font-size: 15px !important; transition: all 0.5s ease;}
.is-style-outline > :where(.wp-block-button__link):hover  { background:#127c84 !important;}
.fix { position: fixed; top:300px; right: 0px; z-index:1000; width:40px; height:80px;}
.fb { width:40px; text-align: center; height: 40px; background:#0a0a28; display:block; transition: all 0.5s ease;}
.fb:after { content:'\f39e'; font-weight: normal; font-family: 'Font_Awesome_Brands'; font-size: 16px; color:#fff !important; display:block; width:100%; text-align: center; height: 40px; line-height: 40px; transition: all 0.5s ease;} 
#firma .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):hover, #firma .wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color):hover, #mieszkania .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):hover, #mieszkania .wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color):hover { background:#fff !important; color:#0a0a28 !important; border: 2px solid #fff;}
.mail { width: 40px; height: 40px; background:#127c84; display:block; transition: all 0.5s ease;}
.mail:after { content: '\f658'; font-family: 'Font_Awesome_Solid'; font-size: 16px; color:#fff !important; display:block; width:100%; text-align: center; height: 40px; line-height: 40px;} 
_::-webkit-full-page-media, _:future, :root #mieszkania { background-attachment:scroll !important; }
_::-webkit-full-page-media, _:future, :root #firma { background-attachment:scroll !important;  }
_::-webkit-full-page-media, _:future, :root #txt { background-attachment:scroll !important;  }
.wpcf7-list-item { margin:0px !important;}
.wpcf7-list-item-label { font-size: 12px; display:block; font-family: 'Poppins', sans-serif; line-height: 16px;  width:100%; padding-left: 22px; margin-top:-22px; text-align:justify;}
.wpcf7-submit:disabled { filter: grayscale(100%) !important; -webkit-filter: grayscale(100%)! important;-moz-filter: grayscale(100%) !important; opacity: 0.3;}
#dziennik .mtphr-dnt-posts-title { padding-top: 80px !important;}
#dziennik h2 { margin-top:0px;}
.wp-block-social-link a, .wp-block-social-link a:hover { font-size: 24px !important; }
#cn-notice-text {  font-family: 'Poppins', sans-serif  !important; font-size: 13px !important;}
#cn-accept-cookie { background:#127c84 !important; border-radius:50px !important; border: 0px !important; color:#fff; padding: 8px !important; font-family: 'Poppins', sans-serif  !important; font-size: 13px !important; font-weight: 700 !important; padding-left:15px !important; padding-right:15px !important; transition: all 0.5s ease; text-shadow:none !important; height: }
#cn-more-info { font-size: 13px !important;  font-family: 'Poppins', sans-serif  !important; font-size: 13px !important; padding: 8px !important; font-weight: 700 !important; padding-left:15px !important; padding-right:15px !important; transition: all 0.5s ease; border-radius: 50px !important; text-shadow:none !important; background:#0a0a28; }
#cn-accept-cookie:hover { background:#999999 !important;}
#cn-more-info:hover, .fb:hover, #wstecz:hover { background:#999999 !important;}
#cn-accept-cookie:hover, .mail:hover { background:#999999 !important;}
div#shDisplay img#shTopImg { border:0px !important;}
#txt h1 { position: absolute; top: 60%;-ms-transform: translateY(-50%) !important; transform: translateY(-50%) !important; left:0; right:0; margin: auto; text-align: center; padding: 15px; color:#fff; z-index:10; font-size: 46px; text-transform: uppercase; line-height: 50px;}
#shCount { display:none !important;}
a.more { background:#127c84; text-align: center; padding: 10px; padding-right: 25px; display: inline-block; color:#fff !important; width:100%; max-width: 270px; border-radius: 50px; font-weight: bold; text-transform: uppercase; position: relative; z-index:0; margin:5px;  transition: all 0.5s ease;} 
a.more:before, a.more2:before { content:'\f054'; font-family: 'Font_Awesome_Solid'; color:#fff; font-size: 11px; position: absolute; right: 20px; top:0px; line-height: 43px;}
a.more:hover { background:#aa133a !important;}
a.kon { background:#0a0a28; text-align: center; padding: 10px; padding-left:25px; display: inline-block; color:#fff !important;  width:100%; max-width: 270px; border-radius: 50px; font-weight: bold; text-transform: uppercase; position: relative; z-index:0;  transition: all 0.5s ease; margin: 5px;}  
a.kon:before { content:'\f658'; font-family: 'Font_Awesome_Solid'; color:#fff; font-size: 15px; position: absolute; left: 20px; top:0px; line-height: 43px;}
a.kon:hover, a.more2:hover { background:#0080b4 !important;}
a.more2 { background:#0a0a28; text-align: center; padding: 10px; padding-right: 25px; display: inline-block; color:#fff !important; width:100%; max-width: 270px; border-radius: 50px; font-weight: bold; text-transform: uppercase; position: relative; z-index:0; margin:5px;  transition: all 0.5s ease;} 
.box { display:inline-block; vertical-align: top; width: 20.5%; margin-left:1%; margin-right:1%; padding: 5px; padding-top:15px; padding-bottom:15px; color:#dbdbdb; box-sizing:border-box;}
.box:first-child { width: 28.5%;}
.box a { color:#dbdbdb;}
#kontakt { padding-top:15px; padding-bottom:15px;}
.box .dane { padding-left: 75px;}
a.lok { background: none; border: 2px solid #0a0a28; text-align: center; padding: 9px; padding-left: 25px; display: inline-block; color:#fff !important; width:100%; max-width: 270px; border-radius: 50px; font-weight: bold; text-transform: uppercase; position: relative; z-index:0; margin:5px;  transition: all 0.5s ease;}
a.lok:hover { background:#0a0a28;}
a.lok:before { content:'\f3c5'; font-family: 'Font_Awesome_Solid'; color:#fff; font-size: 15px; position: absolute; left: 20px; top:0px; line-height: 43px;}
.box h2 { color:#fff; font-size:20px; line-height:26px; text-align: left; padding:0px; margin:0px; padding:0px; margin-top:10px; padding-bottom:15px;}
.box h2:after { width:35px; margin:0px;}
.box ul { list-style: none; margin:0px; padding:0px; margin-top: 15px;} 
.box ul li { margin-top:2px; margin-bottom:2px;}
.box ul li a { padding-top:5px; padding-bottom: 5px;}
.box ul li a:hover {  color:#fff;;}
.box ul li.current-menu-item a { text-decoration: underline;}
.fb2 { width:40px; margin-left:2px; margin-right:2px; text-align: center; height: 40px;  display:inline-block; margin-top:15px;}
.fb2:after { content:'\f39e'; font-family: 'Font_Awesome_Brands'; font-size: 20px; color:#dbdbdb !important; display:block; width:100%; text-align: center; height: 35px; line-height: 40px; transition: all 0.5s ease;} 
.yt { width:40px; margin-left:2px; margin-right:2px; text-align: center; height: 40px;  display:inline-block; margin-top:15px;}
.yt:after { content:'\f167'; font-family: 'Font_Awesome_Brands'; font-size: 20px; color:#dbdbdb !important; display:block; width:100%; text-align: center; height: 40px; line-height: 40px; transition: all 0.5s ease;} 
.fb2:hover:after, .yt:hover:after { color:#127c84 !important;}
#mega-menu-primary li.mega-current_page_item::after { width:100%;}
.entry-content { padding: 35px; padding-top:45px; float: left; position: relative; z-index:0; width:100%;}
#firma, mieszkania, #txt { background-size: cover;}
.wp-block-contact-form-7-contact-form-selector { float: right; width:50%;}
.lewa { float:left; width:48%;}
.wp-block-contact-form-7-contact-form-selector input[type=text], .wp-block-contact-form-7-contact-form-selector input[type=email] { width:100%; padding: 8px; background:#f2f2f2; color:#003044 !important; border:0px; font-family: 'Poppins', sans-serif; font-size:15px;}
.wp-block-contact-form-7-contact-form-selector textarea { width:100%; padding: 8px; background:#f2f2f2; color:#003044 !important; border:0px; font-family: 'Poppins', sans-serif; font-size:15px;}
.miesz { width:100%; border:0px; position: relative; z-index:10; background:#fff;}
.miesz th { background:#127c84 !important; color:#fff !important; padding: 7px; text-align: center; border:0px;}
.miesz  td:first-child { padding-top:10px !important;}
.miesz td:last-child {  padding-bottom: 10px !important;}
.miesz td {padding: 0px; text-align: center; border:0px;}
.miesz tr:nth-child(2n+1) { background-color:#f2f2f2;}
.dos, .zar, .spr { position: relative;}
.dos:before { content:''; width: 15px; height:15px; line-height:15px; border-radius:50px; display:inline-block; margin-right:10px; background:#2ba03b;}
.zar:before { content:''; width: 15px; height:15px; line-height:15px; border-radius:50px; display:inline-block; margin-right:10px; background:#e56c00;}
.spr:before { content:''; width: 15px; height:15px; line-height:15px; border-radius:50px; display:inline-block; margin-right:10px; background:#bb1919;}

#inter { position: relative; float:left; width:100%; z-index:0; overflow: hidden !important; }
#inter img { max-width:1300px; width:100% !important; height:auto !important;}
#osiedle { display:block; position: relative; width:100%;  margin: auto; z-index:0;}
 #budynek10, #budynek11, #budynek12, #budynek13, #budynek20, #budynek21, #budynek22, #budynek23  { margin-top:100px; width:100%; float:left; position: relative; z-index:0;}
#mieszkanie.big, #pietro.big { position: absolute;  text-align:center; top: 60px; left:0; right:0; margin: auto; z-index: 9; width: 80%; font-family: 'Poppins', sans-serif;  font-weight: 100; font-size:15px; line-height: 22px; padding: 12px; background:#127c84; color:#fff; border-radius:8px; max-width:650px;}
#mieszkanie.small, #pietro.small { position: fixed;  text-align:center; top: 110px; left:0; right:0; margin: auto; z-index: 9; width: 80%; font-family: 'Poppins', sans-serif;  font-weight: 100; font-size:15px; line-height: 22px; padding: 12px; background:#127c84; color:#fff; border-radius:8px;  max-width:650px;}
#mieszkanie strong, #pietro strong { font-weight: 700;  font-size: 17px;}
#lista { display:none;}
#poziom, #iloscpokoi, #powierzchnia{ width:32.5%; float:left; line-height:40px;}
#budynek10, #budynek11, #budynek12, #budynek13, #budynek20, #budynek21, #budynek22, #budynek23, #pietro, #wstecz  { display: none;} 
#wstecz { position: absolute; bottom: 15px !important; right: 35px !important; width:220px; border-radius:50px; height: 40px; line-height: 40px; display:none; background:#0a0a28; color:#fff;  text-align:center; font-family: 'Poppins', sans-serif;  font-size: 14px; cursor: pointer; font-weight:100;}
#wstecz:before { content:'\f053'; font-size: 10px; line-height:18px; margin-right: 10px; font-family: 'Font_Awesome_Solid';}
.miesz a { font-weight: bold;}
.linkzar, .linkspr { pointer-events: none;}
#txtosiedle { color:#fff; position: absolute; bottom: 25px; right:25px; color:#fff; z-index:10; font-weight: bold;}
@media (max-width: 990px) {
#inter, #txtosiedle { display:none;}
}
@media not all and (min-resolution:.001dpcm) { @media
{
#mieszkania, #firma, #txt { background-attachment:scroll !important; background-size: cover;} 
}}
@media (min-width:991px) and (max-width: 1170px) { 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { padding-left:8px !important; padding-right: 8px !important;}
}
@media (max-width: 1020px) {
#rzuty { margin-top: 50px;}
#menu.small, #menu.big  { box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after { background-color:#fff !important;}
#mega-menu-primary  li.current:after, #mega-menu-primary  li:after { display:none !important;}
#mega-menu-primary  li.current, #mega-menu-primary  li:hover { background:#127c84 !important;}
#mega-menu-primary  li { padding-bottom: 0px !important;}
#menu.big .mega-menu-toggle  { margin-top:29px !important; margin-bottom:20px;  margin-right:10px;}
#menu.small .mega-menu-toggle  { margin-top:13px !important;  margin-right:10px; margin-bottom:10px;}
#menu.small #mega-menu-primary,#menu.big #mega-menu-primary { margin-top:12px !important;}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after { height: 3px !important;}
}
@media (min-width: 769px) and (max-width: 990px) {
.box  { width:47.5% !important;}
#copy .left, #copy .right { text-align: center;}
#copy .left { padding-top:0; padding-bottom:10px;}
.left, .right { width:96%;}
#wybierz table td { padding:0px;}
.row { grid-template-columns: 50% 50%;}
.article { width:96%;}
.ngg-widget img { width:47.5% !important;}
.cecha3 { grid-column-start: 2;   grid-column-end: 3;  grid-row-start: 2;  grid-row-end: 3;}
.tekst, .mapy { width:96%;}
.tekst2, .tekst21 { width:38%;}
.wizualizacja, .wizualizacja1 { width:54%;}
.mapy img { display:inline-block; max-width:48%;}
.cena:before { content:'\f658'; font-family: 'Font_Awesome_Solid'; display:block; width:40px; height:40px; font-size: 20px; margin: auto; margin-top: 17px;}
.karta:before { content:'\f1c1'; font-family: 'Font_Awesome_Solid'; color:#127c84; display:block; width:40px; height:40px; font-size: 20px; margin: auto; margin-top: 15px;}
.left, .right { width:96%; text-align: center;}
.left h2, .right h2 { text-align: center;}
.right h2 { margin-top: 30px;}
.left h2:after, .right h2:after { margin: auto; left:0; right:0;}
.wpcf7-not-valid-tip { margin: auto; margin-top:5px;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form .wpcf7-response-output { margin: auto;}
#copy { margin-bottom:40px;}
.fix  { position: fixed; top: auto; right: auto; bottom: 0px; z-index:1000; width:100%; height:40px;}
.fb, .mail { width:50% !important; float:left; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form .wpcf7-response-output { margin: auto;}
.wpcf7-not-valid-tip { margin: auto; margin-top:5px;}
.rodo { margin: auto; max-width: 500px; text-align: left !important;}
.imp-shape-text { font-size: 20px !important;}
.article { margin-top:120px; margin-bottom:120px;  position: relative; top: auto !important;  -ms-transform: translateY(0%) !important; transform: translateY(0%) !important; width:98%; margin-left:1%; margin-right:1%;}
.entry-content { padding-left: 15px;  padding-right: 15px;}
#firma, #mieszkania, #dlaczego, #lokalizacja { height:auto !important; min-height: auto;}
#dlaczego .strona, #firma .strona, #lokalizacja .strona, #mieszkania  .strona { min-height: auto;}
}
@media (max-width: 768px) {
#rzuty { margin-top: 70px;}
.pow:before { content: 'Powierzchnia: '; d}
.pok:before { content: 'Ilość pokoi: ';}
#txt h1 { font-size: 34px;}
.wp-container-3, .wp-container-2, .wp-container-4 { align-items: center !important; justify-content: center !important;}
.article { margin-top:120px; margin-bottom:120px;  position: relative; top: auto !important;  -ms-transform: translateY(0%) !important; transform: translateY(0%) !important; width:98%; margin-left:1%; margin-right:1%;}
#firma, #mieszkania, #dlaczego, #lokalizacja { height:auto !important; min-height: auto;}
#dlaczego .strona, #firma .strona, #lokalizacja .strona, #mieszkania  .strona { min-height: auto;}
.miesz th { display:none;}
.miesz td { display:block;}
.wp-block-contact-form-7-contact-form-selector, .lewa { width:100%;}
.lewa { text-align: center;}
.box  { width:98% !important; text-align: center;}
.box h2 { text-align: center;}
.box .dane { padding:0px;}
.box h2:after { margin: auto;}
.right h2 { margin-top: 30px;}
#copy { margin-bottom:40px;}
#dziennik .mtphr-dnt-posts-title { padding-top: 0px !important;}
.fix  { position: fixed; top: auto; right: auto; bottom: 0px; z-index:1000; width:100%; height:40px;}
.fb, .mail { width:50% !important; float:left; }
#copy .left, #copy .right,  #kontakt .left, #kontakt .right { text-align: center;}
#copy .left { padding-top:0; padding-bottom:10px;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form .wpcf7-response-output { margin: auto;}
.entry-content { padding-left:15px; padding-right:15px;}
.left, .right { width:96%;}
#kontakt .left { padding-bottom:0px !important;}
.left h2, .right h2 { text-align: center;}
.left h2:after, .right h2:after { margin: auto; left:0; right:0;}
.wpcf7-not-valid-tip { margin: auto; margin-top:5px;}
#kontakt .right { margin-top: 0px !important; padding:0px !important; padding-bottom:30px !important;}
.mobi { display:inline-block; margin-right:8px;}
.cena .opis, .karta .opis { display:block; width:100%; max-width:250px; margin: auto; padding-left:0px; padding-right:0px;}
#wybierz table td.naz { background:#003044; color:#fff; border:0px; margin-top:15px;}
#wybierz table td { display:block; width:100%;}
#wybierz table th { display:none !important;}
#dziennik .wp-post-image { width:96%; display:block; margin-bottom:20px;}
#dziennik h2.mtphr-dnt-posts-title { text-align: center;}
.mtphr-dnt-control-links { text-align: center;}
#dzeinnik .mtphr-dnt-posts-excerpt { text-align: center;}
.tekst2 h3,.tekst21 h3, .szczegoly { text-align: center;}
.pdf { margin: auto; margin-top:15px; }
.wybor, .wybor1 { margin: auto; float:none;}
.ngg-widget img { width:96% !important; margin-left:2% !important; margin-right:2% !important;  margin: auto !important; margin-bottom:15px !important; max-width: 600px !important;}
.wybor1 { margin-top: 30px;}
h2, #txt  article h1 { font-size: 30px; line-height: 35px; margin-bottom: 20px;}
h2 .male { font-size: 18px; line-height: 24px;}
#firma, #dziennik, #standard, #rzuty, #wnetrze, #firma .strona, #dziennik .strona, #standard .strona, #rzuty .strona, #wnetrze .strona { min-height: auto;}
#standard .textwidget, #dziennik .textwidget, #firma .textwidget { position: relative; top: auto;  -ms-transform: translateY(0%); transform: translateY(0%); margin-top:100px; margin-bottom:100px;}
#lokalizacja .textwidget { margin-top:20px; margin-bottom:20px; width:100%;  position: relative; top: auto !important;  -ms-transform: translateY(0%) !important; transform: translateY(0%) !important; }
.tekst, .mapy, .tekst2, #standard .textwidget { width:96%;}
.article { width:98%; margin-left:1%; margin-right:1%;}
.row { grid-template-columns: 100%;}
.box1, .box2 { padding-top:25px;}
#standard ul { columns: 1;  -webkit-columns: 1;  -moz-columns: 1; -webkit-column-gap: 0px;  -moz-column-gap: 0px;  column-gap: 0px; text-align: left;}
#dziennik .strona, #dziennik { min-height: auto !important;}
#dziennik { padding-bottom:30px !important;}
.rodo { margin: auto; max-width: 500px; text-align: left !important;}
#domy .textwidget,  #firma .textwidget, #standard .textwidget { padding: 15px;}
.imp-shape-text { font-size: 14px !important;}
}
@media (max-width: 480px) {
#cn-accept-cookie, #cn-more-info { display:block !important; width:90% !important; max-width: 220px !important; margin-left: auto !important;  margin-right: auto !important; margin-bottom:10px !important;}
}