/*
Theme Name: MYGR
Theme URI: https://redpanda.pl
Author: the Redpanda.pl
Author URI: https://redpanda.pl
Description: RP-MYGR
Version: 2.66
License: GNU General Public License v2 or later
License URI: http://redpanda.pl
Text Domain: mygr
*/

@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap&subset=latin-ext');
 

body {
	font-family: 'Lato', sans-serif;
	margin: 0;
	padding: 0;
	max-width: 100vw;
	overflow-x: hidden;
	background:#FFF
}


/* Add some content at the bottom of the video/page */


header {
	z-index: 99999;
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none;
}
nav{height:100px; display:flex; width:100vw;flex-flow:row; justify-content:center; align-items:center; align-content:center;
transform: translate(0px, -105px);
-webkit-transform: translate(0px, -105px);
    -moz-transform:translate(0px, -105px);
    -o-transform: translate(0px, -105px);
    -ms-transform: translate(0px, -105px);

}
nav .primary-menu {
	display: flex;
	flex-grow: 1;
	
}
nav ul.primary-menu {
    display: flex;
    flex-flow: row;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border-right: 1px solid #EEE;
    border-left: 1px solid #EEE;
	pointer-events: none;
}
nav ul.primary-menu.dark{background:transparent}
nav ul.primary-menu.dark li a {
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
}
#myBtn:hover {
  background: #ddd;
  color: black;
}
nav{transition: 1s cubic-bezier(0.18, 0.89, 0.32, 1.28);

-webkit-animation-name: nav; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
  animation-name: nav;
  animation-duration: 1s;
  animation-delay: 1s;
  overflow:hidden;
  animation-fill-mode: forwards;
  
}
.recty {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.rect1 {
    background-color: rgb(2, 29, 48);
    opacity: 0.588;
    position: absolute;
    left: initial;
    top: -55vh;
    width: 55vw;
    height: 105vh;
    z-index: 2;
    transform: translate(-32px, -29px);
    transform: rotateZ(-45deg);
    right: 0;
}
.rect2 {
    background-color: rgb(2, 29, 48);
    opacity: 0.588;
    position: absolute;
    left: initial;
    bottom: -30vh;
    width: 40vw;
    height: 65vh;
    z-index: 2;
    transform: translate(-32px, -29px);
    transform: rotateZ(-45deg);
    right: -10vw;
}
.slide-box {
    z-index: 10;
    position: absolute;
    right: 15%;
    overflow: hidden;
    display: flex;
    flex-flow: column;
    top: 15%;
}
.slide-box h2 {
	color: #FFF;
	font-weight:900;
	text-transform: uppercase;
	font-size: 80px;
	letter-spacing: 10px;
	text-shadow: 0px 2px 2px #000;
  -webkit-transform: translate(100vw,0);
    -moz-transform:translate(100vw,0);
    -o-transform: translate(100vw,0);
    -ms-transform: translate(100vw,0);
    transform: translate(100vw,0);
	transition: 1s ease-in-out;
	Opacity:1;
	margin-bottom:10px;
-webkit-animation-name: nav; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
  animation-name: slidebox;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}

.slide-box .txt {
	width: 20vw;
	font-size: 29px;
	color: #FFF;
	font-weight: 300;
	text-transform: uppercase;
	padding-left: 43px;
	position: relative;
	text-shadow: 0px 2px 2px #000;
	-webkit-transform: translate(100vw,0);
	-moz-transform: translate(100vw,0);
	-o-transform: translate(100vw,0);
	-ms-transform: translate(100vw,0);
	transform: translate(100vw,0);
	transition: 1s ease-in-out;
	Opacity: 1;
	-webkit-animation-name: nav;
	-webkit-animation-duration: 1s;
	animation-name: slidebox;
	animation-duration: 1s;
	animation-delay: 1s;
	animation-fill-mode: forwards;
	display: flex;
	align-self: flex-end;
	flex-flow: column;
}
.slide-box .cta {
	position: relative;
	display: flex;
	align-self: flex-start;
	margin: 15px 0 0;
	padding: 7px 40px;
	background: #dab020;
	color: #FFF;
	text-transform: uppercase;
	font-weight: normal;
	width: auto;
	font-size: 16px;
	font-weight: 300;
	text-shadow: none;
}
.slide-box .txt::before {
	content: '';
	width: 30px;
	height: 100%;
	background: #47bdc9;
	/* float: left; */
	display: block;
	position: absolute;
	left: 0;
}

.smallslider .slick-arrow {
	width: 30px;
	height: 30px;
	z-index: 4;
	display: block !important;
	position: absolute;
	background-position: center;
	border: 1px solid #CCC;
	background-size: 60%;
	background-repeat: no-repeat;
	cursor: pointer;
	filter: brightness(0);
	border: 0;
}
.smallslider .arrnext.slick-arrow {
	background-image: url(./img/rarr.png);
	right: 0px;
	bottom: 14px;
}
.smallslider .arrprev.slick-arrow {
	background-image: url(./img/larr.png);
	left: 0;
	bottom: 14px;
	
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes nav {
 from {transform: translate(0px, -105px);}
  to {transform: translate(0px, 0px);}
}

/* Standard syntax */
@keyframes nav {
  from {transform: translate(0px, -105px);}
  to {transform: translate(0px, 0px);}
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes slidebox {
 from {transform: translate(100vw,0);}
  to {transform: translate(0, 0);}
}

/* Standard syntax */
@keyframes slidebox {
  from {transform: translate(100vw,0);}
  to {transform: translate(0, 0);}
}

nav #logo {
    display: flex;
    padding: 0 25px 0 10px;
	height:100%;
	background:#FFF;
	pointer-events:all;
}
nav #logo object {
	display: flex;
	width: 150px;
	pointer-events:none;
}
header .imap {
	background: #FFF;
	display: flex;
	height: 100%;
	align-content: center;
	align-items: center;
	padding: 0 9px;
	pointer-events:all;
}
header .imap:hover, header #hamburger:hover{opacity:0.8}
header .imap img {
	height: 60px;
	width: auto;
	padding: 0 14px;
}
nav .burger input{display:none}
nav ul.primary-menu {
    list-style: none;
    background: #FFF;
   -webkit-transform: translate(0vw,0);
    -moz-transform: translate(0vw,0);
    -o-transform:  translate(0vw,0);
    -ms-transform: translate(0vw,0);
    transform:  translate(0vw,0);
	transition: 0.5s ease-in-out;
	Opacity:1;
	pointer-events:all;
}
nav ul.primary-menu.bounce{ 
 
	opacity:0;
	-webkit-transform: translate(100vw,0);
    -moz-transform:translate(100vw,0);
    -o-transform: translate(100vw,0);
    -ms-transform: translate(100vw,0);
    transform: translate(100vw,0);


}
 .embed-container { 
        position: relative; 
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
    } 

    .embed-container iframe,
    .embed-container object,
    .embed-container embed { 
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
nav .burger{pointer-events:all; cursor:pointer;}
nav ul.primary-menu li {
	letter-spacing: 2px;
}
nav ul.primary-menu li a {
	text-transform: uppercase;
	text-decoration: none;
	color: #535151;
	height: 100px;
	display: table-cell;
	vertical-align: middle;
	font-size: 15px;
	font-weight: 300;
}
nav ul.primary-menu li a::after {
    content: '';
    background-color: #47bdc9;
    width: 0%;
    height: 2px;
    display: flex;
    margin: 5px auto 0;
	  -webkit-transition: all 0.2s linear; /* Safari prior 6.1 */
  transition: all 0.2s linear;
}
nav ul.primary-menu li a:hover::after, nav ul.primary-menu li.current-menu-item a::after{width:100%}

#hamburger {
    width: 98px;
    height: 98px;
    border: 1px solid #FFF;
    margin: 2px 0;
	
}

.hamburger {
    border: 0;
    border-top: 2px solid #FFF;
    background: transparent;
    position: relative;
    transition: 0.3s transform linear;
    width: 45px;
    /* height: 25px; */
    margin: auto;
    margin: 30px auto;
}
.hamburger::before, .hamburger::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #FFF;
    transform: translateY(15px);
}
.hamburger::after {
    transform: translateY(32px);
    transition: 0.3s transform linear;
}
input.navicon:checked + label .hamburger{border-top:0;     margin: 11px auto;}

input.navicon:checked + label .hamburger::after {
    transform: rotate(-45deg) translateY(30px) translateX(-18px);
    /* border: 0; */
    left: -6px;
    transition: 0.3s transform linear;
}
input.navicon:checked + label .hamburger::before {
    transform: rotate(45deg) translateY(0px) translateX(6px);
    top: 30px;
    transition: 0.3s transform linear;
}

.featured {
	position: absolute;
	bottom: 10%;
	right: 10%;
	z-index: 44;
	width: 630px;
	display: flex;
	justify-content: space-between;
	height: 134px;
}
.featured .cl {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}
.featured > img{
	opacity:0;
	-webkit-animation-name: fimg; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
  animation-name: fimg;
  animation-duration: 1s;
  animation-delay: 2.5s;
  animation-fill-mode: forwards;
	
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes fimg {
 from {opacity:0;}
  to {topacity:1;}
}

/* Standard syntax */
@keyframes fimg {
  from {opacity:0;}
  to {opacity:1;}
}

.between {
	display: flex;
	z-index: 9999999;
	position: absolute;
	width: 100%;
	align-content: center;
	align-items: center;
	justify-content: space-between;
	bottom: 0;
	color: #CCC;
}
.between h1, .between p {
	font-size: 14px;
	font-weight: 300;
	padding: 0 5px;
}
.between a{font-size:11px; color:#555454; text-decoration:none; padding:0 5px}

#mainslick {
	width: 100vw;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	background: #FFF;
	margin-bottom:0;
}
#mainslick .item{width:100vw; height:100vh; position:relative}
#mainslick .myVideo {
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100vw;
	min-height: 100vh;
}

#mainslick .slick-slide, #mainslick .slick-slide::before, .caption {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#mainslick .slick-slide::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#mainslick .slick-arrow {
	height: 80px;
	width: 80px;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	background-color: rgba(2, 29, 48, 0.45);
	background-size: 80%;
	position: absolute;
	background-position: center;
	z-index: 999;
	cursor: pointer;
	transform: rotate(45deg);
}
#mainslick .arrnext.slick-arrow::before {
	content: '';
	height: 40px;
	width: 40px;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	background-size: 80%;
	position: absolute;
	background-position: center;
	z-index: 999;
	background-image: url(./img/rarr.png);
	transform: rotate(-45deg);
	right: 33px;
	bottom: 10px;
}
.tablo .row p.descriptive{display:none}
#mainslick .arrprev.slick-arrow::before {
	content: '';
	height: 40px;
	width: 40px;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	background-size: 80%;
	position: absolute;
	background-position: center;
	z-index: 999;
	background-image: url(./img/larr.png);
	transform: rotate(-45deg);
	right: 10px;
	top: 10px;
}
#mainslick .arrnext.slick-arrow {
	top: 40%;
	right: -40px;
	left: initial;
}
#mainslick .arrprev.slick-arrow {
	left: -40px;
	top: 40%;
}

.main-slider {
  position: relative;
  width: 100%;
  height: 38vw;
  min-height: 8vw;
  margin-bottom: 50px;
  opacity: 0;
  visibility: hidden;
  transition: all 1.2s ease;
}
.main-slider.slick-initialized {
  opacity: 1;
  visibility: visible;
}

