/* general css ----------------------------------- */
html {
	scroll-behavior:smooth;
	overflow-x: hidden;
}
body {
	overflow: hidden;
	font-size: 12pt;
	font-weight: 400;
	font-family: "Raleway", sans-serif;
	font-optical-sizing: auto;
	background: #326565;
	color: #000;
}
body::-webkit-scrollbar {width: 6px;}
body::-webkit-scrollbar-track {background: #fff;}
body::-webkit-scrollbar-thumb {
   background-color: #123524;
   border: 1px solid #123524;
}
div {
	scrollbar-width: thin;
	scrollbar-color: #E8DDCF #326565;
}
header div {
	scrollbar-width: thin;
	scrollbar-color: #E8DDCF #326565;
}
div::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
div::-webkit-scrollbar-track {background-color: #fff;}
div::-webkit-scrollbar-thumb {background-color: #A2926B;}
div::-webkit-scrollbar-track, div::-webkit-scrollbar-thumb {border-radius: 12px;}
img {max-width:100%;}
a, button, img, header, footer, span, strong, ::before, ::after {
	transition: all 0.3s ease-in-out;
	outline: none;
}
section, .container {position: relative;}
h1 {
	font-size: 60pt;
	font-family: "Zilla Slab", serif;
	font-weight: 600;
	margin: 80px 0 10px 0;
	line-height: 120%;
}
h2 {
	font-size: 60px;
	font-weight: 600;
	font-family: "Zilla Slab", serif;
	margin: 0 0 20px 0;
	line-height: 120%;
}
h3 {
	font-family: "Zilla Slab", serif;
	font-size: 40px;
	font-weight: 400;
	margin: 0 0 20px 0;
	line-height: 120%;
}
h3 strong {font-weight: 600;}
h4 {
	font-size: 30pt;
	font-weight: 400;
	font-family: "Zilla Slab", serif;
	margin: 0 0 30px 0;
}
h5 {
	font-size: 18pt;
	font-weight: 400;
	margin: 30px 0 20px 0;
}
h6 {
	font-family: "Zilla Slab", serif;
	font-size: 60px;
	font-weight: 300;
	margin: 0 0 40px 0;
	color: #326565;
}
.lenis.lenis-smooth {scroll-behavior: auto;}
.lenis.lenis-smooth [data-lenis-prevent] {overscroll-behavior: contain;}
.lenis.lenis-stopped {overflow: hidden;}
.lenis.lenis-scrolling iframe {pointer-events: none;}
.landscape, .mobile {display: none !important;}
.container {max-width: 1440px;}
.blur-active {
	filter: blur(5px); 
	transition: filter 0.3s ease;
	pointer-events: none;
}
.sitebar {
	position: fixed;
	top: 0;
	left: 0;
	background: #E2E57D;
	height: 2px;
	z-index: 600;
}
.parallax-item, .parallax-img, .sitebar {
  will-change: transform;
  transform: translate3d(0,0,0);
  backface-visibility: hidden;
}

	@keyframes hovermenu { 
		0% {width: 0;}
		100% {width: 100%;}
	}

/* buttons --------------------------- */
.btn01, .btn02 {
	color: #fff;
	border: solid 1px #FF7A29;
	background: #FF7A29;
	border-radius: 10px;
	font-size: 13.5pt;
	font-weight: 700;
	text-decoration: none;
	padding: 12px 40px;
	display: inline-block;
}
.btn01:hover {
	color: #fff;
	background: #326565;
	border-color: #326565;
}
.btn02 {
	color: #326565;
	border: solid 1px #326565;
	background: none;
}
.btn02:hover {
	color: #fff;
	background: #326565;
}
.btn03 {
	background: url("../images/ico06.svg") no-repeat center left 10px;
	background-size: 18px auto;
	display: inline-block;
	text-decoration: none;
	font-weight: 700;
	font-size: 13.5pt;
	padding: 12px 0 12px 40px;
	color: #000;
}
.btn03 span {font-weight: 400;}
.btn03:hover {
	background: url("../images/ico06.svg") no-repeat center left 6px;
	background-size: 24px auto;
}
.btn04 {
	color: #326565;
	border: solid 1px #326565;
	font-size: 13.5pt;
	font-weight: 700;
	text-decoration: none;
	padding: 12px 60px;
	background: none;
	margin-top: 40px;
	display: inline-block;
	border-radius: 10px;
}
.btn04:hover {
	color: #fff;
	background: #326565;
}



.btn05 {
	display: flex;
	flex-wrap: wrap;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	font-size: 13pt;
}
.btn05 span {font-weight: 300;}
.btn05 i {
	display: inline-block;
	width: 30px;
	height: 32px;
	background-color: #fff;
	-webkit-mask: url("i../images/ico06.svg") no-repeat center / contain;
	mask: url("../images/ico06.svg") no-repeat center / contain;
	transition: background-color .3s;
	margin: -2px 8px 0 0;
}
.btn05:hover  {color: #123524;}
.btn05:hover i  {background-color: #123524;}






/* forms --------------------------- */
.form-control {
	background: none;
	border: none;
	border-bottom: solid 1px #E2E57D;
	font-size: 19pt;
	font-weight: 400;
	color: #000;
	border-radius: 0;
	height: 50px;
	margin-bottom: 40px;
	padding-left: 0;
}
.form-control::placeholder {
	color: rgba(50,101,101,.4);
	font-size: 12pt;
	font-weight: 400;
}
.form-control:focus {
    background: none;
    border-color: #000;
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .15);
	color: #000;
}
textarea.form-control {
	height: auto;
	min-height: 100px;
}
form p {font-size: 10pt;}
form p a {
	color: #326565;
	font-weight: 700;
}
form p a:hover {text-decoration: none;}

/* navigace ----------------------------------- */
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 500;
	padding: 20px 0;
	min-height: 100px;
}
.blurmenu .navbar {
	background: #fff;
	border-radius: 20px;
	padding: 20px 15px;
}
.scrolled .blurmenu .navbar {
	background: #fff;
	border-radius: 20px;
	padding: 0;
}
.logo {
	position: absolute;
	width: 230px;
	left: 15px;
	top: 50%;
	z-index: 2;
	transform: translate(0,-50%);
}
header .navbar-toggler, header .navbar-toggler:focus {
	border: none;
	box-shadow: none;
}
header .navbar-nav .nav-item {
	padding: 3px 20px;
	position: relative;
}
header .navbar-nav .nav-link {
	font-weight: 700;
	font-size: 11.25pt;
	color: #1D4732;
	padding-right: 0 !important;
	padding-left: 0 !important;
	position: relative;
}
header .navbar-nav .nav-link:hover::before {
	background: #1D4732;
	width: 100%;
	height: 1px;
	bottom: 5px;
	left: 0;
	animation: hovermenu 0.4s 1;
	content: "";
	position: absolute;
}
header .nav-item.nabidka-bytu.active .nav-link {
	border-radius: 10px;
	background: #FF7A29;
	color: #fff;
	padding-left: 15px !important;
	padding-right: 15px !important;
}
header .nav-item.nabidka-bytu.active .nav-link:hover {background: #336666;}
header .nav-item.nabidka-bytu.active .nav-link:hover::before,
header .nav-item.nabidka-bytu.active::before {display: none;}
.hamburger {
	width: 30px;
	height: 30px;
	position: absolute;
	transition: .5s ease-in-out;
	cursor: pointer;
	right: 10px;
	top: 14px;
	z-index: 2;
}
.nav-item:last-child {min-width: 70px;}
.nav-item:last-child .navbar-toggler {display: block;}
.nav-item .hamburger {
	right: 10px;
	top: 14px;
}
.hamburger span {
   display: block;
   position: absolute;
   height: 2px;
   width: 100%;
   border-radius: 9px;
   opacity: 1;
   left: 0;
   transform: rotate(0deg);
   transition: .25s ease-in-out;
}
.hamburger span {background: #1D4732;}
.hamburger span:nth-child(1) {top: 0px;}
.hamburger span:nth-child(2), .hamburger span:nth-child(3) {top: 7px;}
.hamburger span:nth-child(4) {top: 14px;}
.hamburger.open span {height: 2px !important;}
.hamburger.open span:nth-child(1) {
   top: 11px;
   width: 0%;
   left: 50%;
}
.hamburger.open span:nth-child(2) {transform: rotate(45deg);}
.hamburger.open span:nth-child(3) {transform: rotate(-45deg);}
.hamburger.open span:nth-child(4) {
   top: 11px;
   width: 0%;
   left: 50%;
}
.hamburger span:nth-child(4) {
	width: 50%;
	right: 0;
	left: auto;
}
.hamburger:hover span:nth-child(4) {width: 100%;}
.hamburger.open span:nth-child(4), .hamburger.open:hover span:nth-child(4) {width: 0;}
header .offcanvas.offcanvas.offcanvas-end {
    width: auto;
	min-width: 30%;
	background: #326565;
	padding: 20px 100px;
} 
header .offcanvas-header {
	position: relative;
	padding: 20px 0 0 0;
}
header .offcanvas-header .btn-close {
    margin: 0;
	padding: 0;
	position: absolute;
	background: none;
	right: -40px;
	top: 10px;
	width: 30px;
	height: 30px;
}
header .offcanvas-header .btn-close::after, header .offcanvas-header .btn-close::before {
	content: "";
	position: absolute;
	background: #E8DDCF;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 2px;
	transform: translate(-50%,-50%) rotate(45deg);
}
header .offcanvas-header .btn-close::before {transform: translate(-50%,-50%) rotate(-45deg);}
header .offcanvas-header .btn-close:hover {transform: rotate(90deg);}
header .offcanvas.offcanvas.offcanvas-end img {
    width: 240px;
	margin: 30px 0 20px 0;
} 
header .offcanvas .navbar-nav .nav-item {padding: 3px 0;}
header .offcanvas .navbar-nav .nav-link {
	font-weight: 700;
	font-size: 16.5pt;
	color: #E2E57D;
	padding: 5px 0;
	position: relative;
	display: inline-block;
}
header .offcanvas .navbar-nav .nav-item.active .nav-link {color: #fff;}
header .offcanvas .navbar-nav .nav-link:hover {color: #fff;}
header .offcanvas-body {padding: var(--bs-offcanvas-padding-y) 0;}
header .offcanvas-contact {
	padding: 40px 0 5px 0;
	color: #E2E57D;
}
header .offcanvas-contact > span {font-size: 11.25pt;}
header .offcanvas-contact a {
	font-weight: 700;
	color: #E2E57D;
}
header .offcanvas-contact a:hover {color: #fff;}
header .offcanvas a:hover::before {
	background: #E2E57D !important;
	width: 100%;
	height: 1px;
	bottom: 5px;
	left: 0;
	animation: hovermenu 0.4s 1;
	content: "";
	position: absolute;
}
header .offcanvas-contact p {
	font-size: 17.25pt;
	margin: 20px 0;
}
header .offcanvas-contact p a {
	text-decoration: none;
	position: relative;
}
header .offcanvas p a:hover::before {
	height: 2px;
	bottom: 0;
}
header .offcanvas-contact > div {font-size: 11.25pt;}
header .offcanvas-contact > div a {
	position: relative;
	display: inline-block;
	text-decoration: none;
}
header .offcanvas div a:hover::before {bottom: 0;}
header .offcanvas div a:first-child {margin-right: 80px;}
.offcanvas-rights {
	font-size: 8.25pt;
	color: #E2E57D;
}
.offcanvas-rights span {
	display: inline-block;
	margin-right: 60px;
}
header .offcanvas-rights a {
	text-decoration: none;
	position: relative;
	color: #E2E57D;
}
.site-header.header-hidden {transform: translateY(-101%);}
body.scrolled .site-header {
	box-shadow:0 5px 15px rgba(0,0,0,0.15);
	background:#fff;
	min-height: 70px;
	padding: 10px 0;
}
body.scrolled .site-header .logo {width: 180px;}
.subpage header {background: #fff;}
header .navbar-nav .nav-item.active::before {
	content: "";
	position: absolute;
    border-bottom: solid 4px #1D4732;
	width: 100%;
	left: 0;
	bottom: -28px;
}
.scrolled header .navbar-nav .nav-item.active::before {bottom: -18px;}
header .navbar-nav .nav-item.active .nav-link:hover::before {display: none;}
header .offcanvas .navbar-nav .nav-item.active::before {display: none;}

/* content01 ------------------------- */
.content01 {
	height: 100vh;
	overflow: hidden;
	color: #fff;
}
.content01 > img, .content01 > video {
	object-fit: cover;
	display: block;
	height: auto;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.content01 .container, .content01 .row {height: 100%;}
.offer {
	position: absolute;
	display: inline-block;
	background: #1D4732;
	color: #E8DDCF;
	font-size: 11.25pt;
	text-decoration: none;
	bottom: 0;
	right: 0;
	z-index: 3;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	padding: 30px 8px;
}
.offer:hover {
	color: #1D4732;
	background: #E8DDCF;
}

/* content02 ------------------------- */
.content02 {padding: 50px 0;}
.content02 .container {z-index: 1;}

.content0201 {
	position: relative;
	padding: 15% 10%;
	color: #326565;
	transform: translate(0,-100px);
	z-index: 0;
}
.content0201 *, .content0202 *, .content0203 * {
	position: relative;
	z-index: 2;
}
.content0201::before {
	top: 0;
	left: 0;
	content: "";
	position: absolute;
	border-radius: 40px;
	background: #E2E57D;
	height: 100%;
	width: 130%;
}
.content0201 .btn02 {margin-left: 20px;}
.content0201 p, .content0202 p, .content0203 p {margin-bottom: 40px;}
.row01 img {
	border-radius: 20px;
	aspect-ratio: 4 / 3;
	object-fit: cover; 
	box-shadow: 0 0 50px rgba(0,0,0,.25);
	z-index: 1;
}
.row01 .col-md-6 + .col-md-6 , .row02 .col-md-5, .row03 .col-md-5 {z-index: 1;}

.row02 {padding-top: 40px;}
.row02 img {
	border-radius: 20px;
	aspect-ratio: 1 / 1;
	object-fit: cover; 
	box-shadow: 0 0 50px rgba(0,0,0,.25);
	z-index: 1;
}
.content0202 {
	position: relative;
	padding: 14% 10% 15% 0;
	color: #326565;
	z-index: 0;
	margin-top: 120px;
}
.content0202::before {
	top: 0;
	right: 0;
	content: "";
	position: absolute;
	border-radius: 40px;
	background: #E2E57D;
	height: 100%;
	width: 160%;
}
.row03 {padding-top: 40px;}
.content0203 {
	position: relative;
	padding: 10%;
	color: #326565;
	z-index: 0;
	margin-top: 30px;
}
.content0203::before {
	top: 0;
	left: 0;
	content: "";
	position: absolute;
	border-radius: 40px;
	background: #E2E57D;
	height: 100%;
	width: 160%;
}
.row03 img {
	border-radius: 20px;
	aspect-ratio: 1 / 1;
	object-fit: cover; 
	box-shadow: 0 0 50px rgba(0,0,0,.25);
	z-index: 1;
}
.content02 .col-lg-12 {
	color: #E2E57D;
	padding-top: 120px;
}
.content02 .slider-wrapper {
	margin: 80px calc(-50vw + 50%) 100px 0;
	position: relative;
}
.slider-benefits .swiper-slide {width: 420px; }
.benefit {
	position: relative;
	padding: 20px 40px 0 50px;
	color: #fff;
	font-size: 13.5pt;
}
.benefit::before {
	position: absolute;
	content: "";
	top: 18px;
	left:0;
	width:50px;
	height: 6px;
	background:#E2E57D;
	z-index:-1;
	transform: rotate(-45deg);
}
.content02 .col-md-12 .btn01:hover {
	color: #326565;
	background: #E2E57D;
	border-color: #E2E57D;
}

.content02 .swiper-button-next, .content02 .swiper-button-prev {
	background: url("../images/ico05.svg") no-repeat center;
	background-size: 100% auto;
	width: 36px;
	height: 14px;
	position: absolute;
	right: 0 !important;
	top: 15% !important;
	opacity: .5;
	transition: all 0.3s ease-in-out;
}
.content02 .swiper-button-prev {
	left: auto !important;
	right: 60px !important;
	top: 15% !important;
	transform: rotate(180deg);
}
.content02 .swiper-button-next svg, .content02 .swiper-button-prev svg {display: none;}
.content02 .swiper-button-next:hover, .content02 .swiper-button-prev:hover {opacity: 1;}
.content02 .swiper-button-next, .content02 .swiper-button-prev {
	background: #fff;
	-webkit-mask: url("../images/ico05.svg") no-repeat center / contain;
	mask: url("../images/ico05.svg") no-repeat center / contain;
	right: 60px !important;
	top: -20px !important;
}
.content02 .swiper-button-prev {
	left: auto !important;
	right: 120px !important;
}

/* content03 ------------------------- */
.content03 {
	padding: 60px 0;
}
.content03 ul {
	background: #fff;
	color: #326565;
	font-size: 23px;
	font-family: "Zilla Slab", serif;
	font-weight: 600;
	list-style-type: none;
	padding: 30px 0;
	margin: 0;
	text-align: center;
	transform: rotate(-2.2deg);
	position: relative;
}
.content03 ul::before {
	background: #fff;
	position: absolute;
	content: "";
	height: 100%;
	width: 120%;
	top: 0;
	left: -10%;
}
.content03 ul li {
	display: inline-block;
	padding: 5px 30px;
	position: relative;
}
.content03 ul li:not(:last-child)::before {
	position: absolute;
	border-radius: 100%;
	width: 12px;
	height: 12px;
	right: -8px;
	top: calc(50% - 6px);
	content: "";
	background: #326565;
}

/* content04 ------------------------- */
.content04 {padding: 60px 0 100px 0;}
.content04 .col-lg-8 {color: #E2E57D;}
.content04 .col-lg-8 .btn01 {margin-top: 40px;}
.content04 .col-lg-8 .btn01:hover, .content06 .col-md-12 .btn01:hover {
	color: #326565;
	background: #E2E57D;
	border-color: #E2E57D;
}
.content04 .col-md-12 {position: relative;}
.slider-easy {
	border-radius: 30px;
	margin: 100px 0 30px 0;
}
.easy-button-next, .easy-button-prev {
	background: url("../images/ico01.svg") no-repeat center;
	background-size: 100% auto;
	width: 63px;
	height: 37px;
	position: absolute;
	right: -25px !important;
	top: 50% !important;
	transition: all 0.3s ease-in-out;
	z-index: 10;
}
.easy-button-prev {
	left: -25px !important;
	right: auto !important;
	transform: rotate(180deg);
}
.easy-button-next svg, .easy-button-prev svg {display: none;}
.easy-button-next:hover {right: -35px !important;}
.easy-button-prev:hover {left: -35px !important;}
.content04 .swiper-pagination {bottom: -20px;}
.swiper-pagination-bullet {
  background: #E2E57D;
  width: 40px;
  height: 2px;
  border-radius: 0;
  opacity: 1;
}
.swiper-pagination-bullet-active {
   width: 50px;
  height: 4px;
  transform: translate(0,1px);
}

/* content06 ------------------------- */
.content06 {padding: 80px 0;}
.content06 .slider-wrapper {margin: 0 calc(-50vw + 50%) 100px 0;}
.slider-milestone .swiper-slide {width: 360px; }
.milestone {
	position: relative;
	text-align: center;
	font-size: 13pt;
	color: #fff;
}
.milestone span {
	display: inline-block;
	width: 90px;
	height: 90px;
	font-size: 30pt;
	line-height: 90px;
	color: #326565;
	background: #E2E57D;
	border: solid 1px #E2E57D;
	border-radius: 10px;
	position: relative;
}
.milestone span::before {
	content: "";
	position: absolute;
	background: #E2E57D;
	width: 300px;
	height: 1px;
	top: 45px;
	left: 80px;
	z-index: -1;
}
.swiper-slide-prev .milestone span::before {display: none;}
.milestone strong {
	display: block;
	font-size: 30pt;
	font-weight: 400;
	padding: 10px 0;
}
.slider-milestone .swiper-slide-active .milestone {color: #E2E57D;}
.slider-milestone .swiper-slide-active .milestone span {
	background: #326565;
	color: #E2E57D;
}
.content06 .col-md-12.text-center a {margin: 5px 30px;}

/* content07 ------------------------- */
.content07 {
	background: #E2E57D;
	padding: 100px 0 0 0;
	color: #326565;
	border-radius: 30px 30px 0 0;
}
.content07 p {
	line-height: 160%;
	padding-bottom: 50px;
	font-size: 18px;
}
.content07 .col-md-4 img {
	border-radius: 20px;
	aspect-ratio: 1 / 1;
	object-fit: cover; 
	z-index: 0;
}
.content0701 {
	background: #fff;
	border-radius: 20px;
	padding: 30px;
	position: relative;
	width: 90%;
	margin: -70px auto 30px auto;
}
.content0701 p {
	padding-bottom: 0;
	margin: 0;
	font-size: 16px;
}
.content07 .col-lg-12 {
	padding-top: 60px;
	padding-bottom: 100px;
}
.content07 .col-lg-12 .btn02 {margin-left: 20px;}
.content07 #map { 
	position: relative;
    height: 50vh; 
    width: 100%; 
    background-color: #fff; 
	z-index: 1;
}
.leaflet-tile-container img {filter: grayscale(100%) invert(5%) contrast(1.1) brightness(0.9);}
.leaflet-marker-icon {filter: none !important;}
.content07.contact {
	background: #326565;
	color: #E8DDCF;
}
.content07.contact p {
    line-height: 130%;
    padding-bottom: 20px;
    font-size: 13pt;
}
.content07.contact h3 {
	position: relative;
	padding-top: 50px;
}
.content07.contact h3::before {
	content: "";
	position: absolute;
	top: -15px;
	left: 0;
	background: #E8DDCF;
	-webkit-mask: url("../images/logo-kancelar.svg") no-repeat center / contain;
	mask: url("../images/logo-kancelar.svg") no-repeat center / contain;
	width: 130px;
	height: 60px;
}
.content0701 {
    line-height: 130%;
    padding-bottom: 40px;
    font-size: 16pt;
}
.content0701 a {
    text-decoration: none;
	color: #E8DDCF;
	position: relative;
}
.content0701 a:hover::before {
	background: #E8DDCF;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	animation: hovermenu 0.4s 1;
	content: "";
	position: absolute;
}

/* content09 ------------------------- */
.content09 {
	padding: 100px 0;
	background: #fff;
	color: #326565;
}
.content09::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 40px;
	background: #326565;
	border-radius: 30px 30px 0 0;
	left: 0;
	bottom: 0;
}
.form-img {
	background: #E2E57D;
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 70%;
	margin: 10px 0 50px 0;
	border-radius: 20px;
}
.form-img::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
.form-img img {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
}
.content09 .col-md-5 > strong {
	display: block;
	font-size: 30pt;
	font-weight: 600;
	font-family: "Zilla Slab", serif;
	margin-bottom: 20px;
}
.content09 .col-md-5 > span {
	display: block;
	font-size: 13pt;
	font-weight: 400;
	font-family: "Zilla Slab", serif;
	margin-bottom: 20px;
}
.content09 .col-md-5 > p a {
	display: inline-block;
	font-size: 19pt;
	font-family: "Zilla Slab", serif;
	color: #326565;
	text-decoration: none;
	position: relative;
}
.content09 .col-md-5 > p a:hover::before {
	background: #326565;
	width: 100%;
	height: 1px;
	bottom: 4px;
	left: 0;
	animation: hovermenu 0.4s 1;
	content: "";
	position: absolute;
}
.content09 .col-md-7 b {
	display: block;
	font-size: 19pt;
	font-weight: 400;
	margin-bottom: 40px;
}

/* footer ----------------------------------- */
footer {
    background: #326565;
	color: #E2E57D;
	font-size: 11pt;
	padding: 150px 0 20px 0;
}
footer .col-lg-12 img {
    width: 240px;
	margin-bottom: 80px;
}
footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 20px 0;
}
footer ul li {padding: 0 0 10px 0;}
footer a {
	color: #E2E57D;
	text-decoration: none;
	position: relative;
	font-weight: 700;
}
footer a:hover::before {
	background: #E2E57D;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	animation: hovermenu 0.4s 1;
	content: "";
	position: absolute;
}
footer .offcanvas-rights {
	color: #E2E57D;
	padding-top: 60px;
}
footer .offcanvas-contact p a {font-size: 17pt;}
footer .offcanvas-contact div a:first-child {
	display: inline-block;
	margin-right: 30px;
}
.para-footer {
    position: absolute;
    top: -500px; 
    left: 12%; 
    z-index: 10;
    pointer-events: none; 
	width: 270px;
    animation: floatKeys 4s ease-in-out infinite;
    will-change: transform;
}
	@keyframes floatKeys {
		0%, 100% {transform: translateY(0) rotate(0deg);}
		50% {transform: translateY(-15px) rotate(2deg); }
	}
.firma {
	position: relative;
	padding-top: 50px;
}
.firma::before {
	content: "";
	position: absolute;
	top: -15px;
	left: 0;
	background: #E2E57D;
	-webkit-mask: url("../images/logo-kancelar.svg") no-repeat center / contain;
	mask: url("../images/logo-kancelar.svg") no-repeat center / contain;
	width: 130px;
	height: 60px;
}

/* sub pages ----------------------------------- */
.content10 {
	height: 100vh;
	overflow: hidden;
	color: #fff;
}
.content10 > img, .content10 > video {
	object-fit: cover;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.content10 h2 {
    font-size: 30px;
    font-weight: 400;
    font-family: "Raleway", sans-serif;
}
.content10 > svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
}
.content10 > svg a {
	fill: rgba(255,255,255,0);
	stroke: #e3e57e;
    stroke-miterlimit: 10;
    stroke-width: 2.99px;
}
.content10 > svg a:hover {
	fill: #e3e57e;
    opacity: .7;
}
.houses-headline {
	position: absolute;
	bottom: 8%;
	left: 50%;
	transform: translate(-50%,0);
	z-index: 25;
	text-align: center;
}
.houses-headline h1 {margin-top: 0;}
.content10 .container, .content10 .row {height: 100%;}
.content10 .container {padding-bottom: 5%;}
.content10::before {
	position: absolute;
	content: "";
	z-index: 1;
	height: 30vh;
	bottom: 0;
	left: 0;
	width: 100%;
	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6));
}

.content10a::before {
	height: 100vh;
	background: linear-gradient(rgba(50,101,101,0), rgba(50,101,101,1));
}

.content10 .container {z-index: 2;}

.content10.contact {
	height: auto;
	padding: 100px 0;
	z-index: 3;
	overflow: visible;
	margin-bottom: 100px;
}
.content10.contact::before {
	height: 100px;
	bottom: -100px;
	background: #fff;
}
.contact img[src$=".jpg"] {
	border-radius: 20px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	width: 100%;
	height: auto;
	margin: 80px 0 -200px 0;
}
.contact img[src$=".svg"] {
	width: 140px;
	margin: 100px 0 20px 0;
}
.contact01 {
	font-size: 40px;
	font-family: "Zilla Slab", serif;
	margin-top: 40px;
}
.contact01 a {
	color: #fff;
	text-decoration: none;
}
.contact01 a:hover {text-decoration: underline;}

.content10.contact .container {padding-bottom: 0;}

.content11 {padding: 100px 0;}
.content11 table {
	width: 100%;
	border-top: solid 1px #326565;
	border-bottom: solid 1px #326565;
	margin: 40px 0;
	font-size: 12pt;
}
.content11 table td {padding: 15px;}
.content11 table tr:first-child td {padding-top: 30px;}
.content11 table tr:nth-last-child(2) td {
	padding-bottom: 30px;
	border-bottom: solid 1px #326565;
}
.content11 table tr:last-child td {
	padding-bottom: 20px;
	padding-top: 20px;
}
.content11 table tr:last-child td:last-child {
	font-size: 30pt;
	font-weight: 600;
	font-family: "Zilla Slab", serif;
}
.content11 table tr:first-child td:last-child {color: #326565;}
.content11 table tr td:first-child {padding-left: 50px;}
.content11 table tr td:last-child {font-weight: 700;}
.content1101 {padding: 0 0 0 30px;}
.content1101 .btn01 {margin: 0 0 30px 0;}

.content1102 {
	background: #E2E57D;
	border-radius: 40px;
	padding: 8% 15%;
}
.content1102 h2 {
    font-size: 40px;
	margin: 0;
}
.pudorys {
	display: block;
	border-radius: 40px;
	height: 100%;
	background: #fff;
	overflow: hidden;
	position: relative;
}
.pudorys img {
	transform: translate(0,-50%);
	top: 50%;
	position: absolute;
}
.skryte {display: none;}
.row.fotky {margin-top: 40px;}

.content11 .col-md-6 {padding: calc(var(--bs-gutter-x) * .5);}
.content11 .col-sm-6 {padding: calc(var(--bs-gutter-x) * .5);}
.content11 .col-md-6 > .row {margin-top: calc(var(--bs-gutter-x) * -.5);}
.content11 .row.fotky .col-md-6 a {
	position: relative;
	display: block;
	border-radius: 20px;
	overflow: hidden;
}
.content11 .row.fotky .col-md-6 a img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.content11 .col-sm-6 a img {aspect-ratio: 4 / 2.98;}
.content11 .row.fotky .col-md-6 [data-fancybox]:hover img {
	transform: scale(1.05);
	filter: contrast(1.3);
}
.vicefoto {
	background: #E2E57D;
	height: 100%;
	color: #000;
	font-weight: 700;
	position: relative;
	padding: 20px 0;
}
.vicefoto span {
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	position: absolute;
	width: 100%;
	text-align: center;
	text-decoration: underline;
}
.vicefoto:hover {background: #fff;}
.vicefoto:hover span {text-decoration: none;}
.content12 #map { 
    height: 70vh; 
    width: 100%; 
    background-color: #f5f5f5; 
}
.content13 {
	padding: 100px 0 400px 0;
	color: #E2E57D;
}
.content13a {padding-bottom: 0;}
.content13a .col-md-6 img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
	width: 100%;
	height: auto;
	border-radius: 20px 20px 0 0;
	box-shadow: 0 0 50px rgba(0,0,0,.25);
}
.content14 {
	background: #E2E57D;
	color: #326565;
	padding-bottom: 200px;
	border-radius: 40px;
}
.content14 .col-12 img {
	margin: -260px 0 60px 0;
	aspect-ratio: 16 / 7;
	object-fit: cover;
	width: 100%;
	height: auto;
	border-radius: 30px;
}
.content14 .col-sm-6 .row .col-sm-6 {padding: calc(var(--bs-gutter-x) * .5);}
.potreba {
	border-radius: 10px;
	background: #326565;
	box-shadow: 0 0 40px -10px #326565;
	border: solid 1px #326565;
	text-align: center;
	padding: 40px;
	color: #E2E57D;
	font-family: "Zilla Slab", serif;
	height: 100%;
}
.potreba img {width: 55px;}
.potreba h5 {
	font-weight: 600;
	margin: 20px 0 10px 0;
}
.potreba02 {
	background: none;
	box-shadow: none;
	color: #326565;
}
.potreba02 img {width: 68px;}
.content15 {
	color: #E2E57D;
	margin-top: -100px;
}
.content15 img {
	box-shadow: 0 0 50px rgba(0,0,0,.25);
	border-radius: 30px;
	transform: translate(0,-20px);
	aspect-ratio: 4 / 3;
	object-fit: cover;
	width: 100%;
	height: auto;
}
.content15 .row {margin-bottom: 100px;}
.content15 .col-md-6.align-self-end div {padding: 0 10%;}
.content15 .col-md-6.align-self-end.order-md-0 div {padding-left: 0;}
.content15 h3 {font-weight: 600;}



.content15 .offset-md-4 > div {
	background: rgba(18,53,36,.7);
	padding: 30px 50px;
	font-size: 18pt;
}
.content15 .para02 {
    top: auto;
    right: -15%;
	bottom: -28%;
}
.content15 .para04 {
    top: 50%;
    left: 20%;
}
.content16 {padding: 150px 0;}
.content1601 {
	background: #123524;
	position: absolute;
	right: 0;
	top: 150px;
	bottom: 150px;
	width: 44%;
	overflow: hidden;
}
.content16 .offset-md-1 {
	padding-top: 13%;
	padding-bottom: 13%;
}
.content1601 img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.content16 .para03 {top: -5%;}
.content16 .para05 {
    bottom: -160px;
    right: auto;
	left: 10%;
    width: 380px;
}


.content17 {
	border-radius: 40px;
	color: #326565;
	padding: 100px 0;
	background: #E2E57D;
}
.content17::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: -1;
}
.content17a::before {
	top: 40px;
	height: calc(100% - 40px);
}
.content17 img {
	border-radius: 20px;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	width: 100%;
	height: auto;
}


.content18 {
	padding: 100px 0 100px 0;
	background: #fff;
}
.content18 h6 {
	margin: 0 0 20px 0;
	font-weight: 600;
}
.content18 ol {
	list-style: none;
	counter-reset: my-counter;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
	padding: 0 0 60px 0;
}
.content18 ol li {
	counter-increment: my-counter;
	position: relative;
	padding: 120px 40px 20px 0;
	z-index: 1;
	color: #326565;
}
.content18 ol li::before {
	content: counter(my-counter);
	position: absolute;
	top: -30px;
	left: -8px;
	font-size: 230px;
	 font-family: "Zilla Slab", serif;
	font-weight: 300;
	color: #E2E57D;
	z-index: -1;
	line-height: 1;
}
.content18 ol li::after {
	content: "";
	position: absolute;
	top: 80px;
	right: 0;
	border-bottom: solid 1px #E2E57D;
	z-index: -1;
	width: 62%;
}
.content18 ol li:nth-child(4)::after, .content18 ol li:last-child::after, .content18 ol li:last-child::before  {display: none;}
.content18 ol li:nth-last-child(2)::after, .content18 ol li:last-child::after {border-bottom: solid 1px #326565;}
.content18 ol li h4 {
	font-size: 60px;
	font-weight: 600;
	margin-bottom: 15px;
}
.content18 ol li:last-child span {
	display: inline-block;
	width: 102px;
	height: 102px;
	border-radius: 100%;
	background: #326565;
	text-indent: -9999px;
	transform: translate(30px,-90px);
	position: relative;
}
.content18 ol li:last-child span::before {
	content: "";
	width: 57px;
	height: 25px;
	transform: rotate(-45deg);
	position: absolute;
	border-left: solid 2px #fff;
	border-bottom: solid 2px #fff;
	left: 20px;
	top: 30px;
}
.content19 {
	color: #E2E57D;
	padding: 100px 0;
}
.content1902 {
	position: relative;
	justify-content: center;
	display: inline-block;
	border: solid 1px #E2E57D;
	border-radius: 15px;
	padding: 20px 40px;
}
.content1902 .btn05 {
	display: inline-block;
	color: #E2E57D;
	text-decoration: none;
	font-weight: 700;
	font-size: 13pt;
}
.content1902 .btn05 span {
	font-weight: 300;
	display: block;
}
.content1902 .btn05 i {
	display: inline-block;
	width: 30px;
	height: 32px;
	background-color: #E2E57D;
	-webkit-mask: url("i../images/ico06.svg") no-repeat center / contain;
	mask: url("../images/ico06.svg") no-repeat center / contain;
	transition: background-color .3s;
	margin: -2px 8px 0 0;
}
.content1902 .btn05:hover  {color: #fff;}
.content1902 .btn05:hover i  {background-color: #fff;}






.content20 {padding: 100px 0;}
.content20 ul {
	padding: 30px 0;
	margin: 0;
	font-size: 30pt;
	list-style-type: none;
}
.content20 ul li {
	display: inline-block;
	margin: 0 20px;
	color: #fff;
	font-family: "Zilla Slab", serif;
}
.content20 ul li span {text-decoration: underline;}
.content20 ul li a {
	text-decoration: none;
	color: rgba(255,255,255,.5);
}
.content20 ul li a:hover {
	text-decoration: underline;
	color: rgba(226,229,125,.9);
}
.custom-2600 {
    max-width: 1600px;
    margin: 0 auto;
    transition: all 0.3s ease;
}
.side-img {
    object-fit: cover;
    min-height: 200px;
}
.main-img { aspect-ratio: 16 / 10; object-fit: cover; }
.sub-img { aspect-ratio: 4 / 3; object-fit: cover; }
.bottom-img { aspect-ratio: 3 / 2; object-fit: cover; }
.custom-2600 a  {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: 15px;
}
.custom-2600 a img {
	object-fit: cover;
	display: block;
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.custom-2600 a:hover::after  {
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	background: rgba(0,0,0,.4);
}
.custom-2600 a:hover img {transform: scale(1.05);}
.content21 {
	padding: 100px 0;
	background: #fff;
}
.content21 table {
	width: 100%;
	margin: 20px 0;
	white-space: nowrap;
}
.content21 th {
	padding: 14px;
	font-weight: 300;
	text-align: left;
	border-bottom: solid 1px #E2E57D;
}
.content21 td {
	padding: 14px;
	font-weight: 700;
	text-align: left;
	border-bottom: solid 1px #E2E57D;
	transition: all 0.3s ease-in-out;
}
.content21 td > strong {font-weight: 300;}
.content21 tr:hover td {background: #E2E57D;}
.content21 td:last-child {
	width: 140px;
	text-align: right;
}
.content21 td:last-child a {
	padding: 10px 15px;
	color: #000;
	text-decoration: none;
	display: inline-block;
	border: solid 1px #000;
	font-size: 11pt;
	border-radius: 10px;
}
.content21 td:last-child a:hover {
	color: #fff;
	background: #000;
}
.content21 td:nth-last-child(2) {width: 98px;}
.content21 td:nth-last-child(2) span {
	padding: 10px 15px;
	color: #fff;
	background: #326565;
	display: inline-block;
	border: solid 1px #326565;
	font-size: 11pt;
	min-width: 93px;
	text-align: center;
	border-radius: 10px;
}
.content21 td.sold:nth-last-child(2) span {
	color: #E65353;
	background: none;
	border: solid 1px #E65353;
}
.content21 td.reserved:nth-last-child(2) span {
	color: #B87824;
	background: none;
	border: solid 1px #B87824;
}
.table-buttons {
	text-align: center;
	padding-bottom: 30px;
}
.table-buttons .radiobox input {
	position: absolute;
	opacity: 0;
	height: 0;
	width: 0;
}
.table-buttons .radiobox {
	display: inline-block;
	padding: 4px;
}
.table-buttons .radiolabel {
	padding: 10px 30px;
	background: #fff;
	border: solid 1px #000;
	cursor: pointer;
	font-size: 13pt;
	font-weight: 700;
	display: inline-block;
	border-radius: 10px;
}
.table-buttons .radiobox input:checked ~ .radiolabel {
	background: #326565;
	border: solid 1px #326565;
	color: #fff;
}



/* tom 2026 ---------------------------- */