/*
  Theme Name: EuroVille
  Author: Sodova
  Version: 1.0
*/


@font-face {
    font-family: 'Quiche Sans';
    src: url('fonts/subset-QuicheSans-Regular.woff2') format('woff2'),
        url('fonts/subset-QuicheSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

body {
	font-size: 16px;
	line-height: 1.5;
	color:#2A2A2A;
  font-family: 'Red Hat Display', sans-serif;
  padding: 0;
  margin: 0;
}

body.is-overflow{
  overflow:hidden;
}

ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

ul, ol{
  margin-bottom: 25px;
}

ul:last-child,
ol:last-child{
  margin-bottom: 0;
}

p{
  margin-top: 0;
  margin-bottom: 18px;
}

p:last-child{
  margin-bottom: 0;
}

a{
	text-decoration: none;
	color:inherit;
  transition: .3s;
}

img{
	max-width: 100%;
	height: auto;
}

sup{
	vertical-align:top;
}

header{
  z-index: 99;
  width: 100%;
}

body:not(.error404) header{
  position: absolute;
  top:0;
}


header .logo{
  margin-top: 40px;
  text-align: center;
}

@media (min-width:767px){
  header .logo{
    margin-top: 60px;
  }
}

.logo a{
  display: inline-block;
}

.logo img{
  max-width: 360px;
  max-height: 120px;
}

.navigation{
  position: fixed;
  left:0;
  top:0;
  width: 100%;
  height: 100%;
  z-index: 90;
  color:#fff;
  overflow:hidden;
  visibility: hidden;
}

.open .navigation{
  visibility: visible;
}

.navigation__nav{
  position: absolute;
  right:0;
  top:0;
  height: 100%;
  width: 100%;
  background: #1B243E;
  padding: 70px 40px 40px 40px;
  display: flex;
  flex-direction: column;
  overflow: auto;
  transform: translateX(100%);
  transition: .2s ease-in-out;
  transition-delay: 0s;
}

@media (min-width:767px){
  .navigation__nav{
    width: 695px;
    padding: 70px 175px 40px 110px;
  }
}

.open .navigation__nav{
  transform: translateX(0);
  transition: .3s ease-in-out;
  transition-delay: .2s;
}

.navigation__nav .nav-main{
  font-size: 32px;
  line-height: 1.25;
  margin-bottom: 60px;
}

.navigation__nav .menu-item{
  margin-bottom: 10px;
  opacity: 0;
  transform: translateY(100%);
  pointer-events: none;
  transition: transform .5s,opacity .5s;
  transition-timing-function: ease-in;
  transition-delay: .5s;
}

.open .navigation__nav .menu-item{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  transition-timing-function: ease;
}

.navigation__nav li:last-child{
  margin-bottom: 0;
}

.open .navigation__nav .menu-item:nth-of-type(9){transition-delay: 1.16s;}
.open .navigation__nav .menu-item:nth-of-type(8){transition-delay: 1.09s;}
.open .navigation__nav .menu-item:nth-of-type(7){transition-delay: 1.02s;}
.open .navigation__nav .menu-item:nth-of-type(6){transition-delay: 0.95s;}
.open .navigation__nav .menu-item:nth-of-type(5){transition-delay: 0.88s;}
.open .navigation__nav .menu-item:nth-of-type(4){transition-delay: 0.81s;}
.open .navigation__nav .menu-item:nth-of-type(3){transition-delay: 0.74s;}
.open .navigation__nav .menu-item:nth-of-type(2){transition-delay: 0.67s;}
.open .navigation__nav .menu-item:nth-of-type(1){transition-delay: 0.60s;}

.navigation__nav a{
  position: relative;
}

.navigation__nav li a{
  display: inline-block;
}

.navigation__nav a:not(.btn):before{
  content: '';
  position: absolute;
  bottom: -5px;
  right: 0;
  height: 1px;
  width: 0;
  background: #fff;
  -webkit-transition: width 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  transition: width 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}

.navigation__nav a:hover:before,
.navigation__nav .current-menu-item a:before{
  left: 0;
  right: initial;
  width: 100%;
}

.navigation__nav--social{
  margin-bottom: 20px;
}

.navigation__nav--social img{
  width: 20px;
  height: 20px;
}

.navigation__nav--social ul{
  display: flex;
}

.navigation__nav--social li{
  margin-right: 15px;
}

.navigation__nav--social li a:hover{
  opacity: 0.7;
}

.navigation__nav--social li a:before{
  display: none;
}

.navigation__nav--footer{
  margin-top: auto;
  opacity: 0;
  transform: translateY(30px);
  pointer-events: none;
  transition: transform .5s,opacity .5s;
  transition-timing-function: ease-in;
  transition-delay: .5s;
}

.open .navigation__nav--footer{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  transition-timing-function: ease;
  transition-delay: 1.23s;
}

.navigation__nav--footer h4{
  margin-bottom: 12px;
}

.navigation__nav--footer .button{
  margin-top: 20px;
  margin-bottom: 40px;
}

.navigation__nav--footer a:not(.btn){
  display: inline-block;
}

.navigation__nav--footer a:not(.btn):before{
  bottom:0;
}

.navigation__nav--footer .small{
  font-size: 14px;
}


.navigation__bg{
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  visibility: hidden;
  transition: .3s;

}

.open .navigation__bg{
  opacity: 0.5;
  visibility: visible;
  transition: .4s;
}

.button-mobile-menu{
  position: fixed;
  right:0;
  top:0;
  width: 60px;
  height: 60px;
  background: #1B243E;
  outline: 0;
  border:0;
  padding: 0;
  margin: 0;
  color:#fff;
  text-transform: uppercase;
  font-size: 14px;
  padding: 0 40px 0 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  z-index: 99;
}

@media (min-width:767px){
  .button-mobile-menu{
    width: 150px;
    padding: 0 40px 0 35px;
  }
}

.button-mobile-menu .name{
  display: none;
}

@media (min-width:767px){
  .button-mobile-menu .name{
    display: inline-block;
  }
}


.button-mobile-menu .sp{
  width: 20px;
  height: 1px;
  background: #fff;
  position: absolute;
  right:20px;
  transition: .4s;
}

@media (min-width:767px){
  .button-mobile-menu .sp{
    right:40px;
  }
}

.button-mobile-menu .sp-1{
  top:24px;
}

.open .button-mobile-menu .sp-1{
  transform: rotate(45deg);
  top:50%;
  bottom:50%;
  margin-top: -0.5px;
}

.button-mobile-menu .sp-2{
  top:50%;
  margin-top: -0.5px;
}

.open .button-mobile-menu .sp-2{
  opacity: 0;
  visibility: hidden;
}

.button-mobile-menu .sp-3{
  bottom:24px;
}

.open .button-mobile-menu .sp-3{
  transform: rotate(-45deg);
  top:50%;
  bottom:50%;
  margin-top: -0.5px;
}

.wrapper{
	max-width: 1330px;
	width: 100%;
  padding-right: 20px;
	padding-left: 20px;
	margin: 0 auto;
	position: relative;
}

@media (min-width:1200px){
  .wrapper{
    padding-right: 80px;
    padding-left: 80px;
  }
}

@media (min-width:1366px){
  .wrapper{
      padding-right: 20px;
      padding-left: 20px;
  }
}

.wrapper--small{
  max-width: 890px;
}

h1, .h1, h2, .h2, h3, .h3{
	font-family: 'Quiche Sans', serif;
	margin: 0 0 20px;
	padding: 0;
	font-weight: 400;
}

@media(min-width:1200px){
  h1, .h1, h2, .h2, h3, .h3, h4, .h4{
	   margin: 0 0 25px;
  }
}

h1, .h1{
	font-size: 40px;
  line-height: 1.1;
}

@media(min-width:1200px){
  h1, .h1{
  	font-size: 60px;
  }
}

h2, .h2{
  font-size: 30px;
  line-height: 1.15;
}

@media(min-width:1200px){
  h2, .h2{
    font-size: 40px;
  }
}

h3, .h3{
  font-size: 20px;
  line-height: 26px;
}

h4, .h4{
	font-size: 16px;
	line-height: 1.5;
  font-weight: 400;
}

.btn{
  display: inline-flex;
  align-items: center;
  padding: 2px 40px;
  position: relative;
  background: transparent;
  outline: 0;
  height: 46px;
  border-width: 1px;
  border-style: solid;
  font-family: 'Red Hat Display', sans-serif!important;
  transition: .5s;
}

.btn-white{
  color:#fff;
  border-color:#fff;
}

.btn-white:hover{
  background: #fff;
  color:#2A2A2A;
}

.btn-dark{
  color:#2A2A2A;
  border-color:#2A2A2A;
}

.btn-dark:hover{
  background: #2A2A2A;
  color:#fff;
}

.button{
  margin-top: 25px;
}

@media (min-width:1200px){
  .button{
    margin-top: 30px;
  }
}

.mb0{
  margin-bottom: 0;
}

.row{
  display: flex;
  flex-wrap: wrap;
}

.col{
  width: 100%;
}

.col-2{
  width: calc( ( 100% / 12 ) * 2 );
}

.col-3{
  width: calc( ( 100% / 12 ) * 3 );
}

.col-4{
    width: calc( ( 100% / 12 ) * 4 );
}

.col-5{
    width: calc( ( 100% / 12 ) * 5 );
}

.col-6{
    width: calc( ( 100% / 12 ) * 6 );
}

.col-8{
    width: calc( ( 100% / 12 ) * 8 );
}

.col-10{
    width: calc( ( 100% / 12 ) * 10 );
}

.col-12{
  width: 100%;
}

.offset-1{
  margin-left: calc( ( 100% / 12 ) * 1 );
}

.offset-2{
  margin-left: calc( ( 100% / 12 ) * 2 );
}

.offset-6{
  margin-left: calc( ( 100% / 12 ) * 6 );
}

.offset-7{
  margin-left: calc( ( 100% / 12 ) * 7 );
}

@media (min-width:767px){

  .col-sm-auto{
    width: auto;
  }

  .col-md-4{
    width: calc( ( 100% / 12 ) * 4 );
  }

  .col-md-8{
    width: calc( ( 100% / 12 ) * 8 );
  }

  .offset-md-2{
    margin-left: calc( ( 100% / 12 ) * 2 );
  }

}

@media (min-width:992px){

  .col-lg-3{
      width: calc( ( 100% / 12 ) * 3 );
  }

  .col-lg-4{
      width: calc( ( 100% / 12 ) * 4 );
  }

  .col-lg-5{
      width: calc( ( 100% / 12 ) * 5 );
  }

  .col-lg-6{
      width: calc( ( 100% / 12 ) * 6 );
  }

  .col-lg-7{
      width: calc( ( 100% / 12 ) * 7 );
  }

  .col-lg-8{
      width: calc( ( 100% / 12 ) * 8 );
  }

  .col-lg-10{
      width: calc( ( 100% / 12 ) * 10 );
  }

  .offset-lg-0{
    margin-left: 0;
  }

  .offset-lg-1{
    margin-left: calc( ( 100% / 12 ) * 1 );
  }

  .offset-lg-2{
    margin-left: calc( ( 100% / 12 ) * 2 );
  }

  .offset-lg-7{
    margin-left: calc( ( 100% / 12 ) * 7 );
  }
}

@media (min-width:1200px){
  .col-xl-3{
      width: calc( ( 100% / 12 ) * 3 );
  }

  .col-xl-4{
      width: calc( ( 100% / 12 ) * 4 );
  }

  .col-xl-5{
      width: calc( ( 100% / 12 ) * 5 );
  }

  .offset-xl-2{
    margin-left: calc( ( 100% / 12 ) * 2 );
  }
}


main{
  opacity: 0;
  transition: .5s;
}

.loaded main{
  opacity: 1;
}


/* Top */

.top{
  height: 100vh;
  min-height: 600px;
  display: flex;
  align-items: center;
  color:#fff;
  text-align: center;
  position: relative;
  background-size: cover;
  background-position: center;
}

.top--small{
  height: 190px;
  min-height: initial;
}

@media (min-width:767px){
  .top--small{
    height: 250px;
  }
}

.top:before{
  content: "";
  position: absolute;
  left:0;
  top:0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
}

.top a{
  position: absolute;
  left:50%;
  transform: translateX(-50%);
  bottom:0;
  display: block;
  padding-bottom: 84px;
}

.top a:after{
  content: "";
  position: absolute;
  height: 80px;
  width: 1px;
  background: #fff;
  left:50%;
  bottom:0;
  margin-left: -0.5px;
  animation-name: height;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes height {
  0% {height:80px;}
  60% {height:60px;}
  100% {height:80px;}
}

/* Home Slider */

.home-slider .swiper-slide{
  height: 100vh;
  min-height: 600px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 100px;
  color:#fff;
}

.home-slider .swiper-slide:before{
  content: "";
  position: absolute;
  left:0;
  top:0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  z-index: 1;
}

.home-slider .swiper-slide__bg{
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left:0;
  top:0;
  z-index: -1;
}

.home-slider .swiper-slide__container{
  max-width: 630px;
  width: 100%;
  position: relative;
  z-index: 2;
}

.home-slider .swiper-button-prev,
.home-slider .swiper-button-next{
  width: 23px;
  height: 44px;
}

.home-slider .swiper-button-prev{
  left:20px;
}

@media (min-width:1440px){
  .home-slider .swiper-button-prev{
    left:40px;
  }
}

.home-slider .swiper-button-next{
  right: 20px;
}

@media (min-width:1440px){
  .home-slider .swiper-button-next{
    right: 40px;
  }
}

@media (max-width:1200px){
  .home-slider .swiper-button-next,
  .home-slider .swiper-button-prev{
    background: #000000;
    top:auto;
    bottom:0;
    padding: 3px 12px;
    width: 44px;
  }
  .home-slider .swiper-button-prev{
    left:20px;
  }

  .home-slider .swiper-button-next{
    left:66px;
    right:auto;
  }

  .home-slider .swiper-button-next img,
  .home-slider .swiper-button-prev img{
    max-height: 14px;
  }
}

.home-slider .swiper-button-prev:after,
.home-slider .swiper-button-next:after{
  display: none;
}

.home-slider .header-global{
  position: absolute;
  left:0;
  bottom:100px;
  width: 100%;
  z-index: 10;
  color:#fff;
}

.home-slider .header-global p{
  font-family: 'Red Hat Display', sans-serif;
}

.home-slider .header-global .h3 sup{
  position: relative;
  top:-3px;
}

.home-slider .header-global .col-auto:not(:last-child){
  padding-right: 50px;
}


/* Zcz */

.zcz {
  overflow: hidden;
  position: relative;
}

.content + .zcz{
  margin-top: -30px;
}

@media (min-width:992px){
  .content + .zcz{
    margin-top: 0;
  }
}

.zcz .zcz__conetnt{
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 40px;
}

@media (min-width:992px){
  .zcz .zcz__conetnt{
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 115px;
    padding-bottom: 115px;
    margin-bottom: 0;
  }
}

.zcz .description{
  margin-bottom: 25px;
}

@media (min-width:992px){
  .zcz .description{
    margin-bottom: 55px;
  }
}

.zcz .col{
  position: relative;
}

.zcz .col-lg-2{
  display: none;
}

@media (min-width:992px){
  .zcz .col-lg-2{
    display: block;
  }
}

.zcz .image-position{
  font-size: 0;
}

@media (min-width:992px){
  .zcz .image-position{
    position: absolute;
  }
}

.zcz .image-position img{
  object-fit: cover;
  object-position: center;
  width: calc(100% + 40px);
  height: 100%;
  margin-left: -20px;
  max-width: initial;
}

@media (min-width:992px){
  .zcz .image-position img{
    width: 100%;
    margin-left: 0;
    max-width: 100%;
  }
}

.zcz .image-position__left{
  top:115px;
  right:30px;
  height:calc(100% - 115px);
  width: 365px;
}

@media (min-width:992px){
  .zcz .image-position__right{
    top:0;
    left:30px;
    height:100%;
    width: 695px;
  }
}

/* Tiz */

.tiz{
  text-align: center;
}

.tiz__bg{
  padding:60px 0;
  background: #ECE7E3;
}

@media (min-width:767px){
  .tiz__bg{
    padding:100px 0;
  }
}

.tiz__img{
  position: relative;
  line-height: 0;
}

.tiz__img:before{
  content: "";
  position: absolute;
  left:0;
  top:0;
  height: 50%;
  width: 100%;
  background: #ECE7E3;
}


/* Tiz Columns */

.tiz-columns{
  position: relative;
  align-items: center;
  padding-top: 60px;
  margin-bottom: 60px;
}

@media (min-width:992px){
  .tiz-columns{
    display: flex;
    overflow: hidden;
    margin-bottom: 100px;
  }
}

@media (min-width:1200px){
    .tiz-columns{
      height: 640px;
      padding: 0;
    }
}

.tiz-columns + .tiz-columns{
  margin-top: -60px;
}

@media (min-width:992px){
  .tiz-columns + .tiz-columns{
    margin-top: 0;
  }
}

.zcz + .tiz-columns{
  margin-top: 0;
}

@media (min-width:992px){
  .zcz + .tiz-columns{
    margin-top: 100px;
  }
}

.icons__bg + .tiz-columns{
  padding-top: 0;
}

.tiz-columns .image-position{
  margin-top: 50px;
  font-size: 0;
}

@media (min-width:992px){
  .tiz-columns .image-position{
    position: absolute;
    height: 100%;
    width: 50vw;
    right:0;
    margin-top: 0;
  }
}

.tiz-columns.tiz-columns-zit .image-position{
  left:0;
  right:auto;
}

.tiz-columns .image-position img{
  max-width: 100%;
  margin: 0 auto;
}

@media (min-width:992px){
  .tiz-columns .image-position img{
    object-fit: cover;
    object-position: center;
    width: 100%;
    max-width: initial;
    height: 100%;
  }
}

/* Icons bg */

.icons{
  padding: 60px 0;
}

@media (min-width:767px){
  .icons{
    padding: 100px 0;
  }
}

.icons__dark{
  background: #2A2D36;
  color:#fff;
}

.icons .section-header{
  text-align: center;
}

.icons__listing {
  margin-top: 50px;
}

.icons__listing .col{
  position: relative;
}

.icons__listing .col:before{
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  left:0;
  top:0;
  background: rgba(255,255,255,0.1);
}

.icons__white .icons__listing .col:before{
  background: rgba(42,42,42,0.1);
}

.icons:not(.icons__bg) .icons__listing .col:first-child:before{
  opacity: 0;
}

.icons__content {
  text-align: center;
  padding: 55px 20px 65px;
}

.icons__content .image{
  height: 65px;
  margin-bottom: 20px;
  transition: .6s;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width:767px){
  .icons__content .image{
    margin-bottom: 30px;
  }
}

.icons__content .image img{
  max-height: 65px;
  max-width: 85px;
}

.icons__content .description{
  transition: .6s;
  font-size: 14px;
}

@media (min-width:992px){
  .icons__content .description{
    font-size: 20px;
    line-height: 1.25;
  }
}


.content + .icons.icons__bg{
  padding-top: 0;
}

.icons.icons__bg{
  padding-bottom: 60px;
}

@media (min-width:992px){
  .icons.icons__bg{
    padding-bottom: 100px;
  }
}

.icons__bg .icons__listing{
  border-bottom: 1px solid rgba(42,42,42,0.1);
  border-right: 1px solid rgba(42,42,42,0.1);
}


.icons__bg .icons__listing .col{
  border-top:1px solid rgba(42,42,42,0.1);
}

.icons__bg .icons__content {
  padding-top: 30px;
  padding-bottom: 35px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width:767px){
  .icons__bg .icons__content {
    padding-top: 120px;
    padding-bottom: 125px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.icons__bg .icons__content--image{
  cursor: pointer;
}

.icons__bg .background{
  position: absolute;
  left:0;
  top:0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
  z-index: -1;
}

.icons__bg .icons__content .background img{
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.icons__bg .background:after{
  content: "";
  position: absolute;
  left:0;
  top:0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.5;
}

.icons__bg .icons__content--image:hover .image{
  transform: translateY(-50px)!important;
  opacity: 0!important;
  visibility: hidden;
}

.icons__bg .icons__content--image:hover .description{
  transform: translateY(-50px)!important;
  color:#fff;
}

.icons__bg .icons__content--image:hover .background{
  opacity: 1;
  visibility: visible;
}


/* Parallax */ 

.parallax{
  color:#fff;
  text-align: center;
  height: 100vh;
  max-height: 840px;
  min-height: 600px;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  position: relative;
}

.parallax:before{
  content: "";
  position: absolute;
  left:0;
  top:0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .3;
}

/* Nieruchomości */

.nieruchomosci{
  padding-bottom: 60px;
  padding-top: 60px;
}

@media (min-width:992px){
  .nieruchomosci{
    padding-bottom: 100px;
    padding-top: 100px;
  }
}

.tiz-columns + .nieruchomosci{
  margin-top:-60px;
}

@media (min-width:992px){
  .tiz-columns + .nieruchomosci{
    margin-top:-100px;
  }
}

.icons__bg + .nieruchomosci--light{
  padding-top:0;
}

.nieruchomosci--dark{
  background: #4A4A4A;
  color:#fff;
}

.nieruchomosci h2{
  text-align: center;
}

.advantages{
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  margin-top: 40px;
}

@media (min-width:992px){
  .advantages{
    margin-bottom: 60px;
    margin-top: 100px;
  }
}

.advantages__single{
  margin: 0 5px;
  font-size: 12px;
  line-height: 1.25;
  display: inline-flex;
  align-items: center;
}

@media (min-width:992px){
  .advantages__single{
    margin: 0 15px;
    font-size: 14px;
  }
}

.advantages__single img{
  margin-right: 3px;
  width: 22px;
  height: 22px;
}

@media (min-width:992px){
  .advantages__single img{
    margin-right: 10px;
    width: 36px;
    height: 36px;
  }
}


.listing__table{
  width: 100%;
  font-size: 14px;
}

@media (max-width:992px){
  .listing__table, .listing__table tbody{
    display: block;
  }
}

@media (max-width:992px){
  .listing__table thead{
    display: none;
  }
}

.listing__table td,
.listing__table th{
  padding-left: 10px;
  padding-right: 10px;
}

.listing__table th{
  text-align: left;
  font-weight: 500;
  text-transform: uppercase;
  padding-bottom: 8px;
  border-bottom:1px solid #2A2A2A;
}

.listing__table .first td{
  padding-bottom: 15px;
  text-align: right;
}

@media (min-width:992px){
  .listing__table .first td{
    padding-top: 30px;
    padding-bottom: 20px;
    text-align: left;
  }

  .listing__table .first td:last-child{
    text-align:right;
  }
}

.listing__table .second td{
  padding-top: 15px;
  padding-bottom: 15px;
}

@media (max-width:992px){
  .listing__table tr,
  .listing__table td{
    display: block;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .listing__table .first td:first-child{
    padding-top: 30px;
  }

  .listing__table .second td{
    padding-left: 15px;
    padding-right: 15px;
    text-align: right;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .listing__table .second td:first-child{
    padding-top: 15px;
  }

  .listing__table .second td:last-child{
    padding-bottom: 15px;
  }

  .listing__table td:before{
    content: attr(data-name);
    position: absolute;
    left:0;
    top:0;
    width: 50%;
    height: 100%;
    text-align: left;
    padding: 0 0 15px;
  }

  .listing__table .first td:first-child:before{
    padding-top: 30px;
  }

  .listing__table .second td:before{
    padding:7.5px 0 0;
    left:15px;
  }

  .listing__table .second td:first-child:before{
    padding-top: 15px;
  }
}

.listing__table .second{
  background: rgba(42,42,42,0.05);
}

.nieruchomosci--dark .listing__table .second{
  background: rgba(0,0,0,0.1);
}

.listing__advantages{
    display: inline-flex;
    align-items: center;
    margin-left: auto;
}

@media (min-width:992px){
  .listing__advantages{

  }
}


.listing__advantages-single{
  display: flex;
  align-items: center;
  margin-right: 3px;
  position: relative;
}

@media (min-width:992px){
  .listing__advantages-single{
    margin-right: 8px;
  }
}

.listing__advantages img{
  width: 22px;
  height: 22px;
}

@media (min-width:992px){
  .listing__advantages img{
    width: 30px;
    height: 30px;
  }
}

.listing__advantages-single:first-child{
  margin-left: 5px;
}

.listing__advantages-single:last-child{
  margin-right: 0;
}

@media (min-width:992px){
  .listing__advantages-single:before{
    content: attr(data-name);
    position: absolute;
    left:50%;
    top:0;
    background: #2A2A2A;
    padding: 6px 12px;
    color:#fff;
    font-size: 13px;
    width: 145px;
    text-align: center;
    transform: translateX(-50%) translateY( calc(-100% - 11px) );
    opacity: 0;
    visibility: hidden;
    transition: .3s;
  }

  .listing__advantages-single:after{
    content: "";
    position: absolute;
    left:50%;
    top:0;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #2A2A2A;
    transform: translateY( calc(-100% - 7px) );
    margin-left: -4px;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
  }

  .listing__advantages-single:hover:after,
  .listing__advantages-single:hover:before{
    opacity: 1;
    visibility: visible;

  }
}

.listing__table .plan{
  display: inline-block;
  padding-left: 25px;
  position: relative;
}

.listing__table .plan svg{
  position: absolute;
  left:0;
  top:0;
}

.listing__table .text{
  display: inline-block;
  position: relative;
}

.listing__table .text:before{
  content: '';
  position: absolute;
  bottom: 3px;
  right: 0;
  height: 1px;
  width: 0;
  background: #242424;
  -webkit-transition: width 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  transition: width 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}

.nieruchomosci--dark .listing__table .text:before{
  background: #fff;
}

.listing__table a:hover .text:before{
  left: 0;
  right: initial;
  width: 100%;
}

.listing__table .btn{
  height: 36px;
  padding: 2px 28px;
}


/* Gallery */

.gallery{
  padding: 60px 0;
}

@media (min-width:767px){
  .gallery{
    padding: 100px 0;
  }
}

.gallery-slider + .gallery{
  padding-top: 0;
}

.gallery__header{
  text-align: center;
  margin-bottom: 40px;
}

@media (min-width:767px){
  .gallery__header{
    margin-bottom: 80px;
  }
}

.gallery .gallery__list .row{
  margin-left: -5px;
  margin-right: -5px;
  flex-wrap: wrap;
}

@media (min-width:767px){
  .gallery .gallery__list .row{
    margin-left: -15px;
    margin-right: -15px;
  }
}

.gallery .gallery__list .col{
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 10px;
}

@media (min-width:767px){
  .gallery .gallery__list .col{
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 30px;
  }
}

.gallery .gallery__list .col:nth-child(1),
.gallery .gallery__list .col:nth-child(2){
  margin-top: 0;
}

@media (min-width:992px){
  .gallery .gallery__list .col:nth-child(3){
    margin-top: 0;
  }
}

.gallery a{
  display: block;
  position: relative;
  line-height: 0;
}

.gallery a:before{
  content: "";
  position: absolute;
  left:0;
  top:0;
  width: 100%;
  height: 100%;
  background:  rgba(0,0,0,0.4) url(<?php echo get_template_directory_uri();?>/img/size.svg) no-repeat center;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}

.gallery a:hover:before{
  opacity: 1;
  visibility: visible;
}

.tos-caption{
  display: none;
}

/* Contact Columns */

.contact-columns{
  padding: 100px 0 100px;
}

.contact-columns + .contact-columns{
  padding-top: 0;
}

.contact-map + .contact-columns{
  padding-top: 0;
}

.agent + .contact-columns{
  padding-top: 0;
}

.contact-columns .section-header{
  text-align: center;
}

.columns__listing{
  margin-top: 100px;
  text-align: center;
}

.columns__content{
  padding: 40px 0 35px;
  position: relative;
}

.columns__content:before{
  content: "";
  position: absolute;
  left:0;
  top:0;
  width: 1px;
  height: 100%;
  background: rgba(42,42,42,0.1);
}

.col:first-child .columns__content:before{
  display: none;
}

/* Contact map */

.contact-map{
  margin-bottom: 60px;
  position: relative;
  text-align: center;
}

@media (min-width:992px){
  .contact-map{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
    min-height: 600px;
    padding: 90px 0;
  }
}

.contact-map .box{
  margin-bottom: 30px;
}

.contact-map .h3{
  font-family: 'Red Hat Display', sans-serif;
  margin-bottom: 20px;
}

#contact-map{
  height: 600px;
  margin-top: 60px;
}

@media (min-width:992px){
  #contact-map{
    position: absolute!important;
    right:0;
    top:0;
    width: 50%;
    height: 100%;
    margin-top: 0;
  }
}


/* Agent */

.agent{
  background: #E3DCD0;
  margin-bottom: 60px;
  padding-top: 60px;
}

@media (min-width: 767px){
  .agent{
    margin-bottom: 100px;
  }
}

@media (min-width: 992px){
  .agent{
    padding-top: 0;
  }
}

.agent--dark{
  background: #4A4A4A;
  color:#fff;
}

.nieruchomosci--dark + .agent--dark{
	margin-top:100px;
}

.agent .col-image{
  line-height: 0;
  text-align: center;
}

@media (min-width: 992px){
  .agent .col-image{
    display: flex;
    align-items: flex-end;
  }
}

.agent .col-image img{
  max-width: 320px;
}

@media (min-width: 992px){
  .agent .col-image img{
    max-width: 100%;
  }
}

.agent .col-description{
  display: flex;
  align-items: center;
}

.agent .logo{
  margin-bottom: 30px;
  width: 200px;
}

.agent .logo img{
  max-width: 100%;
}

.agent .description{
  margin-bottom: 17px;
}

.agent .label{
  margin-bottom: 3px;
}

.agent .h2{
  margin-bottom: 0;
}

.agent .button{
  margin-bottom: 35px;
}

.agent .btn{
  margin-right: 30px;
  margin-bottom: 5px;
}


section:not(.content__dark):not(.contact-form--light):last-child{
  padding-bottom: 0!important;
}


.agent + .contact-form{
  margin-top: -60px;
}

@media (min-width:992px){
  .agent + .contact-form{
    margin-top: -100px;
  }
}

.contact-form{
  background: #D4C9B5;
  margin-bottom: 100px;
  padding: 60px 0;
}

@media (min-width:992px){
  .contact-form{
    padding: 100px 0;
  }
}

.contact-form--dark{
  background: #4A4A4A;
  color:#fff;
}

.contact-form--light:last-child,
.contact-form--dark:last-child{
  margin-bottom:-60px;
}

@media (min-width:992px){
  .contact-form--light:last-child,
  .contact-form--dark:last-child{
    margin-bottom:-100px;
  }
}

.contact-form .section-header{
  text-align: center;
  margin-bottom: 80px;
}

.contact-form .h2{
  color:#8B624B;
}

.form-container .row{
  margin-left: -15px;
  margin-right: -15px;
}

.form-container .col{
  padding-left: 15px;
  padding-right: 15px;
}

.field{
  margin-bottom: 40px;
  position: relative;
}

.field .wpcf7-form-control-wrap{
  display: block;
}

.field .placeholder{
  position: absolute;
  top:8px;
  color: rgba(42,42,42,0.5);
  transition: .3s;
}

.contact-form--dark .field .placeholder{
  color: rgba(255,255,255,0.5);
}

.field input,
.field textarea{
  width: 100%;
  display: block;
  background: transparent;
  outline: 0;
  border:0;
  border-bottom:1px solid rgba(42,42,42,0.4);
  height: 40px;
  padding: 10px 0;
  color: rgba(42,42,42,0.5);
  transition: .5s;
  font-family: 'Red Hat Display', sans-serif;
  font-size: 16px;
}

.contact-form--dark .field input,
.contact-form--dark .field textarea{
  border-bottom: 1px solid rgba(255,255,255,0.4);
  color: rgba(255,255,255,0.5);
}

.field input:focus,
.field textarea:focus{
  border-bottom:1px solid rgba(42,42,42,1);
  color:#2A2A2A;
  -webkit-text-fill-color: #2A2A2A !important;
}

.contact-form--dark .field input:focus,
.contact-form--dark .field textarea:focus{
  border-bottom: 1px solid rgba(255,255,255,1);
  color:#fff;
  -webkit-text-fill-color: #fff !important;
}

.field.focus .placeholder,
.field.selectValue .placeholder{
  top:-12px;
  font-size: 12px;
}

.field.focus .placeholder{
  color:#2A2A2A;
}

.contact-form--dark .field.focus .placeholder{
  color:#fff;
}


.field textarea{
  height: 160px;
  resize: none;
}

.field--checkbox{
  font-size: 12px;
  line-height: 1.25;
  margin-bottom: 25px;
}

.field--checkbox input{
  display: none;
}

.field--checkbox .wpcf7-list-item{
  margin: 0;
}

.field--checkbox .wpcf7-list-item-label{
  display: block;
  padding-left: 55px;
  position: relative;
}

.field--checkbox .wpcf7-list-item-label:before,
.field--checkbox .wpcf7-list-item-label:after{
  content: "";
  position: absolute;
  left:0;
  top:-2px;
  width: 33px;
  height: 33px;
  transition: .3s;
}

.field--checkbox .wpcf7-list-item-label:before{
  border:1px solid #2A2A2A;
  opacity: 0.4;
}

.field--checkbox .wpcf7-list-item-label:after{
  background: url(img/checkbox.svg) no-repeat center;
  opacity: 0;
  visibility: hidden;
}

.contact-form--dark .field--checkbox .wpcf7-list-item-label:after{
  background: url(img/checkbox-white.svg) no-repeat center;
}

.contact-form--dark .field--checkbox .wpcf7-list-item-label:before{
  border:1px solid #fff;
}

.field--checkbox input:checked + span:before,
.field--checkbox input:checked + span:after{
  opacity: 1;
  visibility: visible;
}

.field--button{
  margin-top:40px;
}

.field--button input{
  border-color:#2A2A2A;
  color:#2A2A2A;
  cursor: pointer;
}

.field--button input:hover{
  background: #2A2A2A;
  color:#fff;
}

.contact-form--dark .field--button input{
  border-color:#fff;
  color:#fff;
}

.contact-form--dark .field--button input:hover{
  background: #fff;
  color:#2A2A2A;
}

.wpcf7-not-valid-tip{
  display: block;
  margin-top: 2px;
  font-size: 14px;
}

.field--checkbox .wpcf7-not-valid-tip{
  padding-left: 55px;
  font-size: 12px;
}

.field--checkbox .hide{
  display: none;
}

.field--checkbox .more{
  text-transform: uppercase;
  position: relative;
  display: inline-block;
}

.field--checkbox .more:after{
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  height: 1px;
  width: 100%;
  background: inherit;
}

.form-container .wpcf7 form .wpcf7-response-output{
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-top: 20px;
  color: #dc3232;
  background-color: #f2dede;
  border:1px solid #eed3d7;
  padding: 10px 15px;
}

.form-container .wpcf7 form.sent .wpcf7-response-output{
	background-color:#CFC2AD;
	border-color:#CFC2AD;
	color:#fff;
	/*
	 color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
	*/
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #2A2A2A; !important;
}

.contact-form--dark input:-webkit-autofill,
.contact-form--dark input:-webkit-autofill:hover,
.contact-form--dark input:-webkit-autofill:focus,
.contact-form--dark input:-webkit-autofill:active {
    -webkit-text-fill-color: #fff; !important;
}

.content{
  padding: 60px 0 60px;
}

@media (min-width:767px){
  .content{
    padding: 100px 0 100px;
  }
}

.content--left{
  text-align: center;
}

.content h3{
  margin-bottom: 0;
}

.content h3 + p{
	margin-top:18px;
}

.agent + .content{
  padding-top: 0;
}

.icons__white + .content{
  padding-top: 0;
}

section.content:last-child{
  padding-bottom: 0;
}

.content .button{
  margin-bottom: 0;
}

.content ol{
  padding-left: 40px;
}

.content ol ul{
  margin-top: 10px;
  margin-bottom: 10px;
}

.content ul li,
.content ol li{
  margin-bottom: 10px;
}

.content ul li{
  position: relative;
  padding-left: 20px;
}

.content ul li:before{
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  left:0;
  top:9px;
  border-radius: 50%;
  border:1px solid #2A2D36;
}

.content ol li:last-child,
.content ul li:last-child{
  margin-bottom: 0;
}

.content a:not(.btn):hover{
	text-decoration:underline;
}

footer{
  background: #4A4A4A;
  margin-top: 60px;
  padding: 50px 0;
  color:#fff;
}

@media (min-width:767px){
  footer{
    margin-top: 100px;
  }
}

@media (min-width:767px){
  footer{
    padding: 100px 0 50px;
  }
}

footer .footer-container{
  text-align: center;
}

footer .logo{
  margin-bottom: 40px;
}

@media (min-width:767px){
  footer .logo{
    margin-bottom: 60px;
  }

}

footer .widget{
  margin-bottom: 30px;
}

footer .widget-last{
  color:#7A7A7A;
}

footer .h3{
  font-family: 'Red Hat Display', sans-serif;
  margin-bottom: 20px;
}

footer a:not(.btn){
  position: relative;
  display: inline-block;
  transition: .3s;
}


footer a:not(.btn):hover{
  color:#b58c69;
}

footer a:not(.btn):before{
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  height: 1px;
  width: 0;
  background: #b58c69;
  -webkit-transition: width 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  transition: width 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}

footer a:not(.btn):hover:before{
  left: 0;
  right: initial;
  width: 100%;
}

footer .logo a:before{
  display: none;
}

footer .button{
  margin: 40px 0;
}

footer .footer-copy{
  margin-top:20px;
  text-align: center;
}

@media (min-width:767px){
  footer .footer-copy{
    text-align: left;
  }
}

footer .col-last{
  margin-left: auto;
  margin-top: 5px;
}

@media (min-width:767px){
  footer .col-last{
    margin-top: 0;
  }
}

.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-caption .tos-slide{
  padding-bottom: 20px!important;
}

.tos-next,
.tos-prev{
  background: #000;
  opacity: 1!important;
  width:40px;
  height: 40px;
  background-size: 14px 26px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 0;
}

.tos-next{
  background-image:url('img/slider-next.svg');
}

.tos-prev{
  background-image:url('img/slider-prev.svg');
}

.tos-close{
  width: 40px;
  height: 40px;
  background: #000;
  border-radius: 0;
  opacity: 1!important;
}

.tos-close:before,
.tos-close:after{
  content: "";
  position: absolute;
  background: #fff;
  left:50%;
  top:50%;
}

.tos-close:before{
  width: 30px;
  height: 2px;
  margin-top: -1px;
  margin-left: -15px;
  transform: rotate(-45deg);
}

.tos-close:after{
  width: 2px;
  height: 30px;
  margin-top: -15px;
  margin-left: -1px;
  transform: rotate(-45deg);
}


.tos-close span,
.tos-next span,
.tos-prev span{
  display: none;
}

.cookie-notice{
	position: fixed;
	right:20px;
	bottom:20px;
	max-width: 100%;
  width: calc(100% - 40px);
	padding: 25px 30px 30px;
	font-size: 14px;
	background: #2A2A2A;
	z-index: 1000;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
  color:#fff;
}

@media (min-width:576px){
  .cookie-notice{
    width: 380px;
  }
}

.cookie-notice .close{
  position: absolute;
  right:0;
  top:0;
  width: 26px;
  height: 26px;
  cursor: pointer;
}

.cookie-notice .close:before,
.cookie-notice .close:after{
  content: "";
  position: absolute;
  background: #fff;
  left:50%;
  top:50%;
}

.cookie-notice .close:before{
  width: 16px;
  height: 1px;
  margin-top: -0.5px;
  margin-left: -8px;
  transform: rotate(-45deg);
}

.cookie-notice .close:after{
  width: 1px;
  height: 16px;
  margin-top: -8px;
  margin-left: -0.5px;
  transform: rotate(-45deg);
}

.popup{
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
.popup, .popup__bg{
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: flex;
}

.is-popup .popup{
  opacity: 1;
  visibility: visible;
}

.popup__bg{
  background: #000;
  opacity: 0;
  transition: .5s;
}

.is-popup .popup__bg{
  opacity: 0.9;
}

.popup__form{
  width: 100%;
  position: relative;
  z-index: 10001;
  padding: 40px 0;
  overflow: auto;
  opacity: 0;
  transform: translateY(100px);
  transition: .4s;
  transition-delay: .4s;
}

@media (min-width:992px){
  .popup__form{
    padding: 115px 0;
  }
}

.is-popup .popup__form{
  opacity: 1;
  transform: translateY(0);
}

.popup__form-container{
  background: #fff;
  padding: 40px 30px 40px;
  margin: auto;
  position: relative;
}

@media (min-width:992px){
  .popup__form-container{
    padding: 50px 110px;
  }
}

.popup .close{
  position: absolute;
  right:0;
  top:0;
  width: 60px;
  height: 60px;
  cursor: pointer;
}

.popup .close:before,
.popup .close:after{
  content: "";
  position: absolute;
  left:50%;
  top:50%;
  background: #2A2A2A;
}

.popup .close:before{
  width: 20px;
  height: 1px;
  margin-top: -0.5px;
  margin-left: -10px;
  transform: rotate(-45deg);
}

.popup .close:after{
  width: 1px;
  height: 20px;
  margin-left: -0.5px;
  margin-top: -10px;
  transform: rotate(-45deg);
}

.popup .btn{
  width: 100%;
  justify-content: center;
}

@media (min-width:992px){
  .popup .btn{
    width: auto;
  }
}


.popup .h2{
  text-align: center;
  font-size: 30px;
}

.popup .form-container{
  margin-top: =0px;
}

@media (min-width:767px){
  .popup .form-container{
    margin-top: 50px;
  }
}

.field--checkbox .more:after{
  background: #2A2A2A;
}

.field--checkbox .more:after{
  background: #2A2A2A;
}

.contact-form--dark .field--checkbox .more:after{
  background: #fff;
}

.page-id-200 .section-3.icons__bg .background:after{
	display:none;
}