/* general css ----------------------------------- */
html {
	scroll-behavior:smooth;
	overflow-x: hidden;
}
body {
	overflow: hidden;
	font-size: 12pt;
	font-weight: 400;
	font-family: "Plus Jakarta Sans", sans-serif;
	font-optical-sizing: auto;
	background: #fff;
	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 #1D4732;
}
header div {
	scrollbar-width: thin;
	scrollbar-color: #E8DDCF #1D4732;
}
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-weight: 400;
	margin: 80px 0 10px 0;
	line-height: 120%;
}
h2 {
	font-size: 30pt;
	font-weight: 400;
	margin: 0;
	line-height: 120%;
}
h3 {
	font-size: 28pt;
	font-weight: 400;
	margin: 0 0 20px 0;
	line-height: 120%;
}
h4 {
	font-size: 30pt;
	font-weight: 400;
	margin: 0 0 30px 0;
}
h5 {
	font-size: 18pt;
	font-weight: 400;
	margin: 30px 0 20px 0;
}
h6 {
	font-size: 60pt;
	font-weight: 400;
	margin: 0 0 40px 0;
	color: #1D4732;
}
.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: #1D4732;
	height: 2px;
	z-index: 30;
}
.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: #E8DDCF;
	border: solid 1px #E8DDCF;
	font-size: 13.5pt;
	font-weight: 700;
	text-decoration: none;
	padding: 12px 60px;
	display: inline-block;
}
.btn01:hover {
	color: #1D4732;
	background: #E8DDCF;
}
.btn02 {
	color: #000;
	border: solid 1px #000;
}
.btn02:hover {
	color: #fff;
	background: #000;
}
.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: #1D4732;
	border: solid 1px #1D4732;
	font-size: 13.5pt;
	font-weight: 700;
	text-decoration: none;
	padding: 12px 60px;
	background: none;
	margin-top: 40px;
	display: inline-block;
}
.btn04:hover {
	color: #fff;
	background: #1D4732;
}



.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 #E8DDCF;
	font-size: 19pt;
	font-weight: 400;
	color: #000;
	border-radius: 0;
	height: 50px;
	margin-bottom: 40px;
	padding-left: 0;
}
.form-control::placeholder {
	color: #E8DDCF;
	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: #000;
	font-weight: 700;
}
form p a:hover {text-decoration: none;}

/* Contact Form 7 --------------------- */
.wpcf7-not-valid-tip {
	display: block;
	color: #b32d2e;
	font-size: 10pt;
	font-weight: 400;
	line-height: 1.3;
	margin: 0 0 4px 0;
}
.wpcf7-not-valid {
	border-bottom-color: #b32d2e !important;
}
.wpcf7 form .wpcf7-response-output {
	border: none !important;
	margin: 20px 0 0 0 !important;
	padding: 14px 18px !important;
	font-size: 11pt;
	font-weight: 400;
	background: #E8DDCF;
	color: #1D4732;
	border-radius: 0;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	background: #f3dada;
	color: #b32d2e;
}
.wpcf7 form.sent .wpcf7-response-output {
	background: #1D4732;
	color: #fff;
}
.wpcf7-spinner {
	margin: 0 0 0 16px;
	vertical-align: middle;
	background-color: #1D4732;
}