#mainslick .slick-slide {
  position: relative;
 
}
/*
#mainslick .slick-slide::before {
  background-color: #000;
  opacity: .3;
  z-index: 1;
}

*/
#mainslick .slick-slide video {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#mainslick .slick-slide iframe {
  position: relative;
  pointer-events: none;
}
#mainslick .slick-slide figure {
  position: relative;
  height: 100%;
  margin:0
}
#mainslick .slick-slide .slide-image {
  opacity: 0;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: all .8s ease;
}
#mainslick .slick-slide .slide-image.show {
  opacity: 1;
}
#mainslick .slick-slide .image-entity {
  width: 100%;
  opacity: 0;
  visibility: hidden;
}
#mainslick .slick-slide .loading {
  position: absolute;
  top: 44%;
  left: 0;
  width: 100%;
}
#mainslick .slick-slide .slide-media {
  -webkit-animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
          animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
#mainslick .slick-slide.slick-active {
  z-index: 1;
}
#mainslick .slick-slide.slick-active .slide-media {
  -webkit-animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
          animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
#mainslick .slick-slide.slick-active .caption {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
}

#mainslick .caption {
  position: absolute;
  top: 44%;
  left: 5%;
  text-align: center;
  padding: 20px;
  border: 3px solid;
  color: #fff;
  margin: 0;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: .02em;
  opacity: 0;
  z-index: 1;
  transition: all .3s ease;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
}

