img {border:none;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
a:visited {text-decoration:none;}
a:focus {text-decoration:none;}
a {outline:none;}
a img {border:none;}
img {max-width:100%;}
b,strong {font-weight:700;}
* {box-sizing:border-box;-mox-box-sizing:border-box;-webkit-box-sizing:border-box;}
html,body {margin:0;padding:0;height:100%; font-family: "Open Sans", sans-serif;}
body {padding-top:5rem;}
html {font-size:clamp(0.8rem, 1vw + 0.1rem, 1.2rem);}
body {font-size:1rem;}
.poppins,.nag {font-family: "Poppins", sans-serif;}
.flex {display:flex;justify-content:space-between;flex-wrap:wrap;}
.flexStart {justify-content:flex-start;}
.flexEnd {justify-content:flex-end;}
.flexCenter {justify-content:center;}
.flexVcenter {align-items:center;}
.flexVend {align-items:flex-end;}
.flexAround {justify-content:space-around;}
#wrapper {min-height:100%;position:relative;}
#header {background:#ededed;position:relative;}
#menu ul {margin:0px;padding:0px;font-size:0.8rem;letter-spacing:0.1em;font-weight:500;display:flex;align-items:center;gap:2rem;}
#menu ul li {list-style:none;text-align:center;padding:0.5rem 1rem;display:inline-block;}
#menu ul li a {padding:0.5rem 0px;color:#fff !important;white-space:nowrap;text-transform:uppercase;text-decoration:none;}
#menu ul li a:hover {color:#ccc !important;}
#topbar .logo a {color:#fff !important;}
#nav-icon span {background:#fff !important;}
#menu ul li {position:relative;}
#menu ul li ul {display:none;text-align:left;width:10rem;position:absolute;top:100%;left:0;background:#d32f2f;padding:0.5rem 0;z-index:1000;box-shadow:0 4px 10px rgba(0,0,0,0.2);}
#menu ul li ul li {width:100%;text-align:left;padding:0.5rem 1rem;display:block;}
#menu ul li ul li a {color:#fff !important;padding:0.25rem 0;font-size:0.9rem;display:block;}
#menu ul li ul li a:hover {color:#fff !important;background:rgba(255,255,255,0.1);}
#menu ul li:hover ul {display:block;}
#mobile-menu #menu ul li ul {position:static;display:none;width:100%;background:rgba(0,0,0,0.1);margin-top:0.5rem;padding:0.5rem 0;}
#mobile-menu #menu ul li ul li {padding:0.5rem 1rem;}
#mobile-menu #menu ul li.has-submenu > a:after {content:'+';float:right;font-size:1rem;}
#mobile-menu #menu ul li.has-submenu.active > a:after {content:'-';}
#mobile-menu #menu ul li.has-submenu.active ul {display:block;}
.mobile {display:none;}
#topbar {z-index:999;position:fixed;top:0;right:0;left:0;background:rgba(0,0,0,0);padding:1rem 0;box-shadow:none;transition:background 0.3s;}
#topbar.fixedHeader {background:rgba(0,0,0,0.5);box-shadow:0 2px 5px rgba(0,0,0,0.5);}
#topbar .flex {align-items:center;}
#topbar .box.flex {flex-wrap:nowrap;}
.logo {width:10rem;}
.logo a {color:#fff;font-family:"Poppins", sans-serif;font-weight:700;font-size:1.2rem;line-height:1.2;text-decoration:none;display:block;text-align:center;}
.logo a:hover {color:#fff;}
.logo img {height:auto;display:block;}
#topbar.fixedHeader .logo {width:8rem;}
#topbar.fixedHeader {padding:5px 0;}
.reservation-button {margin-left:1rem;}
.button-reservation {background:#000;color:#fff;padding:0.8rem 2rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;font-size:0.8rem;display:inline-block;border:none;cursor:pointer;text-decoration:none;transition:all 0.3s;}
.button-reservation:hover {background:#333;color:#fff;}
.social-icons {display:flex;align-items:center;gap:2px;margin-left:1rem;}
.social-icon {color:#000;font-size:14px;padding:0.5rem 1rem;}
.social-icon:hover {color:#d32f2f;}
.social-icon img {display:block;height:auto;}
.scroll-dot {width:8px;height:8px;background:#d32f2f;border-radius:50%;}
#mobile-menu {background:rgba(0,0,0,0.95);z-index:998;position:fixed;top:0;bottom:0;right:0;left:0;text-align:center;padding-top:100px;display:none;}
#mobile-menu #menu ul li {width:100%;padding:5px 10px;font-weight:700;}
#mobile-menu #menu ul li a {padding:3px 0px;color:#fff !important;text-transform:uppercase;}
#mobile-menu #menu ul li a:hover {color:#ccc !important;}
.button-reservation-mobile {background:#000 !important;color:#fff !important;padding:0.75rem 1.5rem !important;display:inline-block !important;margin-top:1rem !important;border:1px solid #fff !important;}
.button-reservation-mobile:hover {background:#333 !important;color:#fff !important;}
#nav-icon {width: 40px;height: 27px;position: relative;margin: 10px auto;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#nav-icon span {display: block;position: absolute;height: 5px;width: 100%;background: #000;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-icon span:nth-child(1) {top: 0px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon span:nth-child(2) {top: 10px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon span:nth-child(3) {top: 20px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon.open span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: -3px;left: 8px;}
#nav-icon.open span:nth-child(2) {width: 0%;opacity: 0;}
#nav-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 25px;left: 8px;}
.alignRight {text-align:right;}
.alignCenter {text-align:center;}
.button {cursor:pointer;display:inline-block;padding:0.5rem 1rem;background:#555;border:2px solid #555;color:#fff;}
.button:hover {background:#000;border:2px solid #000;color:#fff;}

.gal-item {width:24%;margin-bottom:1.5%;position:relative;overflow: hidden;}
.gal-item:after {content:'';padding-top:60%;display:block;}
.gal-item:empty {margin-bottom:0;}
.gal-item:hover img {transform:scale(1.1);}
.gal-item img {width:100%;height:100%;object-fit: cover;position:absolute;top:0;bottom:0;right:0;left:0;}

.entry {	margin-top: 0;}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {float:none;}
.woocommerce div.product {margin-bottom: 0;position: relative;display:flex;justify-content:space-between;flex-wrap:wrap;}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {float: none;width: 38%;}
.woocommerce div.product div.images,.woocommerce div.product div.summary {margin-bottom: 0;}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {float: none;width: 60%;clear: none;}
.entry .entry-content, .entry .entry-summary {max-width: 100%;margin: 0 0%;padding: 0 0px;}

.box {max-width:1620px;margin: 0px auto;padding:0px 10px;}
.box2 {max-width:1420px;margin: 0px auto;padding:0px 10px;}
.transition,.logo,.button,.gal-item img  {transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s; }
ul.list {list-style-type: none;margin:0px; padding:0px;margin-left:10px;}
ul.list li:before {content:"-"; position:relative; left:-5px;}
ul.list li{ text-indent:-5px; }
@media all and ( max-width:1500px) {

}
@media all and ( max-width:1020px) {
	.mobile {display:block;}
	.desktop {display:none;}
	.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {width: 100%;}
	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {width: 100%;}
	#menu ul {display:block;}
}
@media all and ( max-width:768px) {
	
}

/* Hero Section */
.hero-section {position:relative;width:100%;height:calc(100vh - 5rem);min-height:40rem;overflow:hidden;background:#000;margin-top:-5rem;}
.hero-slider {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.hero-slider .flickity-viewport {height:100%;}
.hero-slider .flickity-slider {height:100%;}
.hero-slide {width:100%;height:100%;position:relative;}
.hero-slide img {width:100%;height:100%;object-fit:cover;display:block;}
.hero-overlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);pointer-events:none;}
.hero-content {text-align:center;color:#fff;}
.hero-title {font-family:"Poppins", sans-serif;font-size:8rem;font-weight:700;margin:0;line-height:1;}
.hero-subtitle {font-family:"Open Sans", sans-serif;font-size:1.5rem;font-weight:300;margin:0.5rem 0 0 0;letter-spacing:0.3em;text-transform:uppercase;}
.hero-bottom {position:absolute;bottom:2rem;left:0;right:0;z-index:3;padding:0 2rem;}
.hero-bottom .box {width:100%;display:flex;justify-content:space-between;align-items:center;}
.hero-social {display:flex;flex-direction:row;gap:3rem;align-items:center;}
.hero-social .social-link {opacity:1;transition:opacity 0.3s;}
.hero-social .social-link:hover {opacity:1;}
.hero-social .social-link img {width:16px;height:16px;filter:brightness(0) invert(1);display:block;}
.hero-navigation {display:flex;flex-direction:row;gap:1rem;align-items:center;position:relative;z-index:10;}
.nav-arrow {background:transparent;border:none;cursor:pointer;padding:0.5rem;opacity:0.8;transition:opacity 0.3s;width:auto;height:auto;display:inline-block;position:relative;visibility:visible;}
.nav-arrow:hover {opacity:1;}
.nav-arrow img {width:2rem;height:2rem;filter:brightness(0) invert(1);display:block;}
.hero-slider .flickity-button {display:none !important;}

/* Content Sections */
.content-section {padding:4rem 0;background:#fff;}


/* Section Labels and Titles */
.section-label {font-size:0.85rem;text-transform:uppercase;letter-spacing:0.4em;color:#000;margin:0 0 0.5rem 0;font-weight:600;}
.section-title {font-family:"Poppins", sans-serif;font-size:3rem;font-weight:700;margin:0 0 2rem 0;color:#000;line-height:1.2;}
.section-subtitle {font-size:1.5rem;font-weight:400;margin:0 0 2rem 0;color:#000;}
.section-description {font-size:1rem;line-height:1.6;color:#333;margin:0;}

/* Section 2: About */
.about-section {background:#fff;padding:8rem 0;}
.about-content {gap:6rem;align-items:center;}
.about-images {display:flex;gap:0;max-width:60%;position:relative;align-items:center;}
.about-image-main {position:relative;overflow:hidden;width:60%;}
.about-image-main img {width:100%;height:auto;display:block;}
.about-image-secondary {position:relative;overflow:hidden;padding-top:5%;width:40%;}
.about-image-secondary img {width:100%;height:auto;display:block;}
.about-text {flex:1;max-width:40%;}
.about-text .section-label {text-align:left;font-size:0.7rem;color:#000;margin-bottom:1.2rem;font-weight:500;letter-spacing:0.6em;}
.about-text .section-title {text-align:left;margin-bottom:2rem;font-size:4rem;line-height:1.1;color:#000;font-weight:700;}
.about-text .section-description {text-align:left;font-size:0.7rem;line-height:1.4;color:#000;max-width:21rem;}

/* Section 3: Offer/Apartments */
.offer-section {background:linear-gradient(to bottom, #fff 40%, #EFEAE4 40%);}
.apartments-grid {gap:2rem;margin-top:7rem;}
.apartment-item {flex:1;position:relative;padding-bottom:4rem;}
.apartment-image {width:100%;padding-top:110%;position:relative;overflow:hidden;}
.apartment-image img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.apartment-number {font-size:0.9rem;font-weight:600;color:#000;margin:1.5rem 1.5rem 0rem 0rem;letter-spacing:0.2em;}
.apartment-title {font-family:"Poppins", sans-serif;font-size:1.75rem;font-weight:700;margin:1rem 0 2rem 0;color:#000;}
.apartment-description {font-size:0.7rem;line-height:1.4;color:#000;margin:0;padding-right:0rem;}
.button-apartment {font-family:"Poppins", sans-serif;position:absolute;bottom:0;left:0;display:inline-flex;align-items:center;gap:0.5rem;background:#000;color:#fff;padding:0.6rem 1.4rem;font-weight:500;text-transform:uppercase;font-size:0.7rem;margin:0;text-decoration:none;transition:background 0.3s;letter-spacing:0.2em;}
.button-apartment:hover {background:#333;color:#fff;}
.button-apartment img {width:0.7rem;height:0.7rem;filter:brightness(0) invert(1);}

/* Section 4: Equipment */
.equipment-section {background:#fff;padding-top:8rem;}
.equipment-content {gap:4rem;margin-top:7rem;align-items:flex-start;}
.equipment-image {flex:1;max-width:40%;}
.equipment-image img {width:100%;height:auto;display:block;}
.equipment-text {flex:1;max-width:50%;}
.equipment-list {margin-top:2rem;display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;}
.equipment-item {gap:1.5rem;margin-bottom:2rem;align-items:flex-start;}
.equipment-number {font-family:"Poppins", sans-serif;font-size:0.8rem;font-weight:500;color:#000;margin:0;min-width:2rem;letter-spacing:0.2em;}
.equipment-details {}
.equipment-title {font-family:"Poppins", sans-serif;font-size:1.6rem;font-weight:700;margin:0 0 0.5rem 0;color:#000;}
.equipment-description {font-size:0.7rem;line-height:1.4;color:#000;margin:0;}

/* Section 5: Reservation */
.reservation-section {background:#EFEAE4;padding-top:8rem;padding-bottom:1rem;}
.reservation-form {max-width:50rem;margin:7rem auto 0;padding:0 1rem;}
.form-row {margin-bottom:1.5rem;}
.form-row input, .form-row select {width:100%;padding:0.6rem 0;border:none;border-bottom:1px solid #000;background:transparent;font-size:0.8rem;font-family:"Open Sans", sans-serif;color:#000;outline:none;transition:border-color 0.3s;text-align:center;}
.form-row input:focus, .form-row select:focus {border-bottom-color:#000;}
.form-row input::placeholder {color:#999;}
.form-row-dates {display:flex;gap:2rem;}
.form-row-dates input {flex:1;}
.form-row select {appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23000' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;padding-right:2rem;cursor:pointer;}
.button-submit {display:inline-flex;align-items:center;gap:0.5rem;background:transparent;color:#000;padding:0.75rem 1.5rem;font-weight:700;text-transform:uppercase;font-size:0.9rem;border:0px solid #ccc;cursor:pointer;transition:border-color 0.3s;font-family:"Open Sans", sans-serif;}
.button-submit:hover {border-color:#000;}
.button-submit img {width:0.8rem;height:0.8rem;}
.form-disclaimer {font-size:0.6rem;color:#939393;margin-top:1rem;text-align:center;line-height:1.4;margin-top:5rem;}

/* Section Image with Parallax */
#sectionImage {max-height:60vh;height:60vh;background-image:url(images/beach_baltic_sea-2-2.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;overflow:hidden;}

/* Section 6: Location */
.location-section {background:#fff;padding-top:8rem;}
.location-content {gap:4rem;align-items:flex-start;margin-top:7rem;}
.location-image {flex:1;max-width:40%;}
.location-image img {width:100%;height:auto;display:block;}
.location-text {flex:1;max-width:50%;}
.location-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem;}
.location-item {display:flex;flex-direction:column;}
.location-number {font-size:0.9rem;font-weight:600;color:#000;margin:0 0 0.5rem 0;}
.location-title {font-family:"Poppins", sans-serif;font-size:1.2rem;font-weight:700;margin:0 0 0.75rem 0;color:#000;}
.location-description {font-size:0.95rem;line-height:1.6;color:#000;margin:0;}

/* Footer Section */
.footer-section {padding:4rem 0 0 0;width:100%;overflow:hidden;}
.footer-content {position:relative;background:#fff;padding:6rem 0;text-align:center;min-height:20rem;display:flex;align-items:center;justify-content:center;width:100vw;margin-left:calc(-50vw + 50%);}
.footer-title {font-family:"Poppins", sans-serif;font-size:6rem;font-weight:700;color:#F5F2EF;margin:0;text-transform:uppercase;letter-spacing:0;width:100%;padding:0;box-sizing:border-box;display:block;white-space:nowrap;}
.scroll-to-top {position:absolute;bottom:2rem;right:2rem;background:transparent;border:none;cursor:pointer;padding:0.5rem;opacity:0.7;transition:opacity 0.3s;}
.scroll-to-top:hover {opacity:1;}
.scroll-to-top img {width:2rem;height:2rem;transform:rotate(90deg);filter:brightness(255) invert(1);}
footer {background:#F5F2EF;padding:1.5rem 0;}
.footer-bottom {align-items:center;flex-wrap:wrap;gap:1rem;}
.footer-copyright {font-size:0.6rem;color:#363533;flex:1;min-width:15rem;}
.footer-social {display:flex;gap:2rem;align-items:center;}
.social-icon-footer {opacity:1;transition:opacity 0.3s;}
.social-icon-footer:hover {opacity:1;}
.social-icon-footer img {width:16px;height:16px;}

@media all and ( max-width:1020px) {
	.hero-bottom {padding:0 1rem;flex-direction:column;gap:1.5rem;align-items:center;}
	.footer-content {padding:4rem 1rem;}
	.scroll-to-top {bottom:1rem;right:1rem;}
	.about-content, .equipment-content, .location-content {flex-direction:column;}
	.about-images, .about-text, .equipment-image, .equipment-text, .location-image, .location-text {max-width:100%;flex:1;margin:0 auto;}
	.about-images {flex-direction:column;gap:1.5rem;}
	.about-image-main, .about-image-secondary {flex:1;width:100%;}
	.apartments-grid {flex-direction:column;}
	.apartment-item {min-width:100%;}
	.location-grid {grid-template-columns:1fr;}
	.form-row-dates {flex-direction:column;gap:1.5rem;}
	.hero-title {font-size:3rem;}
}

@media all and ( max-width:768px) {
	body {padding-top:4rem;}
	.hero-section {height:calc(100vh - 4rem);min-height:30rem;margin-top:-4rem;}
	.hero-bottom {bottom:1rem;flex-direction:row;justify-content:space-between;padding:0 1rem;}
	.hero-social {gap:1rem;}
	.hero-navigation {gap:0.75rem;}
	.nav-arrow img {width:1.5rem;height:1.5rem;}
	.hero-social .social-link img {width:1.2rem;height:1.2rem;}
	.footer-title {font-size:3rem;}
	.footer-bottom {flex-direction:column;text-align:center;}
	.footer-copyright {text-align:center;}
}