@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css); * { 
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-font-smoothing: antialiased;
} ::-moz-selection {
background: #f7e6f0;
text-shadow: none;
}
::selection {
background: #f7e6f0;
text-shadow: none;
} hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
} audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
} fieldset {
border: 0;
margin: 0;
padding: 0;
} textarea {
resize: vertical;
}
strong {
font-weight: 700;
} .left {
float: left;
}
.right {
float: right;
}
.table {
display: table !important;
}
.table-cell {
display: table-cell !important;
height: inherit;
}
.hidden {
display: none !important;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
.align-left {
text-align: left;
}
.padding-bottom {
padding-bottom: 40px;
}
.add-padding {
padding: 26px 0 10px;
}
.area-without-header {
padding-top: 26px !important;
padding-bottom: 10px !important;
} @font-face {
font-family: 'icomoon';
src:url(//hartbex.pl/mieszkania/wp-content/themes/hartbex-mieszkania/fonts/icomoon.eot?-qgc51o);
src:url(//hartbex.pl/mieszkania/wp-content/themes/hartbex-mieszkania/fonts/icomoon.eot?#iefix-qgc51o) format('embedded-opentype'),
url(//hartbex.pl/mieszkania/wp-content/themes/hartbex-mieszkania/fonts/icomoon.ttf?-qgc51o) format('truetype'),
url(//hartbex.pl/mieszkania/wp-content/themes/hartbex-mieszkania/fonts/icomoon.woff?-qgc51o) format('woff'),
url(//hartbex.pl/mieszkania/wp-content/themes/hartbex-mieszkania/fonts/icomoon.svg?-qgc51o#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
body {
font-family: 'Lato', sans-serif;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-1:before {
content: "\e600";
}
.icon-2:before {
content: "\e601";
}
.icon-3:before {
content: "\e602";
}
.icon-4:before {
content: "\e603";
}
.icon-5:before {
content: "\e604";
}
.icon-6:before {
content: "\e605";
} .wrapper {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding-left: 16px;
padding-right: 16px;
position: relative;
z-index: 1;
}
.gray-area {
background:#f3f3f3;
}
.margin-bottom {
margin-bottom: 30px !important;
}
.owl-carousel div a:hover img,
.owl-carousel div a img,
#newsletter-container button,
#newsletter-container button:hover,
#social-media ul li a,
#social-media ul li a:hover,
.button-outline,
.button-outline:hover,
#menu ul li ul li a,
#menu ul li ul li a:hover,
#tabs li:hover,
#tabs li.active,
#image-thumbnail,
.img-link-small i,
.img-link-small:hover i,
.img-link-small,
.img-link-small:hover,
#arrow-icon i,
.logo-wrapper img,
.logo-wrapper img:hover,
.logo-wrapper.hover img,
#menu-zmiana-jezyka li a img,
#menu-zmiana-jezyka li:hover a img,
#menu-zmiana-jezyka-de li a img,
#menu-zmiana-jezyka-de li:hover a img,
button,
button:hover,
.fileUpload:hover,
.fileUpload, #realizations .logo-wrapper a,
#realizations .logo-wrapper a:hover,
#menu-icon,
#menu-icon:hover,
#menu-icon.active {
-webkit-transition: all 300ms easy-in-out;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}
#menu ul li a:hover:before,
#menu ul li a:before {
-webkit-transition: all 300ms easy-in-out;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}
#gallery-text {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
#menu ul li ul,
#menu ul li.active ul {
-webkit-transition: opacity 300ms linear;
-moz-transition: opacity 300ms linear;
-ms-transition: opacity 300ms linear;
-o-transition: opacity 300ms linear;
transition: opacity 300ms linear;
}
.owl-theme .owl-dots .owl-dot span {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
} #cookies {
display: none;
width: 100%;
padding: 10px;
position: fixed;
left: 0;
bottom: 0;
z-index: 100000;
background: #002551;
}
#cookies .wrapper {
text-align: center;
line-height: 1;
}
#cookies .wrapper > div {
display: inline-block;
padding-right: 30px;
position: relative;
color: #fff;
font-size: 13px;
}
#cookies .wrapper > div a {
color: #fff;
font-weight: bold;
font-size: 13px;
line-height: 13px;
float: left;
display: block;
}
#cookies .wrapper span {
font-size: 13px;
line-height: 15px;
font-weight: 400;
float: left;
display: block;
}
#cookies .wrapper > div .close {
position: absolute;
top: 0;
right: 0;
font-size: 2em;
cursor: pointer; }
#cookies .wrapper > div .close:hover { }
body.show-cookie {
padding-bottom: 53px;
}
.show-cookie #cookies {
display: block;
}
#header {
width: 100%;
background: #fff;
}
#header a img {
max-height: 40px !important;
max-width: 100%;
}
#menu {
display: block;
float: right;
position: relative;
width: 80%;
}
#menu #menu-menu-glowne {
padding: 0;
}
#menu > div {
display: block;
float: right;
}
#menu ul.menu > li {
float: left;
display: block;
}
#menu ul.menu > li > a {
position: relative;
display: block;
padding: 46px 12px;  
line-height: 1.5;
}
#menu ul li a:before,
#menu ul li.current-menu-item a:before,
#menu ul li.current-menu-ancestor a:before {
content: "";
position: absolute;
width:100%;
height:0;
left: 0;
bottom: 0;
background: #002d62;
}
#menu ul li a:hover:before,
#menu ul li.current-menu-item a:before,
#menu ul li.current-menu-ancestor a:before {
height:3px;
}
#menu ul li a {
font-size: 13px;
font-weight: 900;
color: #1e1e1e;
text-transform: uppercase;
}
#menu ul li ul {
position: absolute;
left: 0;
top: 0;
z-index: -1;
padding: 10px;
background: #002d62;
opacity: 0;
}
#menu ul li.active ul {
opacity: 200;
z-index: 200;
}
#menu ul li ul li {
float: none;
padding: 10px;
}
#menu ul li ul li a {
color: #fff;
font-size: 12px;
font-weight: 400;
}
#menu ul li ul li a:hover {
color: #2b8fff;
}
#menu ul li ul.submenu {
z-index: -1;
}
#menu-zmiana-jezyka, #menu-zmiana-jezyka-de {
float:right;
display: block;
padding: 10px 0;
}
#menu-zmiana-jezyka li, #menu-zmiana-jezyka-de li {
display: block;
float: right;
padding: 0 7px;
}
#menu-zmiana-jezyka li img, #menu-zmiana-jezyka-de li img {
padding: 0 8px 0 12px;
}
#menu-zmiana-jezyka li, #menu-zmiana-jezyka-de li {
display: block;
float: right;
}
#menu-zmiana-jezyka li a, #menu-zmiana-jezyka-de li a {
color: #74777c;
font-size: 13px;
}
#menu-zmiana-jezyka li a img,
#menu-zmiana-jezyka-de li a img {
filter: gray; filter: grayscale(1); -webkit-filter: grayscale(1); }
#menu-zmiana-jezyka li:hover a img,
#menu-zmiana-jezyka li.current_page_item a img,
#menu-zmiana-jezyka-de li:hover a img,
#menu-zmiana-jezyka-de li.current_page_item a img{
filter: none;
-webkit-filter: grayscale(0);
}
#logo {
display: block;
float: left;
width: 20%;
padding: 11px 0;
height: 109px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
#logo img {
position: relative;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
body {
padding-top: 144px;
}
#header {
position: absolute;
left: 0;
top: 0;
z-index: 90000000;
}
#header.pin-menu {
position:fixed;
top: 0;
left: 0;
-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.5);
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.5);
z-index: 90000000;
-moz-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
#header .pin-submenu {
top: 81px !important;
}
#header.animate-nav {
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
#header.transition {
-webkit-transition: transform 0.25s ease;
-moz-transition: transform 0.25s ease;
-ms-transition: transform 0.25s ease;
-o-transition: transform 0.25s ease;
transition: transform 0.25s ease;
}
.pin-menu #logo {
height: 84px;
}
.pin-menu a img {
max-height: 84px !important;
}
.pin-menu #menu ul.menu > li > a {
padding: 32px 12px;
}
.pin-menu .gray-area {
display: none;
}
#menu-icon {
display: none;
padding: 35px 0;
font-size: 34px;
cursor: pointer;
color: #74777C;
}
#menu-icon.active,
#menu-icon:hover {
color: #002D62;
} .logotype-carousel .owl-carousel {
padding: 40px 0;
}
.logotype-carousel .owl-carousel div img {
display: inline-block;
max-height: 112px;
width: auto !important;
-webkit-filter: grayscale(1);
filter: grayscale(1);
opacity: 0.8;
filter: alpha(opacity=40); }
.logotype-carousel .owl-carousel div a:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
opacity: 1;
filter: alpha(opacity=100); }
.logotype-carousel .owl-carousel div a {
display: block;
text-align: center;
}
.realization-wrapper article {
background:#fff;
}
.realization-wrapper .owl-item {
background: #fff;
}
.realization-wrapper img {
max-width: 100%;
}
.title {
padding: 30px 0;
}
header h2 {
display: inline-block;
position: relative;
z-index: 2;
padding: 17px 0;
font-size: 18px;
font-weight: 900;
color: #1e1e1e;
text-transform: uppercase;
}
header h2:before {
position: absolute;
width: 45px;
height:2px;
background: #002d62;
content: "";
bottom: 0;
left: 0;
}
#news {
display: block;
float: left;
width:75%;
}
#about-info {
display: block;
float: right;
width: 25%;
padding-left: 30px;
}
p {
padding-bottom: 16px;
color: #888888;
font-size: 13px;
font-weight: 400;
line-height: 1.5;
text-align: justify;
}
table {
width: 100%;
}
table td {
padding: 16px 0;
width: 25%;
}
table td img {
max-width: 170px;
width: 100%;
height: auto;
}
table h3 {
display: block;
font-weight: 900;
font-size: 15px;
color: #1E1E1E;
line-height: 1;
text-align: left;
padding-bottom: 0;
}
table h4 {
display: block;
color: #4B4B4C;
font-size: 13px;
font-weight: 600;
line-height: 1.6;
}
table p {
padding-top: 8px;
padding-bottom: 0;
}
a {
color: #002D62;
}
.page-content a:hover {
text-decoration: underline;
color: #2B8FFF;
}
form {
max-width: 600px;
width: 100%;
margin: 0 auto;
}
input {
color: #888;
}
form .input-group {
display: block;
width: 100%;
margin-top: 8px;
}
form radio-group {
display: block;
width: 100%;
}
form .input-group input[type="text"],
form .input-group input[type="file"]{
display: block;
width: 100%;
height: 48px;
border: 0;
padding: 0 16px;
line-height: 48px;
background: #fff;
}
.disableInputField {
display: inline-block;
width: 100%;
height: 48px;
margin: 0px;
padding: 0px 16px;
border: 0;
background: #fff;
}
.fileUpload {
position: absolute;
overflow: hidden;
display:inline-block;
padding: 0 !important;
right: 0;
top: 0;
}
.uploadBtn {
display: inline-block;
padding: 0 16px !important;
color: #fff;
font-size: 14px;
font-weight: 900;
line-height: 48px;
text-transform: uppercase;
}
.fileUpload input.upload {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
}
form button,
form span {
padding: 0 16px;
}
.input-wrapper {
position: relative;
display: block;
width: 100%;
}
.required {
position: relative;
}
.required:before {
position: absolute;
content: "*";
color: red;
right: -10px;
top: 6px;
font-size: 12px;
}
input[type=radio] {
display:none;
}
input[type=radio] + label {
margin-right: 30px;
cursor: pointer;
}
input[type=radio] + label:before {
content: "";  
display: inline-block;  
width: 15px;  
height: 15px;  
vertical-align:middle;
margin-right: 8px;  
background-color: #fff;  
}
input[type=radio]:checked + label:before {
content: "\f04d"; color:#002D62;
background-color: #FFF; 
font-family: FontAwesome;
font-size:10px;
text-align:center;
line-height:15px;
}
p, #lipsum, ul {
padding-bottom: 16px;
color: #888888;
font-size: 13px;
font-weight: 400;
line-height: 1.5;
text-align: justify;
}
#lipsum {
line-height: 1.5;
}
.widget-wrapper {
padding-top: 45px;
padding-bottom: 45px;
}
.widget-wrapper ul {
margin-bottom: 16px;
}
.widget-wrapper ul li {
position: relative;
display: block;
float: left;
width: 50%;
color: #888888;
font-size: 13px;
font-weight: 400;
line-height: 1.5;
}
.widget-wrapper ul li:before {
padding-right: 16px;
content: "\f00c";
top: 0;
left: 0;
font-family: FontAwesome;
font-size: 12px;
color: #002d62;
}
.widget-wrapper img {
width: auto;
max-width: 100%;
}
header.title h2, .contact-page table h2, .contact-page h2, .contact-page h1  {
display: inline-block;
position: relative;
z-index: 2;
padding: 17px 0px;
font-size: 18px;
font-weight: 900;
color: #1E1E1E;
text-transform: uppercase;
}
header.title h2::before, .contact-page table h2::before, .contact-page h2::before, .contact-page h1::before  {
position: absolute;
width: 45px;
height: 2px;
background: #002D62 none repeat scroll 0% 0%;
content: "";
bottom: 0px;
left: 0px;
}
#news h2 {
padding-top: 16px;
color: #1e1e1e;
font-size: 15px;
font-weight: 900;
}
#news a {
color: #002d62;
font-size: 13px;
font-weight: 700;
}
#news a i { padding-left: 5px; }
.owl-nav {
display: inline-block;
float:right;
font-size:0;
}
.owl-nav i {
width: 50px;
height: 50px;
margin-left: 1px;
background: #F3F3F3;
color: #D6D6D6;
font-size: 20px;
text-align: center;
line-height: 46px;
cursor: pointer;
}
.owl-dots {
padding: 16px 0;
}
.gray-area .owl-nav i {
background: #fff;
}
#map {
width: 100%;
height: 345px;
}
#map-wrapper {
position: relative;
z-index: 1;
}
#map-wrapper #adress-wrapper {
position: absolute;
height: 345px;
width: 30%; top: 0;
right: 0;
background: rgba(0, 45, 98, 0.9);
z-index: 1;
overflow: hidden;
}
#map-wrapper #adress-wrapper h2 {
color: #fff;
margin-left: 30px;
}
#map-wrapper #adress-wrapper h2:before {
background: #fff;
}
#map-wrapper #adress-wrapper p {
color: #fff;
padding-left: 30px;
}
#map-wrapper strong {
color: #fff;
}
strong {
font-weight:900;
}
.owl-carousel4 div {
position: relative;
}
#adress-wrapper .owl-carousel .owl-stage-outer {
overflow: visible;
}
.owl-carousel4 .owl-stage-outer {
overflow: visible;
}
#map-wrapper .rzeszow:before,
#map-wrapper .krakow:before {
position: absolute;
height: 1000px;
width: 390px;
top: -170px;
right: 0;
content: "";
background:url(//hartbex.pl/mieszkania/wp-content/themes/hartbex-mieszkania/images/map.png) no-repeat;
background-size: 100%;
z-index: -1;
}
#map-wrapper .stuttgart:before {
position: absolute;
height: 1000px;
width: 345px;
top: -270px;
right: 0;
content: "";
background: url(//hartbex.pl/mieszkania/wp-content/themes/hartbex-mieszkania/images/germany.png) no-repeat;
background-size: 100%;
z-index: -1;
}
#map-wrapper .rzeszow:after,
#map-wrapper .krakow:after,
#map-wrapper .stuttgart:after {
position: absolute;
display: block;
content: "\f041";
font-family: FontAwesome;
color: #fff;
font-size: 44px;
}
#map-wrapper .rzeszow:after {
top: 81px;
right: 75px;
}
#map-wrapper .krakow:after {
top: 81px;
right: 151px;
}
#map-wrapper .stuttgart:after {
top: 83px;
right: 217px;
}
#map-wrapper .owl-nav-map {
position: absolute;
right: 16px;
bottom: 16px;
z-index: 2;
}
#map-wrapper .owl-nav-map i {
width: 50px;
height: 50px;
border: 1px solid #fff;
color: #fff;
line-height: 46px;
font-size: 20px;
text-align: center;
cursor: pointer;
}
.widget-wrapper > img {
display:block;
float: left;
width: 40%;
}
.widget-content {
display: block;
float: left;
width: 60%;
padding-left: 30px;
}
.widget-content ul li {
list-style-position: inside;
}
.realization-wrapper .wrapp-text {
padding: 16px;
}
.button-outline {
display: inline-block;
height: 50px;
padding: 0 20px;
line-height: 50px;
border: 1px solid #002d62;
text-align: center;
text-transform: uppercase;
font-size: 13px;
font-weight: 900;
color: #002d62;
}
.wrapp-text h2 {
font-weight: 900;
font-size: 15px;
color: #1e1e1e;
text-align: left;
line-height: 1;
}
.button-outline:hover {
background: #002d62;
color: #fff;
}
.realization-wrapper span {
display: block;
float: left;
width: 50%;
font-size: 13px;
font-weight: 600;
color: #74777c;
}
.realization-wrapper span i {
padding-right: 5px;
}
.realization-wrapper h3,
#news span,
#press-room span, 
.contact-form form label {
display: inline-block;
padding: 6px 0;
color: #4b4b4c;
font-size: 13px;
font-weight: 600;
}
#news span i {
padding-right: 5px;
}
.realization-wrapper .rel-icons {
margin-top: 10px;
}
.slider-img {
display: block;
position: relative;
width: 100%;
height: 523px;
background-size: cover;
background-position: center;
}
.anim-slider {
height: 523px !important;
}
.text-slider-wrapper {
position: absolute;
top: 100px;
width: 520px;
height: 400px;
text-align: center;
}
.slider-wrapper {
max-width: 1200px;
width: 100%;
margin: 0 auto;
position: relative !important;
}
.slider-wrapper .align-left {
left: 0;
}
.slider-wrapper .align-right {
right: 0;
}
#slider {
position: relative;
z-index: 10;
}
#slider .title {
display: inline-block;
margin-right: 200px;
margin-top: 40px;
}
.header-slider-wrapper {
display: inline-block;
padding: 23px 20px;
background: #ba2720;
-moz-transform: skewX(-15deg);
-webkit-transform: skewX(-15deg);
-o-transform: skewX(-15deg);
-ms-transform: skewX(-15deg);
transform: skewX(-15deg);
}
#slider h2 {
display: inline-block;
padding: 0;
color: #fff;
font-size: 56px;
font-weight: 900;
line-height: 0.8;
text-transform: uppercase;
-moz-transform: skewX(15deg) !important;
-webkit-transform: skewX(15deg) !important;
-o-transform: skewX(15deg) !important;
-ms-transform: skewX(15deg) !important;
transform: skewX(15deg) !important;
}
#slider p {
padding: 0;
color: #fff;
font-size: 32px;
font-weight: 300;
text-transform: uppercase;
text-align: center;
line-height: 1;
}
#slider h1,
#slider h2,
#slider h3,
#slider h4,
#slider h5,
#slider h6 {
padding: 0;
color: #fff;
font-weight: 300;
text-transform: uppercase;
text-align: center;
line-height: 1;
}
#slider .header-slider-wrapper h2 {
font-weight: 700;
}
#slider h1 {
font-size: 40px;
}
#slider h2 {
font-size: 32px;
}
#slider h3 {
font-size: 26px;
}
#slider h4 {
font-size: 21px;
}
#slider h5 {
font-size: 16px;
}
#slider h6 {
font-size: 12px;
}
#slider p strong {
font-weight: 700;
}
#slider a {
margin-top: 30px;
border-color: #fff;
color: #fff;
}
#slider a:hover {
background: #fff;
color: #052b50;
}
#slider img {
display: inline-block;
margin-bottom: 30px;
max-width: 200px;
}
#slider .align-left p {
color: #052b51;
}
#slider .align-left a {
border-color: #052b51;
color: #052b51;
}
#slider .align-left a:hover {
background: #052b51;
color: #fff;
}
#slider .side-left .header-slider-wrapper {
margin-right: 0;
margin-left: 200px;
background: #052b51;
-moz-transform: skewX(15deg);
-webkit-transform: skewX(15deg);
-o-transform: skewX(15deg);
-ms-transform: skewX(15deg);
transform: skewX(15deg);
}
#slider .side-left h2 {
-moz-transform: skewX(-15deg) !important;
-webkit-transform: skewX(-15deg) !important;
-o-transform: skewX(-15deg) !important;
-ms-transform: skewX(-15deg) !important;
transform: skewX(-15deg) !important;
}
#slider p,
#slider a,
#slider img,
#slider h2,
#slider strong,
#slider h1,
#slider h2,
#slider h3,
#slider h4,
#slider h5,
#slider h6,
.header-slider-wrapper,
#slider .title {
position: static !important;
color: #fff;
}
#slider .side-left p,
#slider .side-left a,
#slider .side-left img,
#slider .side-left strong,
#slider .side-left h1,
#slider .side-left h3,
#slider .side-left h4,
#slider .side-left h5,
#slider .side-left h6,
.header-slider-wrapper,
#slider .title {
position: static !important;
color: #052b51;
}
#slider .side-left strong {
color: #052b51;
font-weight: 700 !important;
}
.slider-wrapper .align-left h2,
.slider-wrapper .align-left p {
text-align: left;
}
.slider-wrapper .align-right h2,
.slider-wrapper .align-right p {
text-align: right;
}
.widget-wrapper .title {
padding-top: 0;
}
.logo-wrapper {
width: 100%;
text-align: center;
padding: 16px;
}
.logo-wrapper img {
display: inline-block !important;
max-height: 75px;
width: auto !important;
-webkit-filter: grayscale(1);
filter: grayscale(1);
opacity: 0.8;
filter: alpha(opacity=40); }
.logo-wrapper img:hover, .logo-wrapper.hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
opacity: 1;
filter: alpha(opacity=0); }
.logo-wrapper article {
position: relative;
}
.rel-icons {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
}
.rel-icons span.align-left {
padding: 0 0 16px 16px;
}
.rel-icons span.align-right {
padding: 0 16px 16px 0;
}
#footer-nav {
border-bottom: 1px solid #f3f3f3;
padding: 40px 0;
}
#footer-nav ul li {
display: block;
float: left;
}
#footer-nav ul li a {
display: block;
position: relative;
padding-right: 50px;
color: #74777c;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
line-height: 1;
}
#footer-nav ul li a:hover {
text-decoration: underline;
}
#footer-nav ul li:last-child a:before {
display: none;
}
#footer-nav ul li a:before {
position: absolute;
content: "";
width: 6px;
height: 6px;
background: #002d62;
top: 3px;
right: 22px;
} .anim-dots span {
box-shadow: none !important;
background: #fff !important;
border: 1px solid rgb(0,45,98);
}
.anim-dots span.anim-dots-this:after {
width: 12px !important;
height: 12px !important;
top: 0 !important;
left: 0 !important;
background: rgb(0,45,98) !important;
}
.anim-slider {
background: #002E62 !important;
}
.widget-wrapper ul li, 
.page-content ul li {
position: relative;
display: block;
width: 100%;
color: #888888;
font-size: 13px;
font-weight: 400;
line-height: 1.5;
}
.widget-wrapper ul li:before, 
.page-content ul li:before {
padding-right: 16px;
content: "\f00c";
top: 0;
left: 0;
font-family: FontAwesome;
font-size: 12px;
color: #002d62;
}
.page-content ul {
padding-bottom: 16px;
} .page-header,
.separator-content {
position: relative;
background: url(//hartbex.pl/mieszkania/wp-content/themes/hartbex-mieszkania/images/bg1.jpg);
background-size: cover;
background-position: bottom center;
background-attachment: fixed;
overflow: hidden;
}
.page-header:before,
.separator-content:before {
position: absolute;
width: 1000%;
height: 1000%;
left: 0;
top: 0;
background: rgba(0, 46, 97, 0.9);
content: "";
}
.separator-content {
height: 100px;
}
.page-header h2, .page-header h1  {
padding-top: 80px;
padding-bottom: 30px;
color: #fff;
font-size: 40px;
font-weight: 900;
text-align: center;
text-transform: uppercase;
}
#realizations p {
line-height: 1.5;
}
#realizations-list {
margin-bottom: 16px;
}
#realizations-list li {
position: relative;
display: block;
float: left;
width: 24.125%;
margin-right: 1.1666%;
margin-top: 1.1666%;
background: #fff;
}
#realizations-list li:nth-child(4){
margin-right: 0;
}
#tabs-page {
padding: 25px 0;
}
#tabs li, #tabs-page ul li {
display: block;
float: left;
height: 48px;
padding: 0 20px;
margin: 3px 5px 2px 0;
text-align: center;
background: #f3f3f3;
cursor: pointer;
}
#tabs li, #tabs-page ul li a {
display: block;
color: #888;
font-size: 12px;
font-weight: 900;
line-height: 48px;
text-transform: uppercase;
}
#tabs li:hover,
#tabs-page ul li:hover {
background: #e7e9ec;
}
#tabs li.active,
#tabs li.active:hover,
#tabs-page ul li.current_page_item,
#tabs-page ul li.current_page_item:hover {
background: #002d61;
color: #fff;
}
#tabs-page ul li.current_page_item a,
#tabs-page ul li.current_page_item:hover a {
color: #fff;
}
#image-thumbnail {
width: 100%;
height: 600px;
background-size: cover;
background-position: center;
}
.post-image {
position: relative;
overflow: hidden;
}
.gallery {
padding-bottom: 26px;
}
#image-thumbnail .gallery img {
width: 100px;
height: 100px;
border: 3px solid #fff !important;
}
#image-thumbnail .gallery dl {
width: 100px !important;
}
#image-thumbnail .gallery .gallery-item {
margin: 20px 10px 0 !important;
}
#image-thumbnail .gallery .gallery-item:first-child {
margin-left: 20px !important;
}
#gallery-text {
position: absolute;
width: 80%;
padding: 50px;
right: 0;
bottom: 20px;
background: rgba(0, 45, 97, 0.9);
}
#gallery-text.hide {
right: -80% !important;
}
#gallery-text p {
color: #fff;
}
#arrow-icon {
position: absolute;
display: block;
width: 48px;
height: 48px;
left:-48px;
top: 0;
background: rgba(0, 45, 97, 0.9);
font-size: 19px;
text-align: center;
line-height: 48px;
cursor: pointer;
}
#arrow-icon i {
color: #fff;
}
.img-link-small {
position: absolute;
display: block;
width: 48px;
height: 48px;
border: 1px solid #fff;
bottom: 20px;
left: 20px;
text-align: center;
}
.img-link-small:hover {
border: 1px solid #002d61;
}
.img-link-small i {
color: #fff;
text-align: center;
line-height: 48px;
}
.img-link-small:hover i {
color: #002d61;
}
.info-span span {
display: inline-block;
padding: 40px 40px 40px 0;
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
}
.info-span span i {
padding-right: 5px;
color:  #002d61;
}
#bredcrumb {
width: 100%;
text-align: center;
}
#bredcrumb strong {
color: #fff;
}
#bredcrumb a, #bredcrumb {
font-size: 11px;
font-weight: 400;
text-transform: uppercase;
}
#bredcrumb {
color: #fff;
}
#bredcrumb li {
display: block;
float: left;
}
#bredcrumb a {
color: #82b2e7;
}
#bredcrumb a:hover {
text-decoration: underline;
}
#bredcrumb span {
display: inline-block;
width: 3px;
height: 3px;
margin: 3px 15px;
background: #fff;
}
.rdfa-breadcrumb p {
color: #fff;
font-size: 11px !important;
font-weight: 600 !important;
text-transform: uppercase;
}
.rdfa-breadcrumb a {
color: #82b2e7;
font-size: 11px !important;
font-weight: 600 !important;
text-transform: uppercase;
}
.rdfa-breadcrumb a:hover {
text-decoration:underline;
}
.separator {
margin: 0 12px;
color: #fff;
}
.rdfa-breadcrumb2 {
color: #fff;
font-size:11px;
}
.has-bredcrumb h2 {
padding-bottom: 0;
}
.white {
padding-left: 30px;
}
.white li {
color: #fff;
border-color: #fff;
z-index: 300;
position: relative;
opacity: 0.3;
}
.white li:hover,
.white li.active {
opacity: 1;
background: transparent;
}
#footer-contact-tabs ul li {
display: block;
float: left;
margin-right: 5px;
margin-bottom: 5px;
padding: 11px 20px;
cursor: pointer;
line-height: 1;
}
#footer-contact-tabs ul li.first {
line-height: 2;
}
#footer-contact-tabs ul li span,
#footer-contact-tabs ul li strong {
display: block;
}
#footer-contact-tabs ul li span {
font-size: 10px;
font-weight: 400;
}
.page-bottom-line {
width: 100%;
height: 1px;
background: #f3f3f3;
}
#menu ul {
padding-bottom: 0;
}
b, strong {
color: #E8BD40;
font-weight: 600 !important;
}
form .error {
border: 1px solid #F00 !important;
} body.home {
overflow: hidden;
}
body.home.loaded {
overflow: visible;
}
#preloader {
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999999999;
background: #002D62;
color: #fff;
}
.loaded #preloader {
display: none;
}
#preloader .inner {
margin-top: -72.5px;
margin-left: -37.5px;
position: absolute;
left: 50%;
top: 50%;
}
#preloader .thecube {
width: 75px;
height: 75px;
margin: 0 auto;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
#preloader .logo {
width: 100%;
margin-top: 30px;
text-align: center;
}
#preloader .logo .text-1 {
display: block;
font-size: 26px;
font-weight: 700;
}
#preloader .logo .text-2 {
display: block;
margin-top: 3px;
font-size: 10px;
font-weight: 400;
}
#preloader .thecube .cube {
position: relative;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
#preloader .thecube .cube {
float: left;
width: 50%;
height: 50%;
position: relative;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
#preloader .thecube .cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
-webkit-animation: foldthecube 2.4s infinite linear both;
animation: foldthecube 2.4s infinite linear both;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
#preloader .thecube .c2 {
-webkit-transform: scale(1.1) rotateZ(90deg);
transform: scale(1.1) rotateZ(90deg);
}
#preloader .thecube .c3 {
-webkit-transform: scale(1.1) rotateZ(180deg);
transform: scale(1.1) rotateZ(180deg);
}
#preloader .thecube .c4 {
-webkit-transform: scale(1.1) rotateZ(270deg);
transform: scale(1.1) rotateZ(270deg);
}
#preloader .thecube .c2:before {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
#preloader .thecube .c3:before {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
#preloader .thecube .c4:before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
@-webkit-keyframes foldthecube {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%,
75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%,
100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
@keyframes foldthecube {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%,
75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%,
100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
} form {
position: relative;
}
.form-loader {
display: none;
position: absolute;
top: -15px;
left: -15px;
right: -15px;
bottom: -15px;
z-index: 100;
background: rgba(255, 255, 255, 0.8);
color: #002E62;
}
.form-loader .inner {
margin-top: 50px;
}
.form-loader .thecube {
width: 75px;
height: 75px;
margin: 0 auto;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.form-loader .logo {
width: 100%;
margin-top: 30px;
text-align: center;
}
.form-loader .logo .text-1 {
display: block;
font-size: 26px;
font-weight: 700;
}
.form-loader .logo .text-2 {
display: block;
margin-top: 3px;
font-size: 10px;
font-weight: 400;
}
.form-loader .thecube .cube {
position: relative;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.form-loader .thecube .cube {
float: left;
width: 50%;
height: 50%;
position: relative;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.form-loader .thecube .cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #002E62;
-webkit-animation: foldthecube 2.4s infinite linear both;
animation: foldthecube 2.4s infinite linear both;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.form-loader .thecube .c2 {
-webkit-transform: scale(1.1) rotateZ(90deg);
transform: scale(1.1) rotateZ(90deg);
}
.form-loader .thecube .c3 {
-webkit-transform: scale(1.1) rotateZ(180deg);
transform: scale(1.1) rotateZ(180deg);
}
.form-loader .thecube .c4 {
-webkit-transform: scale(1.1) rotateZ(270deg);
transform: scale(1.1) rotateZ(270deg);
}
.form-loader .thecube .c2:before {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.form-loader .thecube .c3:before {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.form-loader .thecube .c4:before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
@-webkit-keyframes foldthecube {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%,
75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%,
100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
@keyframes foldthecube {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%,
75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%,
100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
} #newsletter {
position: relative;
width: 100%;
height: 345px;
background:url(//hartbex.pl/mieszkania/wp-content/themes/hartbex-mieszkania/images/bg1.jpg);
overflow: hidden;
background-attachment: fixed;
background-size: cover;
}
#newsletter:before {
position: absolute;
width: 1000%;
height: 1000%;
content: "";
background: rgba(43, 143, 255, 0.75);
}
#newsletter h2 {
padding: 120px 0 30px 0;
color: #fff;
font-size: 14px;
font-weight: 900;
text-transform: uppercase;
}
#social-media,
#newsletter-form {
display:block;
float: left;
width: 50%;
}
#social-media ul li {
display: block;
float: left;
margin-right: 12px;
}
#social-media ul li a {
display: block;
width: 48px;
height: 48px;
border: 1px solid #fff;
color: #fff;
font-size: 19px;
line-height: 44px;
text-align: center;
}
#social-media ul li a:hover {
border: 1px solid #002e62;
color: #002e62;
}
#newsletter-container {
position: relative;
}
#newsletter-container input {
width: 100%;
height: 48px;
border: none;
line-height: 48px;
padding-right:100px;
padding-left: 12px;
}
#newsletter-container button, 
button, 
.fileUpload {
width: 88px;
height: 48px;
border: 0;
top: 0;
right: 0;
background: #002e62;
color: #fff;
font-size: 14px;
font-weight: 900;
text-transform: uppercase;
cursor: pointer;
}
#newsletter-container button:hover,
button:hover,
.fileUpload:hover,
.fileUpload:focus {
background: #2b8fff;
}
#f-left,
#f-right {
display: block;
float: left;
width: 50%;
}
#f-left p,
#f-right p {
padding: 30px 0 !important;
}
#f-left strong,
#f-right strong {
color: #002e62;
font-weight: 900;
}
#f-right p {
text-align: right;
}
.full-width-widget {
float: none;
width: 100%;
padding: 0;
}
.form-message {
padding: 15px;
border: 1px solid #002D62;
text-align: center;
}
.form-message .message {
padding-bottom: 0;
text-align: center;
text-transform: uppercase;
color: #002D62;
}
#realizations article a,
#realizations2 article a {
display: block;
text-align: center;
}
#realizations article a img,
#realizations2 article a img {
display: inline-block !important;
max-width: 100%;
width: auto;
height: auto;
}
.logo-wrapper a {
text-align: center;
} canvas {
display: block;
vertical-align: bottom;
}
#particles-js {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-image: url();
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
} @media screen and (max-width: 1220px) {
#slider .title {
display: none !important;
}
#slider p {
font-size: 18px;
}
#slider .text-slider-wrapper {
width: 420px;
padding: 0 30px;
}
.owl-carousel-map {
display: none !important;
}
.owl-nav-map {
display: none;
}
#logo {
width: 50%;
}
.pin-menu #logo {
height: 109px !important;
}
.pin-menu #logo a {
max-height: 40px !important;
}
#map-wrapper #adress-wrapper {
width: 100%;
min-height: 82px;
height: auto;
bottom: 0;
top: auto;
}
#map-wrapper #adress-wrapper ul {
padding-bottom: 0;
}
#map-wrapper .title {
padding: 16px;
}
#menu-icon {
display: block;
}
#menu {
display: none;
}
#menu.open {
display: block;
position: absolute;
width: 100%;
left: 0;
top: 104px;
background: #fff;
border-top: 3px solid #002e62;
}
#menu ul li ul {
display: none;
}
#menu ul.menu > li {
width: 100%;
text-align: center;
}
#menu > div {
width: 100%;
}
#menu ul.menu > li a,
.pin-menu #menu ul.menu > li > a { 
padding: 18px 16px;
}
#menu ul.menu > li a:before {
display: none;
}
#menu ul.menu > li a:hover,
#menu ul.menu > li.current-menu-item a {
color: #002e62;
}
#header {
position: fixed !important;
}
#header.pin-menu {
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.pin-menu a img {
max-height: 104px !important;
}
.pin-menu .gray-area {
display: block;
}
}
@media screen and (max-width: 980px) {
.widget-wrapper {
text-align: center;
}
.widget-content ul li {
width: 100%;
}
.widget-wrapper img {
display: inline-block;
width: auto;
float: none;
}
.widget-wrapper img {
display: inline-block;
width: 100%;
float: none;
margin-bottom: 20px;
}
.widget-content {
width: 100%;
padding-left: 0;
}
.widget-content header.title h2::before {
left: 50%;
margin-left: -23px;
}
.widget-content header.title h2 {
text-align: center;
}
}
@media screen and (max-width: 767px) {
#slider {
display: none;
}
.info-span span {
padding: 25px 20px 25px 0
}
table td.mobile-hide {
display: none;
}
table {
margin-bottom: 30px;
}
table td {
display: block;
width: 100%;
padding: 0;
}
table h3 {
padding-top: 30px;
}
table h2 {
margin-top: 30px;
}
}
@media screen and (max-width: 700px) {
#social-media, #newsletter-form {
float: none;
width: 100%;
}
#newsletter h2 {
padding: 50px 0 30px;
}
.widget-wrapper > img {
display: none;
}
.widget-content {
float: none;
width: 100%;
padding-left: 0;
}
#f-left, #f-right {
width: 100%;
}
#f-left p, #f-right p {
text-align: center;
}
#f-left p {
padding-bottom: 0 !important;
}
#f-right p {
padding-top: 10px !important;
padding-bottom: 20px !important;
}
#newsletter {
min-height: 200px;
}
}
@media screen and (max-width: 682px) {
#footer-nav ul li {
width: 100%;
padding-left: 20px;
padding-right: 0;
padding-bottom: 15px;
}
#footer-nav ul li:last-child a:before {
display: block !important;
}
#footer-nav ul li a:before {
left: -20px;
}
}
@media screen and (max-width: 440px) {
#menu-zmiana-jezyka, #menu-zmiana-jezyka-de {
font-size: 0;
}
#realizations .owl-nav,
#realizations2 .owl-nav,
#news .owl-nav {
float: left;
margin-top: 15px;
}
header.title h2 {
display: block;
}
}
@media screen and (max-width: 420px) {
#header a img {
max-height: 80px !important;
}
#menu.open {
top: 110px;
}
.page-header h2, .page-header h1  {
padding: 35px 0;
font-size: 26px;
}
#tabs li, #tabs-page ul li {
width: 100%;
margin-right: 0;
}
}
.fbc-page .fbc-wrap .fbc-items li.active span, .fbc-page .fbc-wrap .fbc-items li .fbc-end-text, .fbc-page .fbc-wrap .fbc-items li a {
font-weight:600;	
margin-left: 3px;
}
.fbc-items {
font-weight:400;	
color:#fff;
font-size:11px;
text-transform: uppercase;
}
.fbc-page .fbc-wrap .fbc-items li a i {
margin-right: 4px;
}
ol > li > a > span {
font-weight: bold !important;
margin-right: 3px !important;
}