/* navigace ----------------------------------- */
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 500;
	padding: 20px 0;
	min-height: 100px;
}
.logo {
	position: absolute;
	width: 240px;
	left: 0;
	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;
}
.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: 100px;}
.nav-item:last-child .navbar-toggler {display: block;}
.nav-item .hamburger {
	right: 0;
	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: #1D4732;
	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: #E8DDCF;
	padding: 5px 0;
	position: relative;
	display: inline-block;
}
header .offcanvas-body {padding: var(--bs-offcanvas-padding-y) 0;}
header .offcanvas-contact {
	padding: 40px 0 5px 0;
	color: #E8DDCF;
}
header .offcanvas-contact > span {font-size: 11.25pt;}
header .offcanvas-contact a {
	font-weight: 700;
	color: #E8DDCF;
}
header .offcanvas a:hover::before {
	background: #E8DDCF !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: #E8DDCF;
}
.offcanvas-rights span {
	display: inline-block;
	margin-right: 60px;
}
header .offcanvas-rights a {
	text-decoration: none;
	position: relative;
	color: #E8DDCF;
}
.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: 80px;
	padding: 10px 0;
}
body.scrolled .site-header .logo {width: 180px;}
.subpage header {background: #fff;}
.subpage header .navbar-nav .nav-item.active::before {
	content: "";
	position: absolute;
    border-bottom: solid 4px #1D4732;
	width: 100%;
	left: 0;
	bottom: -28px;
}
.subpage.scrolled header .navbar-nav .nav-item.active::before {bottom: -18px;}
.subpage header .navbar-nav .nav-item.active .nav-link:hover::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: 200px 0;
	background: #123524;
}
.content02::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 40%;
	background: linear-gradient(#AA9278, #E8DDCF);
}
.content02::after {
	content: "";
	position: absolute;
	left: 0;
	top: 46%;
	width: 100%;
	height: 54%;
	background: url("../images/bg01.svg") no-repeat top center;
	background-size: 113% auto;
	z-index: 0;
}
.content02 .container {z-index: 1;}
.content02 .col-md-6.offset-md-4 {
	position: relative;
	z-index: 3;
}
.content02 .col-md-6.offset-md-4 p {
	font-size: 18pt;
	margin-bottom: 200px;
}
.image-overflow-end-wrapper {
	display: flex;
	justify-content: flex-end; 
	width: 100%;
	transform: translate(calc(var(--bs-gutter-x) * .5),-47%);
	position: relative;
}
.overflow-end-img {
	flex-shrink: 0; 
	max-width: 135%; 
}
.image-overflow-end-wrapper span {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #123524;
	font-size: 280pt;
	font-style: italic;
	font-family: "Cormorant Garamond", serif;
	line-height: 175pt;
}
.image-overflow-start-wrapper {
	display: flex;
	justify-content: flex-start; 
	width: 100%;
	transform: translate(calc(var(--bs-gutter-x) * -.5),0);
}
.overflow-start-img {
	flex-shrink: 0; 
	max-width: 145%; 
}
.content02 .slider-wrapper {
	margin: 80px calc(-50vw + 50%) 100px 0;
	position: relative;
}
.slider-benefits .swiper-slide {width: 520px; }
.benefit {
	position: relative;
	padding: 40px 40px 40px 140px;
	color: #E8DDCF;
	font-size: 13.5pt;
}
.benefit::before {
	position: absolute;
	content: "";
	top:0;
	left:0;
	width:50%;
	aspect-ratio:1/1;
	background:#1D4732;
	z-index:-1;
}
.benefit img {
	position: absolute;
	width: 66px;
	left: 40px;
	top: 44px;
}
.para01 {
	position: absolute;
	z-index: 2;
	top: -200px;
}
.para02 {
	position: absolute;
	z-index: 0;
	top: 340px;
	right: -150px;
}
.para03 {
	position: absolute;
	z-index: 2;
	width: 350px;
	animation: butterflyFlutter 3s ease-in-out infinite;
	left: 8%;
	top: 40%;
}
	@keyframes butterflyFlutter {
		0%, 100% { transform: translateY(0) rotate(-2deg); }
		50% { transform: translateY(-8px) rotate(2deg); }
	}
.para04 {
	position: absolute;
	z-index: 2;
	top: -10px;
	left: 25%;
}
.para05 {
	position: absolute;
	z-index: 0;
	bottom: -160px;
	right: 2%;
	width: 400px;
}

/* content03 ------------------------- */
.content03 {
	overflow: hidden;
	height: 100vh;
	color: #fff;
	background: rgba(0,0,0,.3);
	font-size: 16pt;
	padding: 60px 0;
	z-index: 3;
}
.content03 .container {
	text-shadow: #000 0 0 10px;
}
.content03 img.parallax-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 110%; 
	object-fit: cover; 
	z-index: -1;
	transform: translateY(0px);
	transition: transform 0.1s linear;
}
.content03 > span {
	position: absolute;
	bottom: 0;
	left: -35px;
	color: #E8DDCF;
	font-size: 270pt;
	font-style: italic;
	font-family: "Cormorant Garamond", serif;
	line-height: 170pt;
	letter-spacing: -3pt;
}
.content03 .container , .content03 .container  .row {height: 100%;}