#mainslick .slick-dots {
  text-align: center;
  padding-top: 15px;
}
#mainslick .slick-dots li {
  display: inline-block;
  vertical-align: top;
  margin: 0 8px;
}
#mainslick .slick-dots li button {
  width: 16px;
  height: 16px;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 0 0 0 transparent;
  vertical-align: middle;
  color: #fff;
  background-color: #fff;
  transition: all .3s ease;
  opacity: .4;
}
#mainslick .slick-dots li button:focus {
  outline: none;
}
#mainslick .slick-dots li button:hover {
  opacity: 1;
}
#mainslick .slick-dots li.slick-active button {
  border-color: #2d3042;
  box-shadow: 0 0 0 2px #fff;
  opacity: 1;
}
.smallslider {
	width: 250px;
	height: 134px;
}
.small-item span {
	display: block;
	background: #FFF;
	position: absolute;
	bottom: 12px;
	color: #000;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 400;
	width: 100%;
	text-align: center;
	padding: 8px 0;
}
.smallslider .small-item{position:relative}
.featured .lokalizacja img, .featured .kontakt img, .featured .dlamediow img, .featured .oinwestycji img, .featured .interaktywnamapa img {
    height: 58px;
    padding-bottom: 12px;
}
.featured a:hover{opacity:0.9}
.featured .lokalizacja, .featured .kontakt{height:100%; background:#FFF; width:134px; display:flex; flex-flow:column; justify-content:center; align-content:center; align-items:center}
.featured .lokalizacja span, .featured .kontakt span {
    text-transform: uppercase;
    font-size: 13px;
    color: #000;
}
.featured a.lokalizacja, .featured a.kontakt{text-decoration:none}
.featured .cl a {
	height: 62px;
	width: 62px;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
}
.featured .cl a:nth-child(1){background:#FFF}
.featured .cl a:nth-child(2){background:#47bdc9}
.featured .cl img{height:40px}

footer {
	position: relative;
	height: auto;
	padding: 40px 10px;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: space-between;
	background:#FFF;
	z-index:2;
}
footer .featured{width:auto;
position: relative;
bottom: initial;
right: initial;
z-index: initial;
display: flex;
justify-content: space-between;
height: 134px;
}
footer .featured a span {
	text-transform: uppercase;
	font-size: 13px;
	color: #000;
	text-align: center;
}
footer .featured a{border:1px solid #939191;}
footer .featured .cl {
	margin: 4px;
	height: 136px;
}
footer .featured > a {text-decoration:none;
	width:auto;
	height: 134px;
	background: #FFF;
	width: 134px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	margin:4px;
	}
footer .logo object{height:85px;}
footer .rightinfo {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-content: center;
	align-items: flex-end;
}
footer .rightinfo a{text-decoration:none;color:#949494;}
footer .rightinfo p:nth-child(3) a{color:#47bdc9}
footer .rightinfo p {
	font-size: 12px;
	color: #949494;
	margin-bottom: 0px;
	margin-top: 10px;
	font-weight: 300;
}
footer .featured .cl a:nth-child(2) {
	background: #FFF;
}
.container {
  background-color: #f2f2f2;
  color: #444;
  line-height: 1.6;
  padding: 40px 0;
}
.container .default {
  width: 90%;
  max-width: 980px;
  margin: 0 auto;
}
.container p {
  margin-bottom: 40px;
}
.header{position:relative}
.header > div{height:497px; display:flex; flex-flow:column; justify-content:center; align-content:center; align-items:center; background-size:cover}
.header div h1 {
	font-size: 71px;
	color: #FFF;
	text-shadow: 2px 2px 2px #000;
	font-weight: 200;
	z-index: 1;
	margin-bottom: 0;
	 letter-spacing:10px;
	 text-transform:uppercase
}
.header div span{ font-weight:100; z-index:1; font-size:30px; color:#FFF; letter-spacing:10px;text-transform:uppercase;text-shadow: 2px 2px 2px #000;}
.header .recty{height:100%; z-index: 0;}
.header .recty .rect1 {
	background-color: rgb(2, 29, 48);
	opacity: 0.588;
	position: absolute;
	left: initial;
	top: -110%;
	width: 55vw;
	height: 200%;
	z-index: 2;
	/* transform: translate(-32px, -29px); */
	transform: rotateZ(-45deg);
	right: 0;
}
.recty > div{border:1px solid #47bdc9}
.header .recty .rect2 {
	background-color: rgb(2, 29, 48);
	opacity: 0.588;
	position: absolute;
	left: initial;
	bottom: -100%;
	width: 40vw;
	height: 100%;
	z-index: 2;
	transform: translate(-32px, -29px);
	transform: rotateZ(-45deg);
	right: -10vw;
}
div.content {
	max-width: 1200px;
	margin: 9vh auto;
	display: block;
}
section.default h3 {
	font-size: 37px;
	text-align: center;
	text-transform: uppercase;
	margin: 65px 0;
	letter-spacing: 8px;
}
section.default h4, section.default h5, section.default h6{font-size:24px}
section.default h3::after {
	content: '';
	display: block;
	width: 20%;
	height: 2px;
	background: #47bdc9;
	margin: auto;
	margin-top: 20px;
}
.flex-row {
	display: flex;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	padding: 60px 0;
}
.flex-column{display:flex; flex-flow:column;justify-content:center; align-items:center; align-content:center;  padding:40px 0}
section.default p{font-size:24px; line-height:34px}
section.default .box.dashed {
	padding: 20px 30px;
	border: 1px dashed #47bdc9;
	max-width: 33.33%;
	font-size: 18px;
	font-weight: 600;
	box-shadow: 4px 2px 8px #eee;
}
body .default .content .resort-linia {
	background-image: url(./img/resort-linia.png);
	min-height: 550px;
	width: 100%;
	background-repeat: no-repeat;
	margin: 20px 0;
	padding-left: 720px;
	display: flex;
	background-position: -20px 0;
	margin: 60px 0;
}
body .default .content .resort-linia ul {
	list-style: none;
	display: flex;
	flex-flow: column;
	max-width: 220px;
	margin-top: 0;
	margin-left: 0;
	padding-left: 10px;
}
body .default .content .resort-linia ul li {
	list-style: none;
	padding-left: 11px;
	display: flex;
	align-content: center;
	align-items: flex-start;
	justify-content: flex-start;
	color: #2e1f1a;
	font-weight: 300;
	margin-bottom: 18px;
	font-size: 18px;
}
body .default .content .resort-linia ul li::before {
	content: '';
	width: 6px;
	height: 6px;
	background: #918e8e;
	display: table;
	margin-right: 10px;
	margin-top: 5px;
	/* transform: rotate(45deg); */
	border: 2px solid #e8e5de;
}
.gallery-slider.slick-slider{height:525px}
.gallery-slider .gallery-item.slick-slide a {
	border: 1px solid #47bdc9;
	display: inline-block;
}
.gallery-slider .gallery-item.slick-slide, .gallery-slider .gallery-item.slick-slide img{width:540px;transition: 0.3s all linear;}
.gallery-slider .gallery-item.slick-slide.slick-current.slick-active {
	width: 750px;
	margin-top: 0;
}
.gallery-slider .gallery-item.slick-slide.slick-current.slick-active img{width:750px;}
.gallery-slider .gallery-item.slick-slide.slick-active {
	width: 540px;
	margin-top: 220px;
}
.gallery-slider .slick-arrow {
	height: 50px;
	width: 50px;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	background-color: #47bdc9;
	background-size: 80%;
	position: absolute;
	background-position: center;
	z-index: 999;
	cursor:pointer
}

.gallery-slider .slick-arrow.slick-disabled{background-color:#EEE; cursor:no-drop}
.gallery-slider .slick-arrow:hover{opacity:0.9;}
.gallery-slider a:hover{opacity: 0.99;}
.gallery-slider .gallery-item.slick-slide.slick-active img{width:540px;}
.gallery-slider .arrprev.slick-arrow {
	background-image: url(./img/larr.png);
	left: calc(50% - 70px);
	bottom: 34px;
}
.default.wysiwyg .gallery {
	display: flex;
	flex-flow: wrap;
	align-content: center;
	align-items: center;
	justify-content: space-around;
	text-align: center;
	justify-items: center;
}
.default.wysiwyg .gallery figure{margin:5px}

.default.wysiwyg  .aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 28px;
}
.default.wysiwyg .alignleft {
    float: left;
    margin: 6px 28px 28px 0;
}
.default.wysiwyg .alignright {
    float: right;
    margin: 6px 0 28px 28px;
}/*
.default.wysiwyg ul {
	list-style: none;
	display: flex;
	flex-flow: column;
	max-width: 220px;
	margin-top: 0;
	margin-left: 0;
	padding-left: 10px;
}
.default.wysiwyg ul li {
	list-style: none;
	padding-left: 11px;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: flex-start;
	color: #2e1f1a;
	font-weight: 300;
	margin-bottom: 18px;
	font-size: 18px;
}
.default.wysiwyg ul li::before {
	content: '';
	width: 11px;
	height: 11px;
	background: #47bdc9;
	display: table;
	margin-right: 10px;
	margin-top: 5px;
}
.default.wysiwyg ul li:only-child::before {display:none}

*/
.default.wysiwyg ul li {
font-size: 24px;
line-height: 34px;
list-style: square;
}
.default.wysiwyg ol li {
font-size: 24px;
line-height: 34px;

}
.default.wysiwyg img {
	max-width: 80%;
	height: auto;
}
.gallery-slider .arrnext.slick-arrow {
	background-image: url(./img/rarr.png);
	left: 64.5%;
	top: 153px;
}
.hamburger::before, .hamburger::after {
	border-top: 2px solid #CCC;
	
}
footer.site-footer .featured a.clickable, a.clickable, div.clickable {
	
}

footer.site-footer .featured  a.clickable:hover, a.clickable:hover, div.clickable:hover{
	background: unset;
	background-size: 200% 200%;
	background-image: linear-gradient(to left, #eee 50%, #fff 50%);
	-webkit-transition: background-position 0.5s;
	-moz-transition: background-position 0.5s;
	transition: background-position 0.5s;
    background-position: -100% 0;
}
#hamburger, .hamburger {
	border-color: #CCC;
	cursor: pointer;
	
	
}

#hamburger{border-color:#EEE}

.smallslider .small-item a {
	max-height: 134px;
	display: flex;
	align-items: center;
}
.smallslider .small-item a {
	max-height: 134px;
	display: flex;
}
.smallslider .small-item a img {
width:100%}
section.gallery{position:relative}
.greybar {
	height: 350px;
	width: 100%;
	background: #f9f8f8;
	z-index: -1;
	position: absolute;
	top: 6.5%;
}
.animcircle {
	width: 160px;
	height: 160px;
	position: absolute;
	cursor:pointer;
}
.animcircle .circle {
	margin: 0 auto;
	width: 80px;
	height: 80px;
	border: 2px solid #dab020;
	border-radius: 50%;
	position: absolute;
	top: 40px;
	left: 40px;
	opacity:0;
}
.animcircle .one {
  animation: circle 4s infinite linear;
   animation-delay: 1s;
   
}
.animcircle .two {
  animation: circle 4s infinite linear;
   animation-delay: 2s;
}
.animcircle .three {
  animation: circle 4s infinite linear;
   animation-delay: 3s;
  
}
.animcircle .four {
  animation: circle 4s infinite linear;
   animation-delay: 4s;
}


.step1 .dalej.animcircle {
	top: 27%;
	left: 38%;
}
.step1 .dalej.animcircle .circle{border-color:#FFF;}
.step2 .dalej.animcircle {
	top: 1%;
	left: 57%;
}
.step3 .animcircle {
	top: 14%;
}
section.lokalizacja .flex-row > .flex-column:nth-child(1) a.dalej{align-self:flex-end}
section.lokalizacja .flex-row > .flex-column:nth-child(1) a.dalej::after {
	content: '';
	width: 30px;
	height: 23px;
	display: inline-block;
	background-image: url(./img/down.png);
	background-position: center;
	background-size: contain;
}
section.lokalizacja .flex-row > .flex-column:nth-child(1) a.wroc::after {
	content: '';
	width: 30px;
	height: 23px;
	display: inline-block;
	background-image: url(./img/up.png);
	background-position: center;
	background-size: contain;
}
.lokalizacja-gallery-container {
	height: 205px;
	width: 100%;
	position: relative;
}
section.lokalizacja .flex-column:nth-child(1) {
	width: 30%;
	align-items: flex-start;
	position: relative;
}
section.lokalizacja .step3 .flex-column:nth-child(2) img {
	width: 90%;
}
section.lokalizacja{overflow:hidden; position:relative}
.triangles {
	background-image: url(./img/triangles.png);
	width: 100%;
	height: 2657px;
	position: absolute;
	left: -57%;
	top: -59%;
	z-index: -1;
	background-size: contain;
}
section.lokalizacja .flex-column:nth-child(2) {
	width: 70%;
	position: relative;
}
section.lokalizacja .slick-slider{height:auto}
section.lokalizacja .slick-slider .slick-slide img {
	display: block;
	width: 298px;
	border: 1px solid #dab020;
}
section.lokalizacja .flex-column:nth-child(2) img{width:100%}

section.lokalizacja .flex-row > .flex-column a.dalej, section.lokalizacja .flex-row > .flex-column a.wroc, section.lokalizacja .flex-row > .flex-column h1 {
	font-size: 30px;
	margin: 27px 0;
	color: #dab020;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 6px;
	font-weight: 300;
	cursor:pointer;
}
section.lokalizacja .flex-row > .flex-column p {
	font-weight: 300;
	font-size: 16px;
	color: #363535;
	line-height: 150%;
	text-align: justify;
}
section.lokalizacja .flex-row,section.lokalizacja .flex-column{padding:0}
section.lokalizacja .flex-row > .flex-column p strong, section.lokalizacja .flex-row > .flex-column p b{color:#47bdc9}
section.lokalizacja .flex-column:nth-child(2) .step span:nth-child(1) {
	color: #569ebe;
	font-size: 30px;
	font-weight: 300;
	text-transform: uppercase;
	position: relative;
	align-self: end;
	width: 50%;
	z-index: 2;
	padding-right: 45px;
}
section.lokalizacja .flex-column:nth-child(2) .step {
	position: relative;
	align-self: flex-end;
}
section.lokalizacja .flex-column:nth-child(2) .step span:nth-child(2) {
	position: absolute;
	font-size: 250px;
	color: #e1f2f4;
	z-index: 0;
	font-weight: 900;
	top: -148px;
	right: 0px;
}
section.lokalizacja .content.step, section.lokalizacja .content.step .flex-row  {
	height: 0px; overflow-y: hidden; opacity:0;
	margin:0 auto;   
	
	
}
section.lokalizacja .content.step.visible, section.lokalizacja .content.step.visible .flex-row   {
	height:auto;
	opacity:1;
	margin:6vh auto;
	overflow-y: visible;
	 -webkit-transition: opacity 2s ease-out, height 1s ease-out;
  -moz-transition: opacity 2s ease-out, height 1s ease-out;
  -o-transition: opacity 2s ease-out, height 1s ease-out;
  transition: opacity 2s ease-out, height 1s ease-out;
	
}
section.lokalizacja .content.step .flex-row {
	height: 800px !important;
}
.lokalizacja-slider .slick-arrow {
	width: 30px;
	height: 30px;
	z-index: 4;
	display: block !important;
	position: absolute;
	background-position: center;
	border: 1px solid #CCC;
	background-size: 60%;
	background-repeat: no-repeat;
	cursor:pointer;
}
.lokalizacja-slider  .slick-arrow.slick-disabled{background-color:#EEE; cursor:no-drop}
.lokalizacja-slider  .slick-arrow:hover{opacity:0.9;}
.lokalizacja-slider  a:hover{opacity: 0.99;}
.lokalizacja-slider .arrprev.slick-arrow {
	background-image: url(./img/larr.png);
	right: 41px;
	bottom: 10px;
}
.lokalizacja-slider .arrnext.slick-arrow {
	background-image: url(./img/rarr.png);
	right: 10px;
	bottom: 10px;
}
section.lokalizacja .bd {
	width: 300px;
	margin: auto;
	border-top: 1px dashed #CCC;
	border-bottom: 1px dashed #CCC;
	padding: 26px;
}
section.lokalizacja .step3 .flex-row > .flex-column p{font-size:15px;}

.imapa .mapcontainer {
	z-index:1;
	height: 100vh;
	width: 100%;
	color:#2e1f1a;
	background: rgba(81,206,219,1);
background: -moz-linear-gradient(45deg, rgba(81,206,219,1) 0%, rgba(47,141,157,1) 19%, rgba(37,112,126,1) 34%, rgba(31,99,111,1) 51%, rgba(37,112,126,1) 70%, rgba(55,159,174,1) 85%, rgba(83,212,223,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(81,206,219,1)), color-stop(19%, rgba(47,141,157,1)), color-stop(34%, rgba(37,112,126,1)), color-stop(51%, rgba(31,99,111,1)), color-stop(70%, rgba(37,112,126,1)), color-stop(85%, rgba(55,159,174,1)), color-stop(100%, rgba(83,212,223,1)));
background: -webkit-linear-gradient(45deg, rgba(81,206,219,1) 0%, rgba(47,141,157,1) 19%, rgba(37,112,126,1) 34%, rgba(31,99,111,1) 51%, rgba(37,112,126,1) 70%, rgba(55,159,174,1) 85%, rgba(83,212,223,1) 100%);
background: -o-linear-gradient(45deg, rgba(81,206,219,1) 0%, rgba(47,141,157,1) 19%, rgba(37,112,126,1) 34%, rgba(31,99,111,1) 51%, rgba(37,112,126,1) 70%, rgba(55,159,174,1) 85%, rgba(83,212,223,1) 100%);
background: -ms-linear-gradient(45deg, rgba(81,206,219,1) 0%, rgba(47,141,157,1) 19%, rgba(37,112,126,1) 34%, rgba(31,99,111,1) 51%, rgba(37,112,126,1) 70%, rgba(55,159,174,1) 85%, rgba(83,212,223,1) 100%);
background: linear-gradient(45deg, rgba(81,206,219,1) 0%, rgba(47,141,157,1) 19%, rgba(37,112,126,1) 34%, rgba(31,99,111,1) 51%, rgba(37,112,126,1) 70%, rgba(55,159,174,1) 85%, rgba(83,212,223,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51cedb', endColorstr='#53d4df', GradientType=1 );
position:relative;
overflow: hidden;
min-height: 50vw;
}
.mygrball {
	position: absolute;
	z-index: -1;
	bottom: 5%;
}
.nosignet {
	position: absolute;
	z-index: -1;
	right: 8%;
	top: 20%;
}
.infotab {
	width: 350px;
	background: #FFF;
	border: 1px dashed #2B6D7B;
	position: absolute;
	top: 22%;
	left: 0;
	z-index: 7;
	transition: all 1s;
	box-shadow: 9px 12px 23px #00000054;
}
.inner{	padding:10px 25px 0px 25px;}
.infotab h2{font-size:23px; text-align:center; text-transform:uppercase}
.infotab p {
	padding: 10px 0;
	border-top: 1px solid #47bdc9;
	border-bottom: 1px solid #47bdc9;
	font-size: 13px;
	line-height: 145%;
	text-align: justify;
}
.listoptions{display:flex; flex-flow:column;border-bottom:1px solid #47bdc9;padding:0px 0px 15px;}
.listoptions .option {
	display: flex;
	flex-flow: row;
	font-size: 14px;
	text-transform: uppercase;
	justify-content: space-between;
	padding: 4px 0;
}
.listoptions .option:last-child {
	font-weight: bold;
	
}
.listoptions .option.free {
    font-weight: bold;
    font-size: 17px;
    background: #000000;
    color: #fff;
    padding: 2px 10px;
}
.threeimg {
	padding:15px 0 5px;
	display: flex;
	flex-flow: row;
	justify-content: space-between;
}
.smalllinks{font-size:12px; display:flex; flex-flow:row; justify-content:space-between;margin-bottom:10px;}
.smalllinks a {
	padding: 3px;
	padding-left: 28px;
	position: relative;
	cursor: pointer;
}
.smalllinks a:last-child{padding-left:0;
padding-right:28px;}
.infotab a{color:#2e1f1a; text-decoration:none; }
.smalllinks a:first-child::before {
	content: '';
	width: 20px;
	height: 20px;
	display: block !important;
	position: absolute;
	background-position: center;
	border: 1px solid #CCC;
	background-size: 60%;
	background-repeat: no-repeat;
	background-image: url(./img/larr.png);
	background-color: #8b8c8d;
	left: 0;
	top: 0px;
}
.smalllinks a:last-child::after {
	content: '';
	width: 20px;
	height: 20px;
	display: block !important;
	position: absolute;
	background-position: center;
	border: 1px solid #CCC;
	background-size: 60%;
	background-repeat: no-repeat;
	background-image: url(./img/rarr.png);
	background-color: #47bdc9;
	right: 0;
	top: 0px;
}
.infotab a.bigbutton {
	display: flex;
	padding: 20px 15px;
	color: #FFF;
	background: #47bdc9;
	justify-content: center;
	justify-items: center;
	align-content: center;
	font-size:18px;
	text-transform:uppercase;
	font-weight:600;
}
a{text-decoration:none}
.infotab a.bigbutton img{height:20px;}
.rightlowertab {
    width: auto;
    position: absolute;
    right: 0;
    bottom: 10px;
    z-index: 4;
}
.rightlowertab a.bigbutton {
	display: flex;
	padding: 10px 10px;
	color: #000;
	background: #fff;
	justify-content: center;
	justify-items: center;
	align-content: center;
	font-size: 2.8vw;
	text-transform: uppercase;
	font-weight: 200;
	opacity: 0.8;
}
a.bigbutton:hover, .smalllinks a:hover:last-child::after {
	background-color:#dab020}
a.smlink {
	display: inline-block;
	width: auto;
	position: relative;
	padding-left: 20px;
	background: #FFF;
	color: #2e1f1a;
	font-size: 12px;
	line-height: 19px;
	text-transform: uppercase;
	float: right;
	padding-right: 10px;
}
a.cls{position:absolute; top:-10px; right:-10px}
a.smlink::before {
	content: '';
	width: 20px;
	height: 20px;
	display: block !important;
	position: absolute;
	background-position: center;
	background-size: 60%;
	background-repeat: no-repeat;
	background-image: url(./img/larr-dark.png);
	left: 0;
	top: 0px;
}

.mapcontainer svg {
	max-height: 123%;
	margin-left: 20%;
	display: block;
	position: relative;
	top: -4vw;
}

g#fields polygon, g#fields path, g#fields polyline {
	pointer-events: visible;
	transition: fill, stroke-width 0.5s;
}

.page-template-page-imapa g#fields polygon, .page-template-page-imapa g#fields path, .page-template-page-imapa g#fields polyline{
	pointer-events: visible;
	fill: none;
	transition: all 0.5s;
	fill-opacity: 0.0;
}
g#fields polygon:hover, g#fields path:hover, g#fields polyline:hover {
	fill: #d16d69 !important;
	transition: all 0.5s;
	fill-opacity: 1;
}
g#fields .green{fill:#47bdc9!important; fill-opacity:1!important;stroke-width: 5px;}
.page-template-page-mariny-z-dzialkami g#fields .green {
	fill: #d16d69 !important;
	fill-opacity: 1 !important;
	stroke-width: 2px;
	transform-box: fill-box;
	transform-origin: center;
	
	-webkit-transform-box: fill-box;
	-webkit-transform-origin: center;
	
	-moz-transform-box: fill-box;
	-moz-transform-origin: center;
	
	-ms-transform-box: fill-box;
	-ms-transform-origin: center;
	
	-o-transform-box: fill-box;
	-o-transform-origin: center;
	
	stroke: #FFF;

}
.page-template-page-mariny-z-dzialkami g#fields polygon:not(.green), .page-template-page-mariny-z-dzialkami g#fields path:not(.green) {
	stroke:0.5px;
}
g#fields path#lasy:hover
{fill:#85c476!important}
g#fields path#lasy.green {
	fill: #85c476 !important;
	stroke-width: 2px;

}

.imapa.dzialki .mapcontainer svg {
	max-height: initial;
	margin-left: -35px;
	display: block;
	position: relative;
	top: -15vw;
	width: 116%;
}
.page-id-553 .imapa.dzialki .mapcontainer svg {
	margin-left: 0;
	width: 100vw;
	top: -25vw;
}
.fieldtoolbox {
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 4;
	display: flex;
	width: auto;
	justify-content: space-between;
	align-content: center;
	align-items: stretch;
}
.fieldtoolbox a {
	padding: 5px 10px;
	font-size: 20px;
	font-weight: 300;
	display: flex;
	text-transform: uppercase;
	color: #2e1f1a;
	border: none;
	background-color: #FFF;
	align-content: center;
	align-items: center;
	margin-right: 5px;
	box-shadow: 2px 2px 2px #00000008;
	-webkit-box-shadow: 2px 2px 2px #00000008;
	-moz-box-shadow: 2px 2px 2px #00000008;
	-ms-box-shadow: 2px 2px 2px #00000008;
	-o-box-shadow: 2px 2px 2px #00000008;
	border: 2px solid #89c5d7;
}
.fieldtoolbox a:hover{
	background: unset;
    background-position-x: unset;
    background-position-y: unset;
    background-image: unset;
    background-size: unset;
background-size: 200% 200%;
background-image: linear-gradient(to left,#47bdc9 50%,#fff 50%);
-webkit-transition: background-position 0.5s;
-moz-transition: background-position 0.5s;
transition: background-position 0.5s;
background-position: -100% 0;
color:#FFF;
	
}


.fieldtoolbox #chk1 + label {
	left: -8px;
}

section input[type=checkbox] {
    display: none;
}

section input[type="checkbox"] + label {
	display: inline-block;
	position: relative;
	padding: 8px;
	background-color: #FFF;
	border:1px solid #47BDC9
}

section input[type="checkbox"]:checked + label {
	background-color: #47BDC9;
	color: #F7F7F7;
}

section input[type=checkbox]:checked + label:after {
    position: absolute;
    left: 4px;
    top: 0px;
    color: #fff; 
    content: '\2714'; 
    font-size: 10px;
} 
section input[type="checkbox"] + label:hover::after {
	position: absolute;
	left: 4px;
	top: 0px;
	color: #cec8c8;
	content: '\2714';
	font-size: 10px;
}
.legend {
	font-size: 20px;
	color: #363535;
	display: flex;
	flex-flow: column;
	font-weight: 300;
	z-index: 4;
	position: absolute;
	bottom: 67px;
	left: 10px;
	background: #FFFFFFD1;
	padding: 14px;
	border: 2px solid #89c5d7;
}
.legend > div {
	display: flex;
	margin-bottom: 5px;
	align-items: center;
}
.legend i {
	width: 15px;
	height: 15px;
	background-color: #e5bc11;
	display: inline-block;
	padding: 0;
	margin: 0;
	border: 1px solid #FFF;
	margin-right: 6px;
}
.legend .s i{background-color:#eee;}
.legend .r i{background-color:#e1d5ba;}
.legend .a i{background-color:#47bdc9;}
.legend .wt i{background-color:#f2e5d5; border-radius:50%}

svg .s{fill:#eee;}
svg .r{fill:#e1d5ba;}
svg .d{fill:#7bca08;}
.inner h2 i {
	font-size: 16px;
	text-decoration: none;
	padding: 0 10px;
	display: block;
}
.inner h2 i.sprzedana{color:#eee}
.inner h2 i.rezerwacja{color:#e1d5ba;}
.inner h2 i.dostepna{color:#e5bc11;}


.tablo span.sprzedana i {color:#aaa8a8!important}
.tablo span.sprzedana{background:#eee}
.tablo span.rezerwacja{background:#e1d5ba;;}
.tablo span.dostepna{background:#e5bc11}
.dzialki .moblista div.rejon.sprzedana{background:#eee}
.dzialki .moblista div.rejon.rezerwacja{background:#e1d5ba;;}
.dzialki .moblista div.rejon.dostepna{background:#e5bc11}
.tablo .row span:nth-of-type(7) {
	width: 31px;
}
.tablo span:nth-of-type(7) i {
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	font-weight: 400;
	font-style: normal;
	padding-bottom: 4px;
}

g#fields polygon.sprzedana, g#fields path.sprzedana {
	fill: #eee;
}
g#fields polygon.rezerwacja, g#fields path.rezerwacja{fill:#e1d5ba;}
g#fields polygon.dostepna, g#fields path.dostepna {
	fill: #47bdc9;
}


.cechy-container {
	display: flex;
	flex-flow: wrap;
	justify-content: space-around;
}
.cechy-container .cecha {
	height: 170px;
	width: 45%;
	display: flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	margin: 30px 10px;
}
.cechy-container .cecha::before {
	content: '';
	display: block;
	width: 115px;
	height: 115px;
	border: 1px solid #e8e5de;
	transform: rotate(45deg);
	position: absolute;
}
.cechy-container .cecha .left {
	margin-left: 8px;
}
.cechy-container .cecha .right {
	display: flex;
	flex-flow: column;
	position: relative;
	height: 100%;
	margin-left: 32px;
	width: 100%;
}
.cechy-container .cecha .top {
	height: 50%;
	border-bottom: 1px solid #e8e5de;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	font-weight: 600;
	color: #47bdc9;
	text-transform: uppercase;
	text-align: center;
}
.cechy-container .cecha sup {
	font-size: 14px;
	padding-bottom: 10px;
}
.cechy-container .cecha .txt{font-size:24px; text-align:center}
.cechy-container .cecha .bottom {
	height: 50%;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	font-size: 34px;
	font-weight: 300;
	color: #000;
	text-align: center;
}
section.default .box.dashed {
	position: relative;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	 background: #FFF;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 18px;
	text-align: center;
	/* background: #FFF; */
	color: #797979;
	width: 22%;
	margin: 0 0 110px 0;
}
section.default .flex-row.atuty {
	flex-flow: wrap;
	padding: 60px 0 30px;
}
.page-template-page-bez-dzialek-php .ask-container{border:0; background:0}
section.default .box.dashed::before {
	content: '';
	display: block;
	width: 88px;
	height: 88px;
	border: 21px solid #e8e5de;
	transform: rotate(45deg);
	position: absolute;
	z-index: -1;
}
.tablo{position:relative}
.tablo .row{display:flex; justify-content:center; align-items:center; align-content:center}

.tablo .row span {
	width: 15%;
	display: flex;
	justify-content: center;
	border-top: 1px solid #efefef;

	align-self: stretch;
	align-content: center;
	align-items: center;
	color:#363535;
	font-size:24px;
	font-weight:300;
}
.tablo .row span:nth-of-type(1) {
	background: #e8e5de;
	padding: 20px 0;
	color: #000;
	border: 1px dashed #FFF;
	font-size: 33px;
	font-weight: 300;
}
.tablo .row sup{
font-size: 12px;

margin-bottom: 10px;
}
.tablo .row span:nth-of-type(2){font-weight:600;}
.tablo .row span:nth-of-type(5){font-size:14px}
.tablo .row span:nth-of-type(6), .tablo .row span:nth-of-type(6) a{font-weight:bold;color:#47bdc9}


.tablo .row:nth-child(2) span {
	font-size: 20px;
	font-weight: 300;
	color: #47bdc9;
	background: transparent;
	border: 0;
}

.tablo .row span:nth-of-type(6) a {
	display: flex;
	align-self: stretch;
	align-items: center;
	width: 100%;
	justify-content: center;
	background:#FFF;
}
.tablo .row:not(.sprzedana):hover  span:nth-of-type(6) a {
	background: #f9c30d;color:#FFF;
}
.tablo .row:hover  span:nth-of-type(6) a{}
.tablo .row:nth-of-type(1n+7){ display:none }
.tabend {
	background-image: url(./img/dot.png);
	background-size: initial;
	background-repeat: repeat-x;
	background-position: 50%;
	margin: 0 4%;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: end;
	padding: 11px 0px;
	background-color: #FFF;
}
.tabend a.showall {
	background: #FFF;
	padding: 5px 10px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	color: #71aac7;
	display: flex;
	align-content: center;
	align-items: center;
	cursor:pointer
}
.tabend a.showall img{padding:0 5px}
.tabend a.showall:hover{background:#f9c30d; color:#FFF}
.tabend a.showall:hover img {
	filter: brightness(2);
}
.hidden{display:none!important}
.boxbg.two {
	width: 80px;
	height: 80px;
	position: absolute;
	bottom: initial;
	z-index: -2;
	right: 0;
	top: 28px;
	left: initial;
}
.boxbg {
	width: 150px;
	height: 150px;
	position: absolute;
	top: 30%;
	z-index: -2;
	left: -40px;
}
.boxbg1::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #dab020;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
}
.boxbg1::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #dab020;
	transform: rotate(45deg);
	position: absolute;
	top: 57%;
	left: -11%;
}
.wpcf7 form {
	display: flex;
	flex-flow: column;
	align-content: center;
	align-items: center;
	justify-content: center;
	position:relative
}

.wpcf7 span {
	display: block;
	width: 100%;
}
.wpcf7 div {
	display: flex;
	flex-flow: row;
	width: 100%;
	justify-content: space-between;
	align-content: center;
	align-items: center;
}
.wpcf7 div span {
	display: block;
	width: calc(100% - 15px);
}
.wpcf7 span input, .wpcf7 span select, .wpcf7 span textarea {
	border: 1px solid #f2efef;
	width: 100%;
	font-size: 14px;
	height: 40px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	padding: 0 8px;
}
.wpcf7 form > span, .wpcf7 form > div {
	width: 100%;
	margin: 6px;
}
.wpcf7 span textarea {padding:10px}
.wpcf7 form > div > span:first-child {
	
	margin:0 6px 0 0;
}
.wpcf7 form > div > span:last-child {
	
	margin:0 0 0 6px;
}
.wpcf7 form > div.end > div {
	width: 52%;
}
.wpcf7 form > div.end > div iframe{width:100%}
.wpcf7 form > div.end > div > div > div{width:100%}
.wpcf7 form > div.wpcf7-display-none{display:none}
.wpcf7 form > div.zgody{flex-flow:column}
.wpcf7 form > div.zgody span{width:100%; margin:0; font-size:13px; color:#333; font-weight:300}
.wpcf7 form > div.zgody span.wpcf7-not-valid-tip{color:red}
.wpcf7 form > div.end input[type="submit"] {
	color: #FFF;
	background: #47bdc9;
	border: 0;
	/* height: 100%; */
	width: 100%;
	font-size: 20px;
	text-transform: uppercase;
	margin: 0 0 2px 2px;
	display: flex;
	align-self: stretch;
	cursor:pointer;
	justify-content:center;
}
.wpcf7 form > div.end input[type="submit"]:hover{background:#f9c30d}
.wpcf7 form > div > span.ajax-loader {
	position: absolute;
	right: -22px;
}
.wpcf7 span input {
	width: calc(100% - 20px);
}
.wpcf7 span textarea {
	width: calc(100% - 24px);
}
.wpcf7 div span.wpcf7-not-valid-tip {
	font-size: 13px;
	width: 100%;
	font-weight: 300;
}
.wpcf7 input[type="checkbox"] + span.wpcf7-list-item-label::before {
	content: '';
	display: inline-block;
	position: relative;
	padding: 2px;
	background-color: #FFF;
	border: 1px solid #47BDC9;
	width: 9px;
	height: 9px;
	margin-right: 8px;
}
.wpcf7 input[type="checkbox"] + span.wpcf7-list-item-label {
	display: flex;
	align-content: center;
	align-items: center;
	margin: 2px 0;
	display: block;
}

.wpcf7 input[type="checkbox"]:checked + span.wpcf7-list-item-label::after {
	position: absolute;
	left: 3px;
	top: 3px;
	color: #569ebe;
	content: '\2714';
	font-size: 10px;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
	border: 2px solid #f7e700;
	font-weight: 300;
	font-size: 15px;
	text-align: center;
}
.ask-container {
	display: flex;
	width: 95%;
	position: relative;
	justify-items: center;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	background: #FFFFFFDE;
	border: 1px dashed #f9c30d;
	padding: 24px 0px;
	margin: auto;
}
.bezdzialek .ask-container {
	
	background: transparent;
	border: none;

}
.ask-container .infotab {
	width: 37%;
	background: #f8f6f6;
	border: none;
	position: relative;
	top: initial;
	left: initial;
	align-self: stretch;
	z-index: initial;
	/* align-items: center; */
	/* align-content: center; */
	/* justify-content: center; */
	/* justify-items: center; */
	flex-flow: row;
	padding: 0px 10px;
	transition:none;
	box-shadow:none;
}
.ask-container .infotab.non-activa{position: absolute;}
.formalina {
	width: 56%;
}
.ask-container .boxbg.two {
	width: 80px;
	height: 80px;
	position: absolute;
	bottom: initial;
	z-index: -2;
	right: -43px;
	top: -19px;
	left: initial;
}
.ask-container .boxbg {
	width: 150px;
	height: 150px;
	position: absolute;
	bottom: 17%;
	top:initial;
	z-index: -2;
	left: -40px;
}
.ask-container .infotab .pow {
	font-size: 24px;
	font-weight: 300;
	display: flex;
	align-content: center;
	align-items: center;
	padding: 0 0 20px 0;
	justify-content: center;
	color:#569ebe;
}
.ask-container .infotab i {
	text-decoration: none;
	display: block;
	text-align: center;
	font-style: normal;
	padding-bottom: 14px;
}
.ask-container .infotab i.s{color:#f89797}
.ask-container .infotab i.r{color:#e1d5ba;}
.ask-container .infotab i.d{color:#47bdc9;}
.ask-container .infotab .pow span{padding-left:20px; font-weight:600}
.ask-container .infotab .smalllinks span{font-size:24px; font-weight:300;}
.ask-container .infotab .smalllinks {
	align-content: center;
	align-items: center;
	padding: 25px 0px;
}

.kontakt .formalina {
	width: 75%;
	margin: auto;
	padding: 50px 0;
}
.kontakt .formalina .zc {
	flex-flow: column;
	align-self: baseline;
}
.kontakt .formalina .zcont {
	flex-flow: column;
	width: auto;
	max-width: 40%;
}
.kontakt .formalina .zcont .zgody {
	flex-flow: column;
	margin-bottom: 12px;
}
.kontakt .formalina .zcont .zgody span {
	width: 100%;
	margin: 0;
	font-size: 14px;
	color: #333;
	display: flex;
	align-content: center;
	align-items: center;
	flex-flow: column;
}
.kontakt .formalina .zcont .zgody span span{flex-flow:row}
.kontakt .formalina .zcont .zgody span.wpcf7-list-item-label {
	margin: 5px 0;
	position: relative;
	padding: 2px 0 0 0px;
	display: block;
}
.kontakt .formalina form {
	flex-flow: row;
}
.kontakt .wpcf7 form  div.end{
	flex-flow:column
	
}
.wpcf7 .zc span {
	width: 100%;
	margin: 5px;
}
.wpcf7 .zc span.your-message {
	width: calc(100% - 10px);
	display: flex;
	margin: 0;
	margin-top: 5px;
}
.kontakt .wpcf7 form div.end input[type="submit"] {
	color: #FFF;
	background: #47bdc9;
	border: 0;
	/* height: 100%; */
	width: 100%;
	font-size: 20px;
	text-transform: uppercase;
	margin: 0 0 2px 2px;
	display: flex;
	align-self: stretch;
	cursor: pointer;
	height: 78px;
	width: 300px;
	margin-top: 15px;
	justify-content:center;
}
.kontakt .wpcf7 form div.end input[type="submit"]:hover {
	background: #f9c30d;
}
.kontakt .wpcf7 span textarea {
	width: calc(100% - 24px);
	height: 105px;
}
.kontakt .boxbg {
	width: 150px;
	height: 150px;
	position: absolute;
	top: 32%;
	z-index: -2;
	left: -85px;
}
.kontakt .boxbg1::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #dab020;
	transform: rotate(20deg);
	position: absolute;
	top: 57%;
	left: 23%;
}
.kontakt .boxbg1::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #dab020;
	transform: rotate(20deg);
	position: absolute;
	top: 0;
}
.kontakt .boxbg.two {
	width: 80px;
	height: 80px;
	position: absolute;
	bottom: initial;
	z-index: -2;
	right: 0;
	top: 28px;
	left: initial;
}
.kontakt .wpcf7 form > div.wpcf7-display-none {
	position: absolute;

bottom: -40px;
}
section.dane-kontaktowe {
	background-image: url(./img/dane-kontaktowe.jpg);
	background-size: cover;
	padding: 8px;
}
section.dane-kontaktowe h3{color:#FFF}
section.dane-kontaktowe h3::after {

	background: #FFF;
	
}
section.dane-kontaktowe .dane-container {
	position: relative;
	min-height: 650px;
	width: 900px;
	margin: auto;
	display: flex;
}
section.dane-kontaktowe .dane-container .left {
	z-index: 1;
	width: 60%;
	padding: 20px 50px;
	position: relative;
}
section.dane-kontaktowe .dane-container .left h5 {
	position: absolute;
	bottom: 39px;
	color: #FFF;
	font-weight: 300;
	left: 13px;
	width: 75%;
}
section.dane-kontaktowe .dane-container .right h6 {
	position: absolute;
	bottom: -14px;
	font-size: 45px;
	color: #FFF;
	left: -81px;
}
section.dane-kontaktowe .dane-container .left p {
	font-size: 16px;
	font-weight: 300;
	margin: 10px 0;
	line-height: 130%;
}
section.dane-kontaktowe .dane-container h4 {
	margin: 10px 0 25px 0;
	font-size: 18px;
}
section.dane-kontaktowe .dane-container h4.tel {margin-top:30px;}
	
	margin-top: 40px;
}
section.dane-kontaktowe .dane-container h4{font-size:18px; margin:10px 0;}
section.dane-kontaktowe .dane-container .right {
	z-index: 1;
	width: 40%;
	display: flex;
	flex-flow: column;
	position:relative;
}
section.dane-kontaktowe .dane-container .right img {
	position: absolute;
	top: 13px;
	right: -19%;
}
svg#Warstwa_2 {
	z-index: 0;
	position: absolute;
}
.materialy .elementy {
	display: flex;
	flex-flow: wrap;
	align-content: center;
	justify-content: center;
}
.materialy .element {
	width: calc(100vw / 7);
	height: calc(100vw / 8);
	margin: 10px 10px 40px;
	text-align: center;
	position:relative
}
.materialy .element .image {
	overflow: hidden;
	border: 0;
	margin: 0;
	padding: 0;
	height: 75%;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	background-size: cover;
	background-position: center;
}
i.shh {
	font-size: 13px;
	font-style: normal;
	color: #666;
}
.bezdzialek #dzialki{display:none}

.materialy .element .image img{display: flex;
align-self: stretch;}
.materialy .element .txt {
	font-size: 16px;
	font-weight: 300;
	color: #000;
	margin-top: 20px;
}
.materialy .element span{display:none}
.materialy .element:hover span {
	display: flex;
	width: 90%;
	height: 60%;
	background: rgba(71, 189, 201, 0.7);
	z-index: 5;
	position: absolute;
	align-content: center;
	justify-content: center;
	align-items: center;
	color: #FFF;
	text-transform: uppercase;
}
.materialy h4{font-size:30px; font-weight:300; letter-spacing:6px; text-align:center; text-transform:uppercase;}
.moblista{display:none}

@keyframes circle {
	0% {
		transform: scale(0);
		opacity:1;
	}
	80% {
		transform: scale(1.6);
		opacity:0.5;
	}
	100% {
		transform: scale(2);
		opacity:0;
		
	}
}
@-webkit-keyframes circle {
	0% {
		transform: scale(0);
		opacity:1;
	}
	80% {
		transform: scale(1.6);
		opacity:0.5;
	}
	100% {
		transform: scale(2);
		opacity:0;
		
	}
}

	

@-webkit-keyframes slideIn {
  from {
    -webkit-filter: blur(15px);
            filter: blur(15px);
  }
  to {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}

@keyframes slideIn {
  from {
    -webkit-filter: blur(15px);
            filter: blur(15px);
  }
  to {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
@-webkit-keyframes slideOut {
  from {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
  to {
    -webkit-filter: blur(15px);
            filter: blur(15px);
  }
}
@keyframes slideOut {
  from {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
  to {
    -webkit-filter: blur(15px);
            filter: blur(15px);
  }
}
.rightlowertab a.bigbutton:hover {
	background-color: #FFF;
}
.rightlowertab a.bigbutton {
	cursor: default;
	text-shadow: 2px -2px 2px #00cfffc4;
}
.imapa.main .rightlowertab a.bigbutton {
	cursor: default;
	text-shadow: none;
	width: auto;
	background: transparent;
	color: #FFF;
}
.imapa.main .rightlowertab {
	width: 100%;
	position: absolute;
	right: 0;
	bottom: 10px;
	z-index: 4;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
}

g#svg-pan-zoom-controls, g#svg-pan-zoom-controls > g{   
 pointer-events: all;
}
svg#mygrsvg {
	overflow: hidden;
	display: inline;
	width: inherit;
	min-width: inherit;
	max-width: inherit;
	height: inherit;
	min-height: inherit;
	max-height: inherit;
	position: inherit;
	top: inherit;
	margin: inherit;
}
.threeimg a img {
	max-width: 100%;
	border: 1px solid #FFF;
}
.activa{opacity:1; z-index:7}
.non-activa{opacity:0; z-index:7}
.infotab.non-activa {
	
	pointer-events: none;
	left: -500px;
}
.listoptions .option .right i {
	text-transform: initial;
	font-style: normal;
	display: initial;
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ 1366 */
@media screen and (max-width: 1366px) {
	.nosignet {
    position: absolute;
    z-index: -1;
    right: 47px;
    width: 101px;
    top: 25%;
}
	.infotab {
    width: 300px;
    background: #FFF;
    border: 1px dashed #2B6D7B;
    position: absolute;
    top: 17%;
    left: 0;
   
}
.dzialki .infotab h2 {
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    margin: 5px 0 0;
    padding-bottom: 10px;
}
.inner {
    padding: 5px 10px 0px 10px;
}
.infotab h2 {
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    margin: 5px 0 0;
}
.infotab p {
    padding: 10px 0;
    border-top: 1px solid #47bdc9;
    border-bottom: 1px solid #47bdc9;
    font-size: 12px;
    line-height: 145%;
}
.listoptions {
    display: flex;
    flex-flow: column;
    border-bottom: 1px solid #47bdc9;
    padding: 0px 0px 15px;
}
.listoptions .option {
    display: flex;
    flex-flow: row;
    font-size: 13px;
    text-transform: uppercase;
    justify-content: space-between;
    padding: 2px 0;
}
.threeimg {
    padding: 5px 0 5px;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}
.threeimg a img {
    max-width: 85%;
}
.infotab a.bigbutton {
    display: flex;
    padding: 5px 8px;
    color: #FFF;
    background: #47bdc9;
    justify-content: center;
    justify-items: center;
    align-content: center;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}
.header .recty .rect1 {
  
    height: 180%;
   
}
.gallery-slider .gallery-item.slick-slide.slick-active img {
    width: 595px;
}
.mapcontainer svg {
	
	top: -2vw;
}
	
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------1200 */
@media screen and (max-width: 1279px) {
	nav ul.primary-menu {
	display: flex;
	flex-flow: column;
	justify-content: space-evenly;
	align-items: center;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	border-right: 1px solid #EEE;
	border-left: 1px solid #EEE;
	top: 0;
	flex-grow: 1;
	align-self: flex-start;
	z-index: 11;
}
nav{overflow:visible}
	nav ul.primary-menu li a {
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	font-weight: 300;
	height: auto;
	display: table-cell;
	vertical-align: middle;
	padding: 20px 10px;
}
nav ul.primary-menu li {
	width: 100%;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
		border-bottom: 1px dashed #47BDC9;
}
footer .logo object {
    height: 60px;
}

	
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------1024 all */
@media screen and (max-width: 1024px) {
	.fieldtoolbox{width:auto;}
	.fieldtoolbox a {
    margin-right: 2px;
}
	footer{flex-flow:column}
	footer a.logo {
    order: 2;
    margin-top: 40px;
}
	footer .featured{order:1; max-width:100%}
	footer .rightinfo {
    order: 2;
    width: 100%;
    align-items: center;
    flex-flow: row;
}
footer .rightinfo p{padding-right:10px}
div.content {
    
    margin: 1vh auto;
	max-width:100%
  
}
.mapcontainer svg {
    max-height: 123%;
    margin-left: 0%;
    display: block;
    position: relative;
    top: -2vw;
    width: 100%;
}
.header .recty .rect2 {
    background-color: rgb(2, 29, 48);
    opacity: 0.588;
    position: absolute;
    left: initial;
    bottom: -74%;
    width: 40vw;
    height: 100%;
    z-index: 2;
    transform: translate(-32px, -29px);
    transform: rotateZ(-45deg);
    right: -23vw;
}
body .default .content .resort-linia {
    background-image: url(./img/resort-linia.png);
    min-height: 550px;
    width: 100%;
    background-repeat: no-repeat;
    margin: 20px 0;
    padding-left: 50%;
    display: flex;
    background-position: -20px 0;
    margin: 60px 0;
    background-size: 50%;
    background-position: -15px 118px;
}
section.lokalizacja .flex-column:nth-child(2) {
	width: 50%;
	position: relative;
}
section.lokalizacja .content.step .flex-row {
	height: auto !important;
}
.step1 .dalej.animcircle {
	top: 15%;
	left: 31%;
}	
.step2 .dalej.animcircle {
	top: -11%;
	left: 54%;
}
.step3 .animcircle {
	top: 4%;
}
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------1024 portrait */
@media screen and (max-width: 1024px)and (orientation : portrait) {
	.imapa .mapcontainer{height:auto}
	.imapa.dzialki .mapcontainer svg {
	max-height: initial;
	margin-left: -10%;
	display: block;
	position: relative;
	top: 0vw;
	width: 135%;
	margin-bottom: -5vh;
}
	
	
	
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------768 */
@media screen and (max-width: 1023px) {
	
	[data-aos^="fade"][data-aos^="fade"] {
	opacity: 1;
	transition-property: opacity,transform;
}
	.materialy .element {
	width: 42%;
	height: 40vw;
	margin: 10px 10px 40px;
	text-align: center;
	position: relative;
}
	.cechy-container .cecha {
	
	width: 80%;
	
}
	
	.header div h1{font-size:45px; font-weight:300}
	.header div span {
    font-weight: 200;
    font-size: 18px;}
	.header > div {
    height: 300px;}
	.gallery-slider.slick-slider {
    height: auto;
}
#mainslick{overflow:hidden}
	.gallery-slider .arrnext.slick-arrow {
    background-image: url(./img/rarr.png);
    left: initial;
    top: 35%;
    right: 0;
}
.gallery-slider .arrprev.slick-arrow {
    background-image: url(./img/larr.png);
    left: 0;
    bottom: inherit;
    top: 35%;
}
.gallery-slider .gallery-item.slick-slide.slick-current.slick-active img {
    width: 100%;
}
.gallery-slider .gallery-item.slick-slide, .gallery-slider .gallery-item.slick-slide img {
    width: 100%;
    transition: 0.3s all linear;
}
	header .imap{display:none}
	.slide-box h2{font-size:5vw}
	.slide-box .txt {
    width: 52vw;
    font-size: 4vw;}
	section.dane-kontaktowe .dane-container {
    position: relative;
    min-height: 650px;
    width: 100%;
    margin: auto;
    display: flex;
}
section.dane-kontaktowe .dane-container .right img {
    position: absolute;
    top: 13px;
    right: 14px;
    width: 150%;
}
section.dane-kontaktowe .dane-container .right h6 {
    position: absolute;
    bottom: 15%;
    font-size: 36px;
    color: #FFF;
    left: -81px;
}
section.dane-kontaktowe .dane-container .left h5 {
    position: absolute;
    bottom: 20%;
    color: #FFF;
    font-weight: 300;
    left: 13px;
    width: 70%;
    font-size: 19px;
}
section.dane-kontaktowe .dane-container h4 {
    margin: 15px 0 15px 0;
    font-size: 18px;
}
section.dane-kontaktowe .dane-container h4.tel {
    margin-top: 15px;
    margin-bottom: 15px;
}
body .default .content  .resort-linia {
    background-image: url(./img/resort-linia.png);
    min-height: 550px;
    width: 100%;
    background-repeat: no-repeat;
    margin: 20px 0;
    padding-left: 0;
    display: flex;
    background-position: center top;
    margin: 60px 0;
    flex-flow: row;
    background-size: contain;
    justify-content: center;
}
body .default .content  .resort-linia ul {
    list-style: none;
    display: flex;
    flex-flow: column;
    max-width: 45%;
    margin-top: 400px;
    margin-left: 0;
    padding-left: 10px;
}
.rect1 {
	background-color: rgb(2, 29, 48);
	opacity: 0.588;
	position: absolute;
	left: initial;
	top: -75vh;
	width: 86vw;
	height: 119vh;
	z-index: 2;
	transform: translate(-32px, -29px);
	transform: rotateZ(-45deg);
	right: 180px;
}
.rect2 {
	background-color: rgb(2, 29, 48);
	opacity: 0.588;
	position: absolute;
	left: initial;
	bottom: -50vh;
	width: 101vw;
	height: 80vh;
	z-index: 2;
	transform: translate(-32px, -29px);
	transform: rotateZ(-45deg);
	right: -30vw;
}
nav .burger{align-self:flex-start;}
#hamburger{margin:0}
 section.lokalizacja .content.step.visible .flex-row {
	flex-flow: column;
	justify-content: center;
	/* justify-items: center; */
	align-items: center;
	align-content: center;
	width: 100%;
}
section.lokalizacja .flex-column:nth-child(1) {
	width: 100%;
	align-items: flex-start;
	position: initial;
}
section.lokalizacja .bd {
	width: 90%;
	margin: auto;
	border-top: 1px dashed #CCC;
	border-bottom: 1px dashed #CCC;
	padding: 10px;
	margin-bottom: 22px;
}
.lokalizacja-gallery-container{display:none}
section.lokalizacja .flex-row > .flex-column h1, section.lokalizacja .flex-row > .flex-column a.wroc {align-self:center}
section.lokalizacja .content.step.visible, section.lokalizacja .content.step.visible .flex-row{margin:0}
.triangles{display:none}
section.lokalizacja .flex-row > .flex-column:nth-child(1) a.dalej{
	align-self: center;
	position: absolute;
	bottom: -30px;
	z-index: 48;
}
section.lokalizacja .flex-row > .flex-column a.wroc {
	font-size: 14px;
	margin: 10px 0;
}
section.lokalizacja .flex-row > .flex-column:nth-child(1) a.wroc::after {
	width: 14px;
	background-repeat: no-repeat;
	height: 11px;
}
section.lokalizacja .content.step .flex-row {
	height: auto !important;
}
section.lokalizacja .flex-column:nth-child(2) {
	width: auto;
	position: relative;
	height: auto;
}
section.lokalizacja .flex-column:nth-child(2) .step {
	position: relative;
	align-self: flex-end;
	height: 58px;
	top: -15px;
}
section.lokalizacja .flex-column:nth-child(2) .step span:nth-child(1) {
	color: #569ebe;
	font-size: 21px;
	font-weight: 300;
	text-transform: uppercase;
	position: relative;
	align-self: end;
	width: 50%;
	z-index: 2;
	padding-right: 45px;
}
section.lokalizacja .flex-column:nth-child(2) .step span:nth-child(2) {
	position: absolute;
	font-size: 96px;
	color: #e1f2f4;
	z-index: 0;
	font-weight: 900;
	top: -52px;
	right: 38px;
}
.animcircle {
	width: 10%;
	height: 10%;
	position: absolute;
	cursor: pointer;
}
.animcircle .circle {
	margin: 0 auto;
	width: 100%;
	height: 100%;
	border: 2px solid #dab020;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
section.lokalizacja .flex-column:nth-child(2) img {
	width: 100%;
	height: 100%;
}
section.lokalizacja .flex-row > .flex-column a.dalej.animcircle{margin:0}
.step1 .dalej.animcircle {
	top: 37%;
	left: 42%;
}
.step2 .dalej.animcircle {
	top: 19%;
	left: 64%;
}
.step3 .animcircle {
	top: 24%;
}
.infotab {
	width: 300px;
	background: #FFF;
	border: 1px dashed #2B6D7B;
	position: absolute;
	bottom: 3%;
	left: 0;
	transition: all 1s;
	top: initial;
}
.infotab h2 {
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
	margin: 5px 0 7px;
}
.infotab p, .smalllinks, .nosignet{display:none}
.ask-container .infotab p,.ask-container .threeimg,.ask-container .smalllinks{display:flex}	
.inner {
	padding: 5px 10px 0px 10px;
	display: flex;
	flex-flow: column;
}
.threeimg{}
.imapa.main svg g text{font-weight:900}
.hamburger {
   
    border-top: 1px solid #CCC;
}

}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------560 */
@media screen and (max-width: 660px) {
	.slide-box .cta {
     
    padding: 7px 18px;
  
    font-size: 14px;
    text-align: center;
}
	.mapcontainer .newlegend{display:none!important;}
	g#fields .green {
	fill: #47bdc9;
	fill-opacity: 1;
	stroke-width: 10px;
}
	.featured .cl a:nth-child(1) {
	background: #FFF;
	margin-right: 6px;
}
	.tablo .row span {
	width: 100%;
	
}
.tablo .boxbg{display:none}
.tablo .row:nth-of-type(1){display:none}
.tablo span:nth-of-type(7) i {
	
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	filter:  none;
	
}
.tablo .row {
	margin: 35px;
	flex-flow: column;
	border: 1px solid #47bdc9;
}
	.cechy-container .cecha .bottom, .cechy-container .cecha .txt {
	
	font-size: 20px;
	
}
.tablo .row span:nth-of-type(2) {
	font-weight: 300;
}
.tablo .row p.descriptive {
	display: flex;
	font-size: 14px;
	line-height: 20px;
	border-top: 1px solid #EEE;
	width: 100%;
	text-align: center;
	align-content: center;
	align-items: center;
	justify-content: center;
	padding-top: 8px;
	margin: 0;
	padding: 0 10px;
	color: #47bdc9;
	font-weight: 300;
	text-transform: uppercase;
}
.tablo .row p.descriptive:nth-of-type(1), .tablo .row p.descriptive:nth-of-type(2){border:0}
.tablo .row span{border:0}
.tablo .row span:nth-of-type(7) {
	width: 100%;
}
.tablo .row span:nth-of-type(6) {

	order: 1;
}
.tablo .row span:nth-of-type(6) a {
	background: #f9c30d;
	color: #FFF;
	padding: 10px;
}
.tablo .row.sprzedana span a {
	
	pointer-events: none;
	text-decoration: line-through;
	
	background:#e8e5de
}
.ask-container {
	display: flex;
	width: 90%;
	position: relative;
	justify-items: center;
	justify-content: space-evenly;
	align-items: center;
	align-content: center;
	background: #FFF;
	border: 1px dashed #569ebe;
	padding: 10px;
	margin: auto;
	flex-flow: wrap;
}
.formalina {
	width: 100%;
}
.ask-container .infotab {
	width: 100%;
	background: #f8f6f6;
	border: none;
	position: relative;
	top: initial;
	left: initial;
	align-self: stretch;
	z-index: initial;
	/* align-items: center; */
	/* align-content: center; */
	/* justify-content: center; */
	/* justify-items: center; */
	flex-flow: row;
	padding: 30px 10px;
}
.cechy-container .cecha .left {
	margin-left: -10px;
	width: 26%;
}
.cechy-container .cecha .top {
	
	font-size: 20px;

}
.cechy-container .cecha .left img{}
.cechy-container .cecha::before {
	content: '';
	display: block;
	width: 80px;
	height: 80px;
	border: 1px solid #dab020;
	transform: rotate(45deg);
	position: absolute;
}
	.moblista {
	display: flex;
	width: 100vw;
	position: relative;
	z-index: 99999;
	justify-content: start;
	align-items: stretch;
	align-content: center;
	justify-items: center;
}
.moblista .slick-track{display:flex}
.moblista div.rejon {
	background: #FFF;
	padding: 6px 10px;
	border: 1px solid #FFC140;
	font-size: 11px;
	text-transform: uppercase;
	width: 50%%;
	align-items: center;
	display: flex;
	text-align: center;
	height: initial;
	justify-content: center;
	margin: 2px 1px;
}
.fieldtoolbox {
	justify-content: center;
	width: 100%;
	left: initial;
}
.moblista div.rejon.non-activa {opacity:1; z-index:7}
.moblista div.rejon.activa {background:#47BDC9; color:#FFF}
g#fields polygon, g#fields path, g#fields polyline {
    pointer-events: none!important;
}
.rightlowertab {
	/* width: auto; */
	position: absolute;
	right: 0;
	bottom: 69px;
	z-index: 4;
	width: 100%;
}
.infotab.non-activa {
	position: relative;
	height: 0;
	margin: 0;
	bottom: unset;
	top: -100vh;
	width: 100%;
	border: 0;
	left: initial;
	transition: opacity 1s;
}
.infotab {
	width: 80%;
	background: #FFF;
	border: 1px dashed #2B6D7B;
	position: relative;
	bottom: 0%;
	left: 0;
	top: 71px;
	margin: auto;
	margin-bottom: 40px;
	max-width: 300px;
}
.rightlowertab a.bigbutton{background:transparent}
.rightlowertab a.bigbutton:hover{background:transparent}
	.step1 .dalej.animcircle {
	top: 35%;
	left: 42%;
}
.rightlowertab a.bigbutton {
	
	padding: 4px 4px;
	
	font-size: 13px;
	
}
a.smlink {
	display: flex;
	width: 60px;
	position: relative;
	padding-left: 20px;
	background: #FFF;
	color: #2e1f1a;
	font-size: 12px;
	line-height: 19px;
	text-transform: uppercase;
	float: none;
	padding-right: 10px;
	margin: auto;
	align-content: center;
	justify-content: center;
}
	body .default .content  .resort-linia ul {
    list-style: none;
    display: flex;
    flex-flow: column;
    max-width: 45%;
    margin-top: 237px;
    margin-left: 0;
    padding-left: 10px;
}
body .default .content .resort-linia ul li {
    
    font-size: 14px;
}
	
	
	.header > div {
    max-height: 110px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-content: center;
    align-items: center;
   background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
}
.header div h1 {
    font-size: 18px;
    color: #FFF;
    text-shadow: 2px 2px 2px #000;
    font-weight: 300;
    z-index: 1;
    margin-bottom: 0;
    letter-spacing: 4px;
    text-transform: uppercase;
	margin-top: 56px;
}
.header div span {
    font-weight: 300;
    z-index: 1;
    font-size: 10px;
    color: #FFF;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px #000;
}
section.default h3 {
    font-size: 17px;
    text-align: center;
    text-transform: uppercase;
    margin: 20px 0;
 letter-spacing: 3px;
}
section.default p {
    font-size: 16px;
    line-height: 20px;
}
.kontakt .formalina form {
    flex-flow: column;
}
.kontakt .formalina {
    width: 95%;
    margin: auto;
    padding: 10px 0;
}
	
	
nav #logo object {
	display: flex;
	width: 90px;
}
nav {
height: 60px;}
#hamburger {
    width: 60px;
    height: 58px;
}
.hamburger {
   
    width: 30px;
    margin: 16px auto;
}
.hamburger::before, .hamburger::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #CCC;
    transform: translateY(10px);
}
.hamburger::after {
    transform: translateY(21px);
    transition: 0.3s transform linear;
}
input.navicon:checked + label .hamburger::before {
    transform: rotate(45deg) translateY(0px) translateX(4px);
    top: 15px;
    transition: 0.3s transform linear;
}
input.navicon:checked + label .hamburger::after {
    transform: rotate(-45deg) translateY(30px) translateX(5px);
    /* border: 0; */
    left: -23px;
    transition: 0.3s transform linear;
}
nav ul.primary-menu li a {
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    font-weight: 500;
    height: auto;
    display: flex;
    padding: 10px 10px;
    font-size: 12px;
    flex-flow: wrap;
}
.featured {
    width: 262px;
    flex-flow: wrap;
    margin: auto;
    position: relative;
    right: initial;
    bottom: initial;
    height: auto;
    align-items: center;
    align-content: center;
    justify-content: flex-end;
    margin-top: 75%;
}
.smallslider, .featured a.lokalizacja, .featured a.kontakt {
  
    margin-bottom: 5px;
}
.featured a.lokalizacja{margin-right:2px}
.featured a.kontakt{}

.featured > img:nth-child(1){}
.featured > img:nth-child(2){}
.featured > img:nth-child(3){}

.featured a.lokalizacja, .featured a.kontakt {
    text-decoration: none;
    width: 130px;
    padding: 10px 0;
}
featured .cl a:nth-child(1) {
    background: #FFF;
    margin-right: 5px;
}
.featured .cl {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}
.rect2 {
    background-color: rgb(2, 29, 48);
    opacity: 0.588;
    position: absolute;
    left: initial;
    bottom: -50%;
    width: 40vw;
    height: 65vh;
    z-index: 2;
    transform: translate(-32px, -29px);
    transform: rotateZ(-45deg);
    right: -50%;
}
#mainslick {
   
    overflow: hidden;
}

section.dane-kontaktowe .dane-container {
    position: relative;
    min-height: 650px;
    width: 100%;
    margin: auto;
    display: flex;
    flex-flow: column;
    align-items: center;
    align-content: center;
}
section.dane-kontaktowe .dane-container .left {
    z-index: 1;
    width: 75%;
    padding: 20px;
    position: relative;
    color: #FFF;
}
section.dane-kontaktowe .dane-container h4 {
    margin: 15px 0 15px 0;
    font-size: 18px;
}
section.dane-kontaktowe .dane-container .left h5 {
    position: relative;
    bottom: initial;
    color: #FFF;
    font-weight: 300;
    left: initial;
    width: 100%;
    font-size: 19px;
    text-align: justify;
}
section.dane-kontaktowe .dane-container .right {
    z-index: 1;
    width: 75%;
    display: flex;
    flex-flow: column;
    position: relative;
}
section.dane-kontaktowe .dane-container .right img {
    position: relative;
    top: initial;
    right: initial;
    width: 100%;
}
section.dane-kontaktowe .dane-container .right h6 {
	position: relative;
	bottom: initial;
	font-size: 28px;
	color: #FFF;
	left: initial;
	text-align: center;
}
svg#Warstwa_2 {
   
    display: none;
}
footer .featured {
    order: 1;
    height: auto;
    margin-top: 0;
}
footer.site-footer .featured a.clickable, footer.site-footer .featured a.clickable, footer.site-footer .featured div.clickable {
	width: 25vw;
	height: 25vw;
	padding: 0;
}
footer .featured {
	
	justify-content: center;
	
}

.infotab h2 {
    font-size: 16px;
}
.mapcontainer svg {
		top: 2vw;
	
}

.listoptions .option {
	
	font-size: 11px;
	
}

footer .featured .lokalizacja img, footer .featured .kontakt img, footer .featured .dlamediow img, footer .featured .oinwestycji img, footer .featured .interaktywnamapa img {
    height: 40px;
    padding-bottom: 4px;
}
footer .featured a span {
    text-transform: uppercase;
    font-size: 10px;
    color: #000;
    text-align: center;
	word-break: break-word;
}
footer .featured .lokalizacja span,footer .featured .kontakt span {
    text-transform: uppercase;
    font-size: 10px;
    color: #000;
}
footer .featured .cl {
    margin: 0px;
    height: auto;
    justify-content: center;
    width: 100%;
}
footer.site-footer .featured .cl a.clickable{width:12vw; height:12vw; margin:4px}
footer .rightinfo {
    order: 2;
    width: 100%;
    align-items: center;
    flex-flow: wrap;
}
.flex-row {
	display: flex;
	align-items: center;
	align-content: center;
	padding: 55px 0;
	flex-flow: column;
}
section.default .flex-row.atuty {
		padding: 60px 0;
}
.wpcf7 form > div.end {
	flex-flow: column;
}
.wpcf7 form > div.end > div {
	width: auto;
}
.wpcf7 form > div.end input[type="submit"] {
	color: #FFF;
	background: #47bdc9;
	border: 0;
	/* height: 100%; */
	width: 50%;
	font-size: 20px;
	text-transform: uppercase;
	margin: 0;
	display: flex;
	align-self: center;
	cursor: pointer;
	justify-content: center;
	padding: 22px 0;
	margin: 10px 0;
}
section.default .box.dashed {
    position: relative;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    background: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    text-align: center;
    /* background: #FFF; */
    color: #47bdc9;
    width: 50%;
    margin: 10px;
}
div.content {
  
    overflow: hidden;
}
.imapa.dzialki .mapcontainer svg {
	max-height: initial;
	margin-left: -38%;
	display: block;
	position: relative;
	top: -19vw;
	width: 175%;
	margin-bottom: -19vh;
}
.imapa.dzialki .mapcontainer {
	max-height: 100vh;
	height: auto;
}
g#fields polygon, g#fields path, g#fields polyline{	
	fill-opacity:1;
	 
}

@keyframes fillopacity {
	0% {
		fill-opacity:0.1; 
		
	}
	60% {
	fill-opacity:1; 
		
	}
	100% {
	fill-opacity:1; 
		
	}
}
@-webkit-keyframes fillopacity{
	0% {
		fill-opacity:0.1; 
		
	}
	60% {
	fill-opacity:1; 
		
	}
	100% {
	fill-opacity:1; 
		
	}
}
.fieldtoolbox a{font-size:10px}
.legend {
	font-size: 12px;
	color: #363535;
	display: flex;
	flex-flow: row;
	font-weight: 300;
	z-index: 4;
	position: absolute;
	bottom: 37px;
	left: inherit;
	align-content: center;
	align-items: center;
	justify-content: center;
	justify-items: center;
	width: 100%;
	padding: 0;
border: 0;
background:
transparent;
}
body.home #menu-main-menu::before{display:none!important}
.legend > div {
	display: flex;
	margin-bottom: 5px;
	justify-content: center;
	align-content: center;
	justify-items: center;
	align-items: center;
	margin-right: 5px;
}
.legend i {
	width: 15px;
	height: 15px;
	background-color: #e5bc11;
	display: inline-block;
	padding: 0;
	margin: 0;
	border: 1px solid #FFF;
	margin-right: 3px;
}
.dzialki .infotab h2 {
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	margin: 0px 0 0;
	padding-bottom: 6px;
}
.inner h2 i {
	font-size: 11px;
	text-decoration: none;
	padding: 0 10px;
	display: inline;
}
.threeimg {
	padding: 0;
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	max-height: 40px;
	overflow: hidden;
	margin-bottom: 5px;
	align-content: center;
	align-items: center;
	margin-top: 5px;
	display: none;
}
.dzialki .moblista {
	display: flex;
	width: 100vw;
	position: absolute;
	z-index: 99999;
	justify-content: start;
	align-items: stretch;
	align-content: center;
	justify-items: center;
	bottom: 67px;
}
.dzialki .moblista div.rejon{font-size:14px}
.smallslider {
	width: 262px;
	height: 134px;
}
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------560 END */

.imapa svg g{pointer-events: none;}
.imapa.dzialki svg g#numery{pointer-events: none;}
.imapa.main svg g{pointer-events: none; cursor:help;}
.imapa svg g#fields{pointer-events: all; cursor:help;}
.imapa svg g#fields path.green, .imapa svg g#fields polygon.green, .imapa svg g#fields polyline.green {	cursor: pointer;}
.imapa svg #jeziora path{-webkit-animation-name: water;
	-webkit-animation-duration: 20s;
	animation-name: water;
	animation-duration:20s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
	}

@keyframes water {
	0% {
		stroke-dashoffset: 10px;
	}
	100% {
		stroke-dashoffset: 112px;
		
	}
}
@-webkit-keyframes water {
	0% {
		stroke-dashoffset: 10px;
	}
	100% {
		stroke-dashoffset: 112px;
		
	}
}
@keyframes waterpower {
	0% {
		stroke-dashoffset: 10px;
		fill-opacity:10%;
	}
	10% {
		
		fill-opacity:100%;
	}
	20% {
		
		fill-opacity:10%;
	}
	30% {
		
		fill-opacity:100%;
	}
	40% {
		
		fill-opacity:10%;
	}
	50% {
		
		fill-opacity:100%;
	}
	60% {
		
		fill-opacity:10%;
	}
	70% {
		
		fill-opacity:100%;
	}
	80% {
		
		fill-opacity:10%;
	}
	90% {
		
		fill-opacity:100%;
	}
	
	100% {
		stroke-dashoffset: 112px;
		fill-opacity:100%;
	}
}
@-webkit-keyframes water {
	0% {
		stroke-dashoffset: 10px;
	}
	100% {
		stroke-dashoffset: 112px;
		
	}
}
#ploadercontainer {
    position: fixed;
	top:0; 
	left:0;
    z-index: 99999999999999;
    width: 100%;
    height: 100%;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}
#ploadercontainer #canvas{background-color:transparent}

@media screen and (min-width: 10px) {
.header div span {
	font-weight: 300;
	z-index: 1;
	padding:1%;
	text-shadow: none;
	background: #FFF;
	color: #000;
	
}
.header div h1 {
	
	color: #FFF;
	text-shadow: none;
	font-weight: 300;
	z-index: 1;
	margin-bottom: 0;
	
	text-transform: uppercase;
	background: #000;
	padding:1%;
}
}
.tablo .row.sprzedana:hover{background:#FFF}
.tablo .row.sprzedana span{color:#CCC}
.tablo .row.sprzedana span a{color:#CCC; pointer-events:none;  text-decoration: line-through; font-weight:300}
.tablo .row.sprzedana span a:hover{background:transparent; color:#CCC; }
.tablo .row.sprzedana span:nth-of-type(6):hover a{background:transparent; color:#CCC;}

body.home #menu-main-menu::before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 95%;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #1A3C4E), to(transparent));
    background-image: -o-linear-gradient(#1A3C4E 50%, transparent 100%);
    background-image: linear-gradient(#1A3C4E 50%, transparent 100%);
    opacity: 0.5;
    z-index: -1;
}
.newzap{color:#47bdc9; font-size:15px}

.page-template-page-imapa g#fields polygon.power, .page-template-page-imapa g#fields path.power, .page-template-page-imapa g#fields polyline.power {
	stroke-dasharray: 3px 3px 13px 0px;
	stroke-width: 5px;
	-webkit-animation-name: waterpower;
	-webkit-animation-duration: 5s;
	animation-name: waterpower;
	animation-duration: 5s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
	stroke: #FFF;
	fill: #FFF !important;
}
.page-template-page-imapa g#fields polygon.green.power, .page-template-page-imapa g#fields path.green.power, .page-template-page-imapa g#fields polyline.green.power{fill:#47bdc9 !important}
.mapcontainer .newlegend {
    padding: 10px;
    display: flex;
    flex-flow: column;
    position: absolute;
    bottom: 100px;
    align-items: center;
    justify-content: center;
    align-content: center;
    left: 70px;
    border: 1px solid #FFF;
}
.mapcontainer .newlegend span {
    font-size: 12px;
    padding: 5px 0;
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase;
}
.mapcontainer svg#leg {
	max-height: 30px;
	margin-left: 0;
	display: block;
	position: relative;
	height: 18px;
	top: initial;
	width: 146px;
	z-index: 1;
	border-radius: 0;
	background: #f8d24c;
	border: 1px solid #FFF;
}
.mapcontainer svg#leg path{
	 stroke-dasharray: 3px 3px 13px 0px;
        stroke-width: 16px;
    -webkit-animation-name: waterpower;
    -webkit-animation-duration: 5s;
    animation-name: waterpower;
    animation-duration: 5s;
    animation-delay: 0s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear;
    stroke: #FFF;
	
}
.page-template-page-mariny-z-dzialkami g#fields .green:after{content:''; display:block; width:10px; height:10px; border-radius:50%; background:#000}
svg g#jeziora text, svg g#reszta text, svg g#drogi text, #font1 text{ font-family: 'Lato', sans-serif; font-weight:300;}
svg g#numery text{ 
      font-family: 'Lato', sans-serif;
	  font-weight:400;
      }
	  svg g#jeziora text{

	opacity: 0.6;
}
svg g#w-trakcie circle{}
.page-template-page-mariny-z-dzialkami g#w-trakcie circle, .page-template-page-mariny-z-dzialkami g#w-trakcie ellipse {display:none}
.page-template-page-mariny-z-dzialkami g#w-trakcie circle.w-trakcie{display:initial}
.page-template-page-mariny-z-dzialkami g#fields .w-trakcie{fill: #47bdc9 !important;}
.tablo .row span.w-trakcie:nth-of-type(7){
background: #47bdc9;
align-self: stretch;
white-space:pre;
	
}
.page-template-page-mariny-z-dzialkami g#fields .w-trakcie:hover, .page-template-page-mariny-z-dzialkami g#fields .w-trakcie.green{fill: #d16d69 !important;}
a.zostaw {
	position: fixed;
	right: 0;
	top: 22%;
	z-index: 666;
	color: #FFF;
}
a.zostaw span{background: #47bdc9; padding:10px 20px}
@media screen and (max-width: 768px) {
	a.zostaw{display:none}
}