/* content04 ------------------------- */
.content04 {
	background: linear-gradient(#E8DDCF,#AA9278);
	padding: 140px 0 400px 0;
}
.slider-note {overflow: visible !important;}
.note {
	width: 20%; 
	height: 500px; 
	display: flex;
	align-items: flex-end; 
	transition: width 0.6s ease;
}
.note-content {
	width: 100%;
	height: 400px; 
	transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
}
.note .img-box {
	aspect-ratio: 9 / 12;
	object-fit: cover;
	display: block;
	height: auto;
	width: 100%;
	background: #123524;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}
.note.swiper-slide-active {width: 45% !important; }
.note.swiper-slide-active .note-content {height: 540px; }
.note.swiper-slide-active .img-box {
	height: 108%;
	aspect-ratio: 9 / 8;
}
.note .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.swiper-button-next, .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;
}
.swiper-button-prev {
	left: auto !important;
	right: 60px !important;
	top: 15% !important;
	transform: rotate(180deg);
}
.swiper-button-next svg, .swiper-button-prev svg {display: none;}
.swiper-button-next:hover, .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;
}

/* content05 ------------------------- */
.content05 {
	background: #123524;
	padding: 60px 0;
	font-size: 24pt;
	font-style: italic;
	font-weight: 300;
	font-family: "Cormorant Garamond", serif;
	color: #E8DDCF;
}
.content05 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.content05 ul li {
	display: inline-block;
	position: relative;
	padding: 5px 24px;
}
.content05 ul li::before {
	content: "";
	position: absolute;
	border-radius: 100%;
	background: #E8DDCF;
	width: 12px;
	height: 12px;
	right: -8px;
	top: calc(50% - 6px);
}
.content05 ul li:last-child:before {display: none;}

/* content06 ------------------------- */
.content06 {padding: 100px 0;}
.content06 .slider-wrapper {margin: 80px calc(-50vw + 50%) 100px 0;}
.slider-milestone .swiper-slide {width: 360px; }
.milestone {
	position: relative;
	text-align: center;
	font-size: 13pt;
}
.milestone span {
	display: inline-block;
	width: 90px;
	height: 90px;
	font-size: 30pt;
	line-height: 90px;
	color: #fff;
	background: #E8DDCF;
	position: relative;
}
.milestone span::before {
	content: "";
	position: absolute;
	background: #E8DDCF;
	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: #1D4732;}
.slider-milestone .swiper-slide-active .milestone span {background: #1D4732;}
.content06 .col-md-12.text-center a {margin: 5px 30px;}

/* content07 ------------------------- */
.content07 {
	background: #E8DDCF;
	padding: 100px 0;
}
.content07 p {
	line-height: 160%;
	padding-bottom: 50px;
	font-size: 16pt;
}
.content07 #map { 
	position: absolute;
    height: 100%; 
    width: 58.35%; 
    background-color: #f5f5f5; 
	right: 0;
	top: 0;
	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: #1D4732;
	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;
}

/* content08 ------------------------- */
.content08 .col-md-5 a, .content08 .col-sm-6 a, .content08 .col-sm-12 a  {
	display: block;
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.content08 .col-md-5 a img, .content08 .col-sm-6 a img, .content08 .col-sm-12 a img {
	object-fit: cover;
	display: block;
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.content08 .col-md-7 .row {height: 100%;}
.content08 .col-sm-6, .content08 .col-sm-12 {height: 50%;}
.content08 .col-md-5 a:hover::after, .content08 .col-sm-6 a:hover::after, .content08 .col-sm-12 a:hover::after  {
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	background: rgba(0,0,0,.7) url("../images/ico07.svg") no-repeat center;
	background-size: 60px auto;
}

/* content09 ------------------------- */
.content09 {padding: 100px 0;}
.form-img {
	background: #E8DDCF;
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 70%;
	margin: 10px 0 50px 0;
}
.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: 400;
	margin-bottom: 20px;
}
.content09 .col-md-5 > span {
	display: block;
	font-size: 13pt;
	font-weight: 400;
	margin-bottom: 20px;
}
.content09 .col-md-5 > p a {
	display: inline-block;
	font-size: 19pt;
	color: #1D4732;
	text-decoration: none;
	position: relative;
}
.content09 .col-md-5 > p a:hover::before {
	background: #1D4732;
	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: #E8DDCF;
	color: #1D4732;
	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: #1D4732;
	text-decoration: none;
	position: relative;
	font-weight: 700;
}
footer a:hover::before {
	background: #1D4732;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	animation: hovermenu 0.4s 1;
	content: "";
	position: absolute;
}
footer .offcanvas-rights {
	color: #1D4732;
	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: #1D4732;
	-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: calc(100vh - 100px);
	overflow: hidden;
	color: #fff;
	margin-top: 100px;
}
.content10 > img, .content10 > video {
	object-fit: cover;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}




.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: #fff;
    stroke-miterlimit: 10;
    stroke-width: 1.99px;
}
.content10 > svg a:hover {
	fill: #fff;
    opacity: .7;
}



.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));
}
.content10 .container {z-index: 2;}
.content10.contact {
	background: #123524 url("../images/bg01.svg") no-repeat top center;
	background-size: 100% auto;
	height: 40vh;
}
.content10.contact .col-md-11.text-center.align-self-end {align-self: center !important;}
.content10.contact .col-md-11.text-center.align-self-end h1 {margin-top: 20px;}
.content10.contact::before {display: none;}
.content10.contact .container {padding-bottom: 0;}

.content11 {padding: 100px 0;}
.content11 table {
	width: 80%;
	border-top: solid 1px #E8DDCF;
	border-bottom: solid 1px #E8DDCF;
	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 #E8DDCF;
}
.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: 300;
}
.content11 table tr:first-child td:last-child {color: #7BC09D;}
.content11 table tr:first-child td.sold {color: #B5A085;}
.content11 table tr td:first-child {padding-left: 50px;}
.content11 table tr td:last-child {font-weight: 700;}
.content1101 {padding: 0 0 60px 30px;}
.content1101 .btn04 {margin: 0 0 30px 0;}
.content11 .col-md-3 {padding: calc(var(--bs-gutter-x) * .5);}
.content11 .col-md-3 [data-fancybox] {
	aspect-ratio: 4 / 3;
	display: block;
	position: relative;
	overflow: hidden;
}
.content11 .col-md-3 [data-fancybox] img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.content11 .col-md-3 [data-fancybox]:hover img {
	transform: scale(1.05);
	filter: contrast(1.3);
}
.content11 .col-md-12.text-center > a {
	font-size: 13pt;
	font-weight: 700;
	color: #000;
	display: inline-block;
	margin-top: 30px;
}
.content11 .col-md-12.text-center > a:hover {text-decoration: none;}
.content12 #map { 
    height: 70vh; 
    width: 100%; 
    background-color: #f5f5f5; 
}
.content13 {
	padding: 100px 0;
	background: linear-gradient(rgba(170,146,120,1), rgba(232,221,207,1));
}
.content13a {
	padding-bottom: 0;
	z-index: 3;
}
.content13 small {
	display: block;
	position: relative;
	z-index: 2;
}
.content1301 {
	color: #fff;
	font-family: "Cormorant Garamond", serif;
	font-style: italic;
	font-size: 285pt;
	letter-spacing: -10px;
	line-height: 340pt;
}
.content1302 {
	color: #fff;
	font-family: "Cormorant Garamond", serif;
	font-style: italic;
	font-size: 235pt;
	letter-spacing: -10px;
	line-height: 147pt;
	display: block;
	margin: -20px 0 0 -10px;
}
.content13 .col-md-5.offset-md-1 > div {
	position: relative;
	height: 100%;
}
.content13 .col-md-5.offset-md-1 img {
	max-width: none;
	position: absolute;
	max-height: calc(100% + 100px);
}
.content14 {
	background: #123524;
	color: #E8DDCF;
	padding-bottom: 80px;
}
.content14 .col-12 img {
	margin-top: -210px;
	aspect-ratio: 16 / 7;
	object-fit: cover;
	width: 100%;
	height: auto;
}
.content14 .col-12 h3 {margin: 100px 0;}
.content14 .col-sm-3 {padding: calc(var(--bs-gutter-x) * .5);}
.content14 .col-sm-3 > div {
	border: solid 1px #1D4732;
	padding: 30px 50px;
	height: 100%;
}
.content14 .col-sm-3 > div img {
	width: 80px;
	margin-left: -10px;
}
.content14 .col-sm-3 > div  h5 {
    font-size: 18pt;
    font-weight: 400;
    margin: 10px 0 20px 0;
}
.content15 {
	background: #123524;
	color: #E8DDCF;
	height: 70vh;
	overflow: hidden;
}
.content15 .container, .content15 .container .row {height: 100%;}
.content1501 {
	position: absolute;
	overflow: hidden;
	height: 100%;
	width: 56%;
}
.content1501 img {
	position: absolute;
	max-width: none;
	bottom: -5%;
	left: -60%;
	width: 235%;
}
.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 {
    height: 100vh;
	color: #E8DDCF;
	font-size: 13pt;
	padding: 100px 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
.content17::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 35%;
	height: 100%;
    background: rgba(18,53,36,.7);
}
.content17 .container, .content17 .container .row {height: 100%;}
.content17 p {margin-bottom: 60px;}
.content18 {padding: 200px 0 100px 0;}
.content18 h6 {margin: 0 0 80px 0;}
.content18 ol {
	list-style: none;
	counter-reset: my-counter;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	padding: 0 0 60px 0;
}
.content18 ol li {
	counter-increment: my-counter;
	position: relative;
	padding: 30px 40px 20px 130px;
	background: #fff;
	overflow: hidden; 
	z-index: 1;
	border: solid 1px #D2DAD6;
	color: #1D4732;
	transition: all 0.3s ease-in-out;
}
.content18 ol li::before {
	content: counter(my-counter);
	position: absolute;
	top: 50%;
	left: -23px;
	font-size: 170pt;
	font-weight: 300;
	color: #1D4732;
	z-index: -1;
	line-height: 1;
	opacity: .2;
	transform: translate(0,-50%);
}
.content18 ol li h4 {
	font-size: 19pt;
	margin-bottom: 15px;
}
.content18 ol li:hover {
	background: #1D4732;
	border: solid 1px #1D4732;
	color: #fff;
}
.content18 ol li:hover::before {color: #fff;}
.content19 {
	background: #123524;
	color: #E8DDCF;
	padding: 100px 0;
	overflow: hidden;
}
.content19 .container {z-index: 1;}
.content1901 {
	position: absolute;
	left: -30px;
	bottom: 0;
	font-family: "Cormorant Garamond", serif;
	font-style: italic;
	font-size: 235pt;
	letter-spacing: -10px;
	line-height: 147pt;
	color: #1D4732;
	z-index: 0;
}
.content1902 {
	position: relative;
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 60px;
}
.content1902::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	top: 24%;
	background: #1D4732;
}
.content1902 > span {
	position: relative;
	background: #123524;
	display: inline-block;
	width: 70%;
}
.content1902 > span::after {
	content: "";
	padding-bottom: 100%;
	display: block;
}
.content1902 > span img {
	position: absolute;
	left: 10px;
	top: 10px;
	object-fit: cover;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
}
.content1902 a {
	position: relative;
	margin: 30px auto;
}
.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;
}
.content20 ul li span {text-decoration: underline;}
.content20 ul li a {
	text-decoration: none;
	color: rgba(0,0,0,.5);
}
.content20 ul li a:hover {
	text-decoration: underline;
	color: rgba(0,0,0,.7);
}
.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;
}
.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,.7) url("../images/ico07.svg") no-repeat center;
	background-size: 60px auto;
}
.content21 {padding: 100px 0;}
.content21 table {
	width: 100%;
	margin: 20px 0;
	white-space: nowrap;
}
.content21 th {
	padding: 14px;
	font-weight: 300;
	text-align: left;
	border-bottom: solid 1px #E8DDCF;
}
.content21 td {
	padding: 14px;
	font-weight: 700;
	text-align: left;
	border-bottom: solid 1px #E8DDCF;
	transition: all 0.3s ease-in-out;
}
.content21 td > strong {font-weight: 300;}
.content21 tr:hover td {background: #E8DDCF;}
.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;
}
.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: #1D4732;
	background: #7BC09D;
	display: inline-block;
	border: solid 1px #7BC09D;
	font-size: 11pt;
	min-width: 93px;
	text-align: center;
}
.content21 td:nth-last-child(2) span.sold {
	color: #8B7158;
	background: #E8DDCF;
	border: solid 1px #E8DDCF;
}
.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;
}
.table-buttons .radiobox input:checked ~ .radiolabel {
	background: #E8DDCF;
	border: solid 1px #E8DDCF;
}



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