/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
:root{
	--alb: #ffffff;
	--albFormular: #F5F5F5;
	--gri: #e0e0e0;
	--griNormal: #666;
	--albastru: #007AFF;
	--rosu: #dc3545;
	--negru:#1e1e1e;
	--transparentNegru: rgba(0, 0, 0, 0.5);
	--verde: #34C759;
	--verdeGradient: linear-gradient(90deg, #34C759 0%, #00C7BE 100%);
	--albastruGradient: linear-gradient(90deg, #007AFF 0%, #32ADE6 100%);
	--gradientText:linear-gradient(#007AFF,#32ADE6);
	--gradientBody:linear-gradient(0deg, #F5F5F5, #F5F5F5),linear-gradient(0deg, rgba(50, 173, 230, 0.025), rgba(50, 173, 230, 0.025));
	--gradientFormular:linear-gradient(rgba(0, 122, 255, 0.9), rgba(50, 173, 230, 0.9));
	--gradientSemicerc:linear-gradient(360deg, rgba(50, 173, 230, 0) 0%, #007AFF 100%);
	
    --xs: 14px;
	--s: 16px;
	--m: 18px;
	--l: 24px;
	--xl: 32px;
	--xxl: 48px;
	--xxxl: 56px;

}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

html {
	width: 100%;
	/* Fara overflow-x: hidden aici! */
}

body {
	width: 100%;
	overflow-x: hidden;
	top:0px !important;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	overflow-x: hidden !important;
	overflow-y: auto!important;
	line-height: 1;
	font-family: 'Instrument Sans', sans-serif;
	background: var(--gradientBody);
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*{
	box-sizing:border-box;
}
strong {
    font-weight: 600;
}
em{
    font-style: italic;
}
a{
	text-decoration: none;
}


.editAdmin {
  position: absolute;
  z-index: 100;
  top: 5px;
  right: 5px;
  outline: 0;
  display: block;
  width: 15px;
  height: 15px;
}
.editAdmin img{
  width: 15px;
  height: 15px;
}
.cardMesaj {
	position: fixed;
	display: none;
	z-index: 39999;
	background-color: var(--alb);
	top: 50%;
	left: 50%;
	width: 400px;
	max-width: 90vw;
	transform: translate(-50%, -50%);
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	border: 1px solid var(--gri);
}
.showCardMesaj {
	position: relative;
	overflow: hidden !important;
}
.showCardMesaj::before {
	content: "";
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 29999;
	background-color: var(--transparentNegru);
}

/* Stiluri simple pentru pop-upuri */
.flexEroare {
	padding: 30px;
	text-align: center;
	position: relative;
}

.inchide {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--albFormular);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border: none;
}
.inchide img{
	width: 100%;
	height: 100%;
}
.inchide:hover {
	background: var(--gri);
}

.inchide i {
	color: var(--griNormal);
	font-size: 14px;
}

.alignCheck {
	margin-bottom: 20px;
}

.alignCheck i {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border:2px solid var(--rosu);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: var(--rosu);
	margin: 0 auto;
}

.backgroundEroare {
	background: var(--albastru);
}

.backgroundEroareRosu {
	border: 2px solid var(--rosu);
	border-radius: 50%;
	background: none;
	filter: brightness(0) saturate(100%) invert(24%) sepia(91%) saturate(2310%) hue-rotate(338deg) brightness(93%) contrast(85%);
	width: 100px;
}

.backgroundSucces{
	border: 2px solid var(--albastru);
	border-radius: 50%;
	background: none;
	filter: brightness(0) saturate(100%) invert(30%) sepia(47%) saturate(3885%) hue-rotate(201deg) brightness(103%) contrast(105%);
	width: 100px;
}

.cardMesaj.cardMesajDA .alignCheck i {
	border: none;
	color: #fff;
	background-image: var(--gradientFormular);
}

.titluEroare {
	font-size: 20px;
	font-weight: 600;
	color: var(--rosu);
	margin-bottom: 10px;
}

.titluSucces {
	background: var(--gradientText);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}

.subtitluEroare {
	font-size: 14px;
	color: var(--griNormal);
	line-height: 1.4;
}

/* Responsive simplu */
@media (max-width: 600px) {
	.cardMesaj {
		width: 90vw;
		max-width: 350px;
	}
	
	.flexEroare {
		padding: 25px 20px;
	}
}

.divBody {
	position: relative;
	z-index: 0;
	width: 100%;
	height: 100%;
	min-height: 100vh;
}

.backgroundSemicerc.areBulineAlbe{
    position: absolute;
    top: -25px;
    right: 0;
    width: 57vw;
	aspect-ratio: 1/1;
    /* z-index: 3; */
	background: var(--gradientSemicerc);
	border-bottom-left-radius: 100%;
}

.container {
	margin: 0 auto;
	max-width: 1300px;
	width: 90%;
	position: relative;
	z-index: 3;
}

.containerToatePaginle{
	display: flex;
	flex-direction: column;
}

.header{
	width: 100%;
	margin-top:25px;
	position: sticky;
	top: 5px;
	z-index: 1000;
	
}

.flexHeader{
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: center;
}

.logo{
	width: 80px;
	height: 48px;
}

.elementeHeaderContainer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
	background-color: var(--alb);
	border-radius: 40px;
	width: 100%;
	max-width:1300px;
	box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
	position: relative;
}

.divHeaderContainer{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 12px 32px;
	z-index: 1001;
	position: relative;
	background-color: var(--alb);
	border-radius: 40px;
}


.grup1ButoaneHeader{
	display: flex;
	align-items: center;
	gap:32px;
}

.grup1ButoaneHeader a{
	color: var(--negru);
}

.grup2ButoaneHeader{
	display: flex;
	align-items: center;
	gap:16px;
}

.elementHeader{
	position: relative;
}

.elementHeader.active::after{
	content:'';
	background-image: url("../images/punct-albastru-flight&park.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 8px;
	height: 8px;
	position: absolute;
	left: -15px;
	top:4px;
	display: block;
	opacity: 1;
	transform: scale(1);
	transition: all 0.2s ease;
}

.elementHeader:hover::after {
	content: '';
	background-image: url("../images/punct-albastru-flight&park.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 8px;
	height: 8px;
	position: absolute;
	left: -15px;
	top: 4px;
	display: block;
	opacity: 1;
	transform: scale(1);
	transition: all 0.2s ease;
}

.elementHeader::after {
	content: '';
	background-image: url("../images/punct-albastru-flight&park.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 8px;
	height: 8px;
	position: absolute;
	left: -15px;
	top: 4px;
	display: block;
	opacity: 0;
	transform: scale(0);
	transition: all 0.2s ease;
}
.footerNetopia{
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
	gap: 10px;
}
.containerHome{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top:80px;
	padding-bottom: 80px;
}

.dreapta{
	width: 100%;
	max-width: 600px;
	border-radius: 40px;
	background: transparent;
}

.galerieParcare{
	width: 100%;
	max-width: 750px;
	padding: 40px;
	border-radius: 40px;
	background: var(--gradientFormular);
}

.tns-controls {
	display: none;
}

.tns-nav {
	display: flex;
	justify-content: center;
	gap: 8px;
	padding: 10px 0;
}

.tns-nav button {
	width: 12px;
	height: 12px;
	padding: 0;
	border: none;
	background: var(--albFormular);
	opacity: 0.66;
	border-radius: 50%;
	cursor: pointer;
}

.tns-nav button.tns-nav-active {
	opacity: 1;
}

/* Stilizare specifică pentru tns-nav-ul de la slider-ul sus */
.sliderSus .tns-nav button {
	width: 12px;
	height: 12px;
	background: var(--gradientText);
	opacity: 0.66;
	border-radius: 50%;

}

.sliderSus .tns-nav button:hover {
	opacity: 1;
}

.sliderSus .tns-nav button.tns-nav-active {
	opacity: 1;
	background: var(--gradientText);
}

.sliderSus .carusel {
	position: relative;
	display: block;
}

.pozaBannerDreapta{
	border-radius:32px;
	width: 100%;
	display: block;
	aspect-ratio: 3/2;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.areBulineAlbe, .areBulineAlbastre{
	position: relative;
	overflow: hidden;
	z-index:0;
}

.areBulineAlbe > :first-child, .areBulineAlbastre > :first-child{
	position: relative;
	z-index:2;
}

.areBulineAlbe::after, .areBulineAlbastre::after{
	content:'';
	background-image: url("../images/buline-albe-flight&park.svg");
	background-repeat: repeat;
	opacity: 0.05;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index:1;
}

.areBulineAlbastre::after{
	background-image: url("../images/buline-albastre-flight&park.svg");
	opacity:0.04;
}

.titluFormular {
	font-size: var(--xl);
	font-weight: 600;
	color: var(--albFormular);
	line-height:150%;
}

.textRezervare{
	display: flex;
	align-items: baseline;
	gap: 16px;
	color: var(--albFormular);
	font-size: var(--xs);
	line-height: 150%;
	margin-left:10px;
	position: relative;
}

.textRezervare li{
	display: flex;
}

.textRezervare li::before {
	content: "•";
	margin-right: 8px;
	font-size: 30px;
	color: var(--albFormular);
}



.divButtonRezervare{
	display: flex;
	justify-content: center;
	text-decoration: none;
	width: fit-content;
	margin: 0 auto;
}

.buttonFormular {
	background: var(--albFormular) !important;
	cursor: pointer;
	padding: 16px 32px;
	position: relative;
	z-index: 1;
	text-decoration: none;
	overflow: hidden;
	border-radius: 100px;
	outline: none;
	border: 2px solid transparent;
	font-size: var(--s);
}

.buttonFormular span {
	background: var(--gradientText);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.buttonFormular::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	background:linear-gradient(0deg, rgba(50, 173, 230, 1) 50%, rgba(0, 122, 255, 1) 100%);
	border-radius: 50%;
	transform: translate(-50%, -50%) scale(0);
	transition: transform 0.3s ease-out;
	z-index: -2;
}

.buttonFormular::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: 999px;
}

.buttonFormular:hover::before {
	transform: translate(-50%, -50%) scale(3);
}

.buttonFormular:hover button {
	background: var(--albFormular);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.buttonFormular:hover span {
	background: var(--albFormular);
	box-shadow: 0 0 0 2px var(--gradientText);
	-webkit-background-clip: text;
	background-clip: text;
	color: var(--albFormular);
	-webkit-text-fill-color: var(--albFormular);
}


.stanga{
	display: flex;
	flex-direction: column;
	gap: 24px;
	width:100%;
	max-width: 550px;
}

.titluSiTextStanga{
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.titluStanga{
	font-size: var(--xxxl);
	font-weight: 600;
	background: var(--gradientText);
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-transform: uppercase;
	line-height: 120%;
	
}

.paragrafStanga{
	font-size: var(--m);
	line-height: 120%;
	display: flex;
	flex-direction: column;
	gap:24px;
}

.steluta{
	padding-right:8px;
}

.paragrafStangaText1{
	font-size: var(--m);
	line-height: 150%;
}

.paragrafStangaText2{
	font-size: var(--m);
	line-height: 150%;
	display: flex;
	align-items: baseline;
	position: relative;
}

.paragrafStangaText2 .editAdmin{
	top:-10px;
}

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

.paragrafStangaText2 li::before{
	content: url("../images/steluta-flight&park.svg");
	width: 16px;
	height: 16px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

.grupButoaneStanga{
	display: flex;
	gap:16px;
}

.buttonAlbastruRezerva{
	background: var(--gradientText);
	padding:16px 32px;
	border:1px solid var(--gradientText);
	border-radius: 100px;
	color: var(--albFormular);
	font-size: var(--s);
	text-decoration: none;
	display: inline-block;
	width: fit-content;
	position: relative;
	overflow: hidden;
	z-index: 0;
	transition: all 0.3s ease;
}
.textButon{
	margin-top: 20px;
	position: relative;
}

.buttonAlbastruRezerva::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	background: var(--albFormular);
	border-radius: 50%;
	transform: translate(-50%, -50%) scale(0);
	transition: transform 0.3s ease-out;
	z-index: -2;
}

.buttonAlbastruRezerva a{
	color: var(--albFormular);
	position: relative;
	z-index: 1;
	transition: all 0.3s ease;
}

.buttonAlbastruRezerva span {
	position: relative;
	z-index: 1;
	transition: all 0.3s ease;
}
.wrapButton .buttonAlbastruRezervaText{
	font-size: var(--xl);
}
/* Hover effects */
.buttonAlbastruRezerva:hover::before {
	transform: translate(-50%, -50%) scale(3);
}

.buttonAlbastruRezerva:hover a {
	background: var(--gradientText);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.buttonAlbastruRezerva:hover span {
	background: var(--gradientText);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.buttonAlbastruRezerva::after{
	content: "";
	position: absolute;
	z-index: -1;
	inset: 0;
	border: 2px solid transparent;
	border-radius: 100px;
	background: var(--gradientText);
	background-origin: border-box;
	background-clip: border-box;
	-webkit-mask: linear-gradient(var(--albFormular) 0 0) padding-box, linear-gradient(var(--albFormular) 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	-webkit-mask-repeat: no-repeat;
}


.buttonVerde {
	background: var(--verdeGradient);
	padding: 16px 32px;
	border: 1px solid var(--verdeGradient);
	border-radius: 100px;
	color: var(--albFormular);
	font-size: var(--s);
	text-decoration: none;
	display: inline-block;
	width: fit-content;
	position: relative;
	overflow: hidden;
	z-index: 0;
	transition: all 0.3s ease;
}
.buttonVerdeText{
	font-size: var(--xl);
}

.buttonVerde::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	background: var(--albFormular);
	border-radius: 50%;
	transform: translate(-50%, -50%) scale(0);
	transition: transform 0.3s ease-out;
	z-index: -2;
}

.buttonVerde button {
	color: var(--albFormular);
	position: relative;
	z-index: 1;
	transition: all 0.3s ease;
}

.buttonVerde span {
	position: relative;
	z-index: 1;
	transition: all 0.3s ease;
}

/* Hover effects */
.buttonVerde:hover::before {
	transform: translate(-50%, -50%) scale(3);
}

.buttonVerde:hover button {
	background: var(--verdeGradient);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.buttonVerde:hover span {
	background: var(--verdeGradient);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.buttonVerde::after {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 0;
	border: 2px solid transparent;
	border-radius: 100px;
	background: var(--verdeGradient);
	background-origin: border-box;
	background-clip: border-box;
	-webkit-mask: linear-gradient(var(--albFormular) 0 0) padding-box, linear-gradient(var(--albFormular) 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	-webkit-mask-repeat: no-repeat;
}

/* Stiluri pentru punctul din butonul de rezervare */
.punctButtonAlbastru {
	display: none;
	position: absolute;
	left: 17px;
	top: 15px;
	z-index: 2;
}

.punctButtonAlbastru img {
	width: 8px;
	height: 8px;
	transition: all 0.3s ease;
}

/* Afiseaza punctul alb cand esti pe pagina de rezervare */
.punctButtonAlbastru.active.activAlb {
	display: block;
}

.punctButtonAlbastru.active.activAlb img {
	content: url("../images/punct-flight&park.svg");
}

/* Transform punctul in albastru la hover pe buton */
.buttonAlbastruRezerva:hover .punctButtonAlbastru.active.activAlb img {
	content: url("../images/punct-albastru-flight&park.svg");
}

.buttonAlbastruRezerva.active.activAlb:hover span {
	background: var(--gradientText);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.buttonStangaContact {
	position: relative;
	z-index: 1;
	border: none;
	border-radius: 999px;
	background:transparent;
	padding: 16px 32px;
	background: var(--gradientText);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	font-size: var(--s);
	overflow: hidden;
}

.buttonStangaContact::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	background: var(--gradientText);
	border-radius: 50%;
	transform: translate(-50%, -50%) scale(0);
	transition: transform 0.3s ease-out;
	z-index: -2;
}

.buttonStangaContact::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: 999px;
	padding: 2px;
	background: var(--albastruGradient);
	-webkit-mask: linear-gradient(var(--albFormular) 0 0) content-box, linear-gradient(var(--albFormular) 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}

.buttonStangaContact:hover::before {
	transform: translate(-50%, -50%) scale(3);
}


.buttonStangaContact:hover a {
	background: var(--albFormular);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.buttonStangaContact:hover span {
	background: var(--albFormular);
	box-shadow: 0 0 0 2px var(--gradientText);
	-webkit-background-clip: text;
	background-clip: text;
	color: var(--albFormular);
	-webkit-text-fill-color: var(--albFormular);
}


.flexTitluPagini {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	margin-bottom: -60px;
}



.titluPaginiGradient{
	font-size: var(--xxl);
	font-weight: 600;
	background: var(--gradientText);
	-webkit-text-fill-color: transparent;
	background-clip: text;
	line-height: 120%;
	text-align: center;
	width: 350px;
	position: relative;
}

.titluPaginiGradientStatic{
	font-size: var(--xxl);
	font-weight: 600;
	background: var(--gradientText);
	-webkit-text-fill-color: transparent;
	background-clip: text;
	line-height: 120%;
	text-align: center;
}

.titluPaginiGradient .editAdmin{
	top:-25px;
}

.titluPaginiGradientTarife{
	font-size: var(--xxl);
	font-weight: 600;
	background: var(--gradientText);
	-webkit-text-fill-color: transparent;
	background-clip: text;
	line-height: 120%;
	text-align: center;
	width: 400px;
	position: relative;
}

.titluPaginiGradientTarife .editAdmin {
	top: -25px;
}

.titluPaginiGradientContact {
	font-size: var(--xxl);
	font-weight: 600;
	background: var(--gradientText);
	-webkit-text-fill-color: transparent;
	background-clip: text;
	line-height: 120%;
	text-align: center;
	width: 300px;
	position: relative;
}

.titluPaginiGradientContact .editAdmin {
	top: -25px;
}


.titluPaginiGradientParcareAcoperita{
	font-size: var(--xxl);
	font-weight: 600;
	background: var(--gradientText);
	-webkit-text-fill-color: transparent;
	background-clip: text;
	line-height: 120%;
	text-align: center;
	width: 450px;
	position: relative;
}

.titluPaginiGradientParcareAcoperita .editAdmin{
	top: -25px;
}

.titluPaginiGradientParcareNeacoperita{
	font-size: var(--xxl);
	font-weight: 600;
	background: var(--gradientText);
	-webkit-text-fill-color: transparent;
	background-clip: text;
	line-height: 120%;
	text-align: center;
	width: 500px;
	position: relative;
}	

.titluPaginiGradientParcareNeacoperita .editAdmin{
	top: -25px;
}

.paragrafTitluPagini {
	font-size: var(--m);
	line-height: 150%;
	text-align: center;
	color: var(--negru);
}

.containerFacilitati {
	padding: 80px 0px 144px 0px;
	background: linear-gradient(360deg, #007AFF 0%, rgba(50, 173, 230, 0) 69.46%);
}

.flexContainerFacilitati {
	display: flex;
	flex-direction: column;
	gap: 80px;
}


.divFacilitati{
	display: flex;
	justify-content:space-between;
	gap:20px;
}

.facilitate{
	position: relative;
	display: flex;
}

.flexTextFacilitati{
	bottom:0px;
	height:150px;
	position: absolute;
	color: var(--alb);
	z-index: 2;
	width: 100%;
	padding: 0 20px;
}

.flexTextFacilitati div{
	font-size: var(--l);
	font-weight: 600;
	line-height: 150%;
	margin-bottom: 10px;	
}

.flexTextFacilitati p{
	font-size: var(--s);
	line-height: 150%;
}

.pozaFacilitati{
	width: 100%;
	max-width: 400px;
	aspect-ratio: 400/600;
	object-fit: cover;
	object-position: center;
	border-radius: 32px;
	position: relative;
	z-index: 1;
}

.facilitate::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--transparentNegru);
	border-radius: 32px;
	z-index: 1;
}

.buttonAlbRezerva {
	background: var(--albFormular) !important;
	padding: 16px 32px;
	position: relative;
	z-index: 1;
	text-decoration: none;
	overflow: hidden;
	border-radius: 100px;
	outline: none;
	border: 2px solid transparent;
	font-size: var(--s);
}

.buttonAlbRezerva span {
	background: var(--gradientText);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.buttonAlbRezerva::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	background: var(--gradientText);
	border-radius: 50%;
	transform: translate(-50%, -50%) scale(0);
	transition: transform 0.3s ease-out;
	z-index: -2;
}

.buttonAlbRezerva::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: 999px;
}

.buttonAlbRezerva:hover::before{
	transform: translate(-50%, -50%) scale(3);
}

.buttonAlbRezerva:hover a{
	background: var(--albFormular);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.buttonAlbRezerva:hover span{
	background: var(--albFormular);
	box-shadow: 0 0 0 2px var(--gradientText);
	-webkit-background-clip: text;
	background-clip: text;
	color: var(--albFormular);
	-webkit-text-fill-color: var(--albFormular);
}

.titluTarife{
	font-size: var(--l);
	font-weight: 600;
	color: var(--albFormular);
}


.containerTarife{
	padding: 80px 0px;
	background: var(--albFormular);
	margin-top:-64px;
	border-top-left-radius: 64px;
	border-top-right-radius: 64px;
}

.flexContainerTarife{
	display: flex;
	flex-direction: column;
	gap:80px;
}

.containerPreturi{
	background: var(--gradientFormular);
	border-radius:40px;
	padding: 48px;
	display: flex;
	flex-direction: column;
}

.containerPreturiParcari{
	width: 100%;
	max-width: 750px;
	background: var(--gradientFormular);
	border-radius:40px;
	padding: 48px;
	display: flex;
	flex-direction: column;
}

.logoAlb{
	text-align: center;
}

.continutContainerPreturi{
	display: flex;
	gap:32px;
	padding-bottom: 48px;
}

.coloana1Preturi{
	display: flex;
	flex-direction: column;
	flex:1;
}

.coloana2Preturi{
	display: flex;
	flex-direction: column;
	flex:1;
}

.row{
	display: flex;
	justify-content: space-between;
	gap:16px;
	border-bottom: 2px dashed var(--albFormular);
	padding:24px 0px;
}

.row span{
	font-size: var(--m);
	font-weight: 600;
	color: var(--albFormular);
}

.listaContainerPreturi{
	display: flex;
	flex-direction: column;
}

.elementLista{
	position: relative;
	gap:16px;
	color: var(--albFormular);
	font-size: var(--xs);
	line-height: 150%;
}

.elementLista ul>li{
	display: flex;
}

.elementLista li::before {
	content: "•";
	margin-right: 8px;
	font-size: 30px;
	color: var(--albFormular);
}

.divButtonTarife{
	display: flex;
	justify-content: center;
	text-decoration: none;
	width: fit-content;
	margin: 0 auto;
}

.containerGalerie{
	padding: 80px 0px;
	background: linear-gradient(360deg, #007AFF 0%, rgba(50, 173, 230, 0) 69.46%);
	border-bottom-left-radius: 64px;
	border-bottom-right-radius: 64px;
}

.flexContainerGalerie{
	display: flex;
	flex-direction: column;
	gap:80px;
}

.divGalerie{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap:32px;
	position: relative;
	z-index: 100;
}

.divGalerie .editAdmin{
		top: 0px;
		right: 0px;
}

.pozaStangaGalerie{
	border-radius:40px;
	width:100%;
	aspect-ratio: 16/9;
	object-fit: cover;
	object-position: center;
}

.divPozeDreapta{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap:32px;
	width: 50%;
	max-width: 630px;
}

.pozaDreaptaGalerie{
	border-radius:16px;
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: center;
}

.miniGalerie{
	display: flex;
	justify-content:center;
	gap:16px;
	flex-wrap: nowrap;
	justify-content: center;
	overflow-x: auto;
	width: 100%;
	padding-bottom: 20px;
}

/* Stilizare pentru Chrome/Safari/Opera */
.miniGalerie::-webkit-scrollbar {
	height: 10px;
	border-radius: 4px;
}

.miniGalerie::-webkit-scrollbar-track {
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 4px;
}

.miniGalerie::-webkit-scrollbar-thumb {
	background: var(--albFormular);
	border-radius: 4px;
}

/* Stilizare pentru Firefox */
.miniGalerie {
	scrollbar-width: thin;
	scrollbar-color: var(--albFormular);
}

.miniImagine{
	width: 100px;
	height: 100px;
	background-color: var(--albFormular);
	border-radius: 16px;
	cursor: pointer;
	transition: transform 0.3s ease;
	flex-shrink: 0;
	overflow: hidden;
}

.miniImagine:hover{
	transform: scale(.9);
	transition: transform 0.3s ease-in;
}

.containerContact{
	padding: 30px 0px;
	position: relative;
	z-index: 1;
}

.flexContainerContact{
	display: flex;
	flex-direction: column;
	gap:80px;
}

.flexContinutContact{
	display: flex;
	gap:80px;
}

.divBackgroundFormularContact{
	background: var(--gradientFormular);
	border-radius: 40px;
	flex: 1;
}

.formularContact{
	display: flex;
	flex-direction: column;
	gap:32px;
	padding: 48px;
}

.grupInputContact{
	display: flex;
	flex-direction: column;
	gap:8px;
}

.grupInputContact label{
	color: var(--albFormular);
	font-size: var(--s);
	line-height: 150%;
	font-weight: 600;
}

.grupInputContact input{
	width: 100%;
	color: var(--albFormular);
	background-color: transparent;
	border:1px solid var(--albFormular);
	padding:12px;
	border-radius: 100px;
}

.grupInputContact input::placeholder{
	color: var(--albFormular);
}

.grupInputContact textarea{
	width: 100%;
	background-color: transparent;
	border:1px solid var(--albFormular);
	padding:12px;
	border-radius: 20px;
	color: var(--albFormular);
	resize: none;
}

.grupInputContact textarea::placeholder{
	color: var(--albFormular);
	font-family: 'Instrument Sans', sans-serif;
}

.selectParcare{
	width: 100%;
	background-color: transparent;
	border:1px solid var(--albFormular);
	padding:12px;
	border-radius: 100px;
	color: var(--albFormular);
	font-size: var(--s);
	line-height: 150%;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F5F5F5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: calc(100% - 20px) center;
	background-size: 20px;
	padding-right: 50px;
}

/* Stilizare pentru optiunile din dropdown */
.selectParcare option {
	background-color: var(--gradientFormular);
	color: var(--albFormular);
	font-size: var(--s);
	padding: 12px;
	border: none;
}

/* Stilizare pentru hover pe optiuni */
.selectParcare option:hover {
	background-color: rgba(255, 255, 255, 0.2);
}

/* Stilizare pentru optiunea selectata */
.selectParcare option:checked {
	background: linear-gradient(135deg, #007AFF, #32ADE6);
	color: var(--albFormular);
	font-weight: 600;
}

/* Custom Select Dropdown */
.customSelect {
	position: relative;
	width: 100%;
}

.selectTrigger {
	width: 100%;
	background-color: transparent;
	border: 1px solid var(--albFormular);
	padding: 12px;
	border-radius: 100px;
	color: var(--albFormular);
	font-size: var(--s);
	line-height: 150%;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: all 0.3s ease;
}

.selectTrigger:hover {
	background-color: rgba(255, 255, 255, 0.1);
}

.selectTrigger.active {
	border-color: #007AFF;
	background-color: rgba(255, 255, 255, 0.1);
}

.selectArrow {
	font-size: 12px;
	transition: transform 0.3s ease;
}

.selectTrigger.active .selectArrow {
	transform: rotate(180deg);
}

.selectOptions {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: var(--gradientText);
	/* border: 1px solid var(--albFormular); */
	border-radius: 20px;
	margin-top: 5px;
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px) scale(0.95);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	overflow: hidden;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

.selectOptions.show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0) scale(1);
}

.selectOption {
	padding: 12px;
	color: var(--albFormular);
	font-size: var(--s);
	cursor: pointer;
	transition: all 0.3s ease;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	opacity: 0;
	transform: translateX(-10px);
	transition: all 0.3s ease;
}

.selectOptions.show .selectOption {
	opacity: 1;
	transform: translateX(0);
}


.selectOption:last-child {
	border-bottom: none;
}

.selectOption:hover {
	background-color: rgba(255, 255, 255, 0.2);
}

.selectOption.selected {
	background: linear-gradient(135deg, #007AFF, #32ADE6);
	font-weight: 600;
}

.flexFormular{
	display: flex;
	flex-direction: column;
	gap:24px;
}

.checkboxContact{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap:8px;
	padding-bottom: 16px;
}

.checkboxContact label{
	color: var(--albFormular);
	font-size: var(--xs);
	line-height: 150%;
}

.checkboxContact label a{
	color: var(--gradientText);
	text-decoration: underline;
}

.checkboxContact input{
	width: 18px;
	height: 18px;
	appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	border: 1px solid var(--albFormular);
	border-radius: 4px;
	cursor: pointer;	
}

.checkboxContact input:checked {
    position: relative;
 
}

.checkboxContact input:checked::after {
	content: '';
	position: absolute;
	left: 4px;
	top: 0px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg);
}

.divButtonContact{
	text-align: center;
}

.buttonAlbMesaj {
	background: var(--albFormular) !important;
	cursor: pointer;
	padding: 16px 32px;
	position: relative;
	z-index: 1;
	text-decoration: none;
	overflow: hidden;
	border-radius: 100px;
	outline: none;
	border: 2px solid transparent;
	font-size: var(--s);
}

.buttonAlbMesaj span {
	background: var(--gradientText);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.buttonAlbMesaj::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	background: linear-gradient(0deg, rgba(50, 173, 230, 1) 50%, rgba(0, 122, 255, 1) 100%);
	border-radius: 50%;
	transform: translate(-50%, -50%) scale(0);
	transition: transform 0.3s ease-out;
	z-index: -2;
}

.buttonAlbMesaj::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: 999px;
}

.buttonAlbMesaj:hover::before {
	transform: translate(-50%, -50%) scale(3);
}

.buttonAlbMesaj:hover button {
	background: var(--albFormular);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.buttonAlbMesaj:hover span {
	background: var(--albFormular);
	box-shadow: 0 0 0 2px var(--gradientText);
	-webkit-background-clip: text;
	background-clip: text;
	color: var(--albFormular);
	-webkit-text-fill-color: var(--albFormular);
}

.dateContactHarta{
	display: flex;
	flex-direction: column;
	gap:40px;
	flex:1;
	max-width: 750px;
	width: 100%;
	margin: 0 auto;
}

.mailSiLocatie{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 20px;
	position: relative;
	width: 100%;
}

.mailContact{
	display: flex;	
	flex-direction: column;
	gap:8px;
	position: relative;
}

.divIconitaMail,
.divIconitaLocatie,
.iconitaWhatsappContact {
	width: 48px;
	height: 48px;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	background: rgba(255, 255, 255, 0.2);
}



.titluMail,
.titluWhatsapp,
.titluLocatie {
	font-size: var(--l);
	font-weight: 600;
	line-height: 140%;
	color: var(--albFormular);
	text-align: center;
}

.mailContact span,
.divWhatsapp span,
.locatieContact span {
	font-size: var(--s);
	line-height: 150%;
	color: var(--albFormular);
	text-align: center;
	text-decoration: underline;
}



/* Stilurile pentru iconițe sunt deja definite mai sus */

/* Stilurile pentru locatieContact sunt deja definite mai sus */






.hartaContact{
	width: 100%;
	border-radius: 40px;
	overflow: hidden;
}

.hartaContact iframe{
	width:100%;
	margin-top: -70px;
}


.footer{
	padding: 40px 0px 24px 0px;
	display: flex;
	flex-direction: column;
	background: var(--gradientText);
	border-top-left-radius: 64px;
	border-top-right-radius: 64px;
	margin-top: auto;
}

.flexContainerFooter{
	display: flex;
	flex-direction: column;
	gap:20px;
}

.divLogoLinkuri{
	display: flex;
	justify-content: space-between;
	gap:32px;
	align-items: center;
}

.linkuriFooter{
	display: flex;
	gap:20px;
}

.linkuriFooter a{
	color: var(--albFormular);
	font-size: var(--xs);
	line-height: 150%;
	font-weight: 600;
}

.linkuriFooter a:hover{
	text-underline-offset: 4px;
	text-decoration: underline;
}

.footerCopyright{
	display: flex;
	justify-content: space-between;
	gap:32px;
	border-top: 2px dashed var(--albFormular);
	padding-top: 32px;
}

.footerCopyright p{
	color: var(--albFormular);
	font-size: var(--s);
	line-height: 150%;
}

.linkWeblama{
	color: var(--albFormular);
	font-size: var(--s);
	line-height: 150%;
	display: flex;
	align-items: center;
	gap: 5px;
}		

.containerRezervare,
.containerParcareAcoperita,
.containerParcareNeacoperita{
	display: flex;
	padding:30px 0px;
	position: relative;
	z-index: 1;
}

.containerRezervareHome{
	padding:80px 0px;
	position: relative;
	z-index: 1;
}

.flexContainerRezervare,
.flexContainerParcareAcoperita,
.flexContainerParcareNeacoperita{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 80px;
}

.containerFormular{
	width: 100%;
	max-width: 750px;
	padding: 48px;
	border-radius: 40px;
	background: var(--gradientFormular);
}


.formularRezervare{
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.formularRezervare form{
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.categoriePersoana{
	display: flex;
	gap: 16px;
	width: 100%;
}

.categoriePersoanaItem {
	padding: 13px;
	border-radius: 100px;
	cursor: pointer;
	background: transparent;
	border: 1px solid var(--albFormular);
	color: var(--albFormular);
	position: relative;
	overflow: hidden;
	z-index: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	text-decoration: none;
	font-size: var(--s);
}

.categoriePersoanaItem::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--albFormular);
	opacity: 0;
	z-index: -2;
}

.categoriePersoanaItem span{
	color: var(--albFormular);
	position: relative;
	z-index: 1;
}

.categoriePersoanaItem.active::before{
	opacity: 1;
}

.categoriePersoanaItem.active span{
	background: var(--gradientText);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.categoriePersoanaItem:hover::before{
	opacity: 1;
}

.categoriePersoanaItem:hover span{
	background: var(--gradientText);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.linieFormular{
	display: flex;
	gap: 16px;
	flex:1
}

.grupInputFormular {
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex:1;
}

.grupInputFormular label {
	color: var(--albFormular);
	font-size: var(--m);
	line-height: 150%;
	font-weight: 600;
}

.grupInputFormular input {
	font-size: var(--s);
	width: 100%;
	background-color: transparent;
	border: 1px solid var(--albFormular);
	border-radius: 100px;
	padding: 12px;
	color: var(--albFormular);
}

.grupInputFormular input::placeholder {
	color: var(--albFormular);
}

.grupInputPersoanaJuridica{
	display: block;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	overflow: hidden;
	transform: translateY(-20px);
	max-height: 0;
	opacity: 0;
	margin-top: -20px;
}

.grupInputPersoanaJuridica.show{
	margin-top: 0px;
	transform: translateY(0);
	max-height: 100%;
	opacity: 1;
}


.containerPaginaTarife{
	padding:30px 0px;
	position: relative;
	z-index: 1;
}

.containerPaginaStatica{
	padding:80px 0px;
	position: relative;
	z-index: 1;
}

.flexContainerPaginaStatica{
	display: flex;
	flex-direction: column;
	gap: 50px;
	background-color: var(--alb);
	border-radius: 50px;
	padding: 40px;
	box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
}

.textStatic{
	line-height:1.3;
}
.textStatic li{
	list-style: disc;
	margin-left: 20px;
}
.textStatic ol{
	list-style: decimal;
	margin-left: 20px;
}

.divFacilitatiMobile {
	display: none;
}

.divMeniuBurger {
	display: none;
	width: 80px;
	text-align: right;
}

.divIconitaCalendar {
	display: none;
}

.menu-toggle {
	display: none;
}

.liniiMeniuBurger {
	width: 30px;
	height: 24px;
	position: relative;
	cursor: pointer;
	display: inline-block;
}

.liniiMeniuBurger .linie1,
.liniiMeniuBurger .linie2,
.liniiMeniuBurger .linie3 {
	width: 100%;
	height: 3px;
	background-color: var(--negru);
	position: absolute;
	right: 0;
	transition: all 0.3s ease;
	border-radius: 3px;
}

.liniiMeniuBurger .linie1 {
	top: 0;
}

.liniiMeniuBurger .linie2 {
	top: 50%;
	transform: translateY(-50%);
}

.liniiMeniuBurger .linie3 {
	bottom: 0;
}

/* Transformarea in X cand checkbox-ul este bifat */
.menu-toggle:checked+.liniiMeniuBurger .linie1 {
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
}

.menu-toggle:checked+.liniiMeniuBurger .linie2 {
	opacity: 0;
}

.menu-toggle:checked+.liniiMeniuBurger .linie3 {
	bottom: 50%;
	transform: translateY(50%) rotate(-45deg);
}

/* Afisarea meniului mobil cand checkbox-ul este bifat */
.menu-toggle:checked ~ .divMeniuBurgerContainerMobile {
	display: flex !important;
}

/* Eliminam border-radius-ul de jos cand meniul este deschis */
#menu-toggle:checked ~ .divMeniuBurgerContainerMobile + .elementeHeaderContainer {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.divMeniuBurgerContainerMobile {
	display: none;
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	background-color: var(--alb);
	border-radius: 0 0 40px 40px;
	box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
	height: 350px;
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	transform: translateY(-100%);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.divMeniuBurgerContainerMobile.menu-open {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px) -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

/* Animatie pentru container-ul header */
.elementeHeaderContainer {
	transition: border-radius 0.2s ease-in-out;
}

/* Animatie pentru butonul burger */
.liniiMeniuBurger .linie1,
.liniiMeniuBurger .linie2,
.liniiMeniuBurger .linie3 {
	transition: all 0.3s ease-in-out;
}

/* Stare activa pentru butonul burger (X) */
#menu-toggle:checked~.divHeaderContainer .linie1 {
	transform: rotate(45deg) translate(5px, 5px);
}

#menu-toggle:checked~.divHeaderContainer .linie2 {
	opacity: 0;
}

#menu-toggle:checked~.divHeaderContainer .linie3 {
	transform: rotate(-45deg) translate(7px, -6px);
}

.buttonRezervaMobile {
	background: var(--albastruGradient);
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100px;
	padding: 12px 24px;
	gap: 8px;
	text-decoration: none;
}

.buttonRezervaMobile a {
	color: var(--albFormular);
}

.buttonRezervaMobile.active a {
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
}

.buttonRezervaMobile.active a::before {
	content: '';
	background-image: url('../images/punct-albastru-flight&park.svg');
	background-size: contain;
	background-repeat: no-repeat;
	width: 8px;
	height: 8px;
	flex-shrink: 0;
}

.buttonRezervaMobile.active.activAlb a::before {
	background-image: url('../images/punct-flight&park.svg');
}

.buttonRezervaMobile.active.activAlb::after {
	display: none;
}

.iconitaTelefon{
	position: fixed;
		background: linear-gradient(360deg, #32ADE6 0%, #007AFF 100%);
		width: 48px;
		height: 48px;
		border-radius: 100px;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1px solid var(--albFormular);
		bottom: 40px;
		left: 40px;
}
.iconitaMail{
	position: fixed;
	background: linear-gradient(360deg, #32ADE6 0%, #007AFF 100%);
	width: 48px;
	height: 48px;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--albFormular);
	bottom:40px;
	left:40px;
}

.svgMail{
	width: 30px;
	height: 30px;
}


.checkboxFormular {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
}

.checkboxFormular label {
	color: var(--albFormular);
	font-size: var(--xs);
	line-height: 150%;
}

.checkboxFormular label a {
	color: var(--gradientText);
	text-decoration: underline;
}

.checkboxFormular input {
	width: 18px;
	height: 18px;
	appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	border: 1px solid var(--albFormular);
	border-radius: 4px;
	cursor: pointer;
}

.checkboxFormular input:checked {
	position: relative;

}

.checkboxFormular input:checked::after {
	content: '';
	position: absolute;
	left: 4px;
	top: 0px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg);
}


.iconitaWhatsapp{
	position: fixed;
	width: 48px;
	height: 48px;
	bottom:40px;
	right:40px;
	
}

.iconitaWhatsapp img{
	width:48px;
}

.divWhatsapp{
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.iconitaWhatsappContact{
	width: 48px;
	height: 48px;
}			

.iconitaWhatsappContact img{
	width: 48px;
	height: 48px;
}

.titluWhatsapp{
	font-size: var(--l);
	font-weight: 600;
	line-height: 140%;
	background: var(--albFormular);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.divBackgroundMail,
.divWhatsapp,
.locatieContact {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 16px;
	border-radius: 16px;
	text-decoration: none;
	transition: all 0.3s ease;
}

.divBackgroundMail {
	background: linear-gradient(360deg, #32ADE6 0%, #007AFF 100%);
}

.divWhatsapp {
	color: var(--albFormular);
	background: linear-gradient(360deg, #32ADE6 0%, #007AFF 100%);}

.locatieContact {
	background: linear-gradient(360deg, #32ADE6 0%, #007AFF 100%);
}

.divBackgroundMail:hover,
.divWhatsapp:hover,
.locatieContact:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
.tc{
	text-align: center;
}
.divWrapBody{
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
.wrapButton{
	margin-top: 30px;
	display: flex;
	justify-content: center;
}
.wrapProgramare {
	display: flex;
	gap: 50px;
	flex-wrap: wrap;
	justify-content: center;
}
.totalProgramare{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-top: 50px;
	font-size: var(--l);
}
.textAlbastru{
	color: var(--albastru);
}
.wrapTable table{
	width: 100%;
}
.wrapTable table td{
	padding: 10px;
	font-size: var(--s);
}
.wrapTable table tr{
	border-bottom: 1px solid var(--albFormular);
}
.wrapTable table td:first-child{
	font-weight: 600;
}
.titluH2 {
	padding: 10px;
	font-size: var(--l);
	font-weight: 600;
	line-height: 140%;
	background: var(--albastru);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

/**TRANSLATE*/

  #translateButtonRO {
  	color: #000017;
  	font-family: BalooBold;
  	font-size: var(--s);
  	font-style: normal;
  	font-weight: 400;
  	line-height: normal;
  }

  .translateSection {
  	position: relative;
  	display: inline-block;
  	margin-left: 15px;
  }

  .languageSelector {
  	display: flex;
  	align-items: center;
  	cursor: pointer;
  	padding: 8px 12px;
  	border-radius: 6px;
  	background: rgba(255, 255, 255, 0.1);
  	border: 1px solid rgba(255, 255, 255, 0.2);
  	transition: all 0.3s ease;
  	min-width: 50px;
  	justify-content: space-between;
  }

  .languageSelector:hover {
  	background: rgba(255, 255, 255, 0.2);
  	border-color: rgba(255, 255, 255, 0.4);
  	transform: translateY(-1px);
  }

  .languageSelector.active {
  	background: rgba(255, 255, 255, 0.25);
  	border-color: rgba(255, 255, 255, 0.5);
  }

  .currentLanguage {
  	color: #000;
  	font-weight: 500;
  	font-size: 14px;
  	margin-right: 8px;
  }

  .sageataTranslate {
  	width: 12px;
  	height: 12px;
  	transition: transform 0.3s ease;
  	cursor: pointer;
  }

  .languageSelector.active .sageataTranslate {
  	transform: rotate(180deg);
  }

  .languageDropdown {
  	position: absolute;
  	top: 100%;
  	left: 0;
  	right: 0;
  	background: white;
  	border-radius: 8px;
  	margin-top: 8px;
  	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  	border: 1px solid rgba(0, 0, 0, 0.1);
  	z-index: 1000;
  	opacity: 0;
  	visibility: hidden;
  	transform: translateY(-10px);
  	transition: all 0.3s ease;
  	min-width: 180px;
  	overflow: hidden;
  }

  .languageDropdown.show {
  	opacity: 1;
  	visibility: visible;
  	transform: translateY(0);
  }

  .languageOption {
  	display: flex;
  	align-items: center;
  	padding: 12px 16px;
  	text-decoration: none;
  	color: #333;
  	transition: all 0.2s ease;
  	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  	cursor: pointer;
  }

  .languageOption:last-child {
  	border-bottom: none;
  }

  .languageOption:hover {
  	background: #f8f9fa;
  	color: #007bff;
  }

  .languageOption.active {
  	background: #e3f2fd;
  	color: #1976d2;
  	font-weight: 500;
  }

  .flag {
  	font-size: 18px;
  	margin-right: 12px;
  	width: 20px;
  	text-align: center;
  }

  .flagCurrentLanguage {
  	margin-right: 5px;
  }

  .languageName {
  	font-size: 14px;
  	font-weight: 400;
  }

  /* Ascunde elementele Google Translate */
  body>.skiptranslate {
  	display: none;
  }

  .goog-te-banner-frame.skiptranslate {
  	display: none !important;
  }

  #google_translate_element {
  	display: none !important;
  }

/** END TRANSLATE */

/* RESPONSIVE */

@media (max-width:1450px){
	.linkuriFooter {
		display: grid;
		gap: 20px;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		width: 100%;
	}
}

@media (max-width: 1300px) {
	:root{
		--xs: 14px;
		--s: 16px;
		--m: 18px;
		--l: 22px;
		--xl: 28px;
		--xxl: 42px;
		--xxxl: 48px;
	}

	.divFacilitati{
		flex-wrap: wrap;
		justify-content: center;
	}
}

@media (max-width:1250px){
	:root{
		--xs: 14px;
		--s: 16px;
		--m: 18px;
		--l: 20px;
		--xl: 24px;
		--xxl: 38px;
		--xxxl: 44px;
	}
}

@media (max-width:1200px){
	:root{
		--xs: 14px;
		--s: 16px;
		--m: 18px;
		--l: 20px;
		--xl: 24px;
		--xxl: 36px;
		--xxxl: 42px;
	}

     .containerHome{
		flex-direction: column;
		padding-top:30px;
		gap:30px;
	
	 }

	 .flexTitluPagini{
		margin-bottom: -30px;
	 }

	 .flexContainerRezervare,.flexContainerParcareAcoperita,.flexContainerParcareNeacoperita{
		gap:50px;
	 }

	 .flexContainerFacilitati{
		gap:50px;
	 }

	 .flexContainerTarife{
		gap:50px;
	 }

	 .flexContainerContact{
		gap:50px;
	 }

	 .flexContainerPaginaStatica{
		gap:50px;
	 }

	 .stanga{
		align-items: center;
		max-width: 750px;
		text-align: center;
	 }
	 .dreapta{
		max-width: 750px;
	 }

	 .backgroundSemicerc{
		display: none;
	 }
}

@media(max-width:1150px){
	.titluMail,
	.titluWhatsapp,
	.titluLocatie{
		font-size: var(--m);
	}
}

@media (max-width:1100px){
	:root{
		--xs: 14px;
		--s: 16px;
		--m: 18px;
		--l: 20px;
		--xl: 24px;
		--xxl: 34px;
		}

	.divFacilitati{
		gap:16px;
	}

	.flexContinutContact{
		flex-direction: column;
		align-items: center;
	}

	.divBackgroundFormularContact{
		max-width: 750px;
		width: 100%;
	}

	.dateContactHarta{
		width: 100%;
	}	

	.hartaContact{
		height: 600px;;
	}

		.titluMail,
		.titluWhatsapp,
		.titluLocatie {
			font-size: var(--l);
		}
}

@media (max-width:1050px){
	:root{
		--xs: 14px;
		--s: 16px;
		--m: 18px;
		--l: 20px;
		--xl: 24px;
		--xxl: 32px;
	}

	.linkuriFooter{
		display: flex;
		flex-direction: column;
		width: 300px;
	}

	.logoAlbFooter{
		width: 100%;
		display: flex;
		justify-content: center;
	}

	.logoAlbFooter img{
		width: 200px;
	}
}

@media (max-width: 1000px) {
		.grup1ButoaneHeader {
				display: grid;
				grid-template-columns: 1fr 1fr 1fr;
				grid-template-rows: 1fr 1fr;
				column-gap: 20px;
				row-gap: 10px;
			}
		
			/* Reordonare elemente header la 900px */
			.grup1ButoaneHeader .elementHeader:nth-child(1) {
				order: 1;
			}
		
			/* Acasa */
			.grup1ButoaneHeader .elementHeader:nth-child(2) {
				order: 2;
			}
		
			/* Tarife */
			.grup1ButoaneHeader .elementHeader:nth-child(3) {
				order: 4;
			}
		
			/* Parcare Acoperita */
			.grup1ButoaneHeader .elementHeader:nth-child(4) {
				order: 5;
			}
		
			/* Parcare Neacoperita */
			.grup1ButoaneHeader .elementHeader:nth-child(5) {
				order: 3;
			}
		
			/* Contact */
			.grup1ButoaneHeader .elementHeader:nth-child(6) {
				order: 6;
			}
		
			/* Informatii */
}

@media (max-width: 950px){
	:root {
			--xs: 14px;
			--s: 16px;
			--m: 18px;
			--l: 20px;
			--xl: 24px;
			--xxl: 32px;
		}
	
		.divFacilitati {
			display: none;
		}
	
		.divFacilitatiMobile {
			display: block;
			width: 100%;
			margin: 0 auto;
		}
	
		.slider {
			width: 450px;
			height: 650px;
			margin: 0 auto;
			position: relative;
			padding-left: 25px;
		}
	
		.tinySlider {
			width: 100%;
			height: 100%;
		}
	
		.carusel {
			width: 400px;
			position: relative;
			display: block;
		}
	
		.imgtaiat {
			width: 400px;
			height: 600px;
			border-radius: 32px;
			background-position: center;
			background-size: cover;
			position: relative;
			display: block;
		}
	
		.imgtaiat::after {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: var(--transparentNegru);
			border-radius: 32px;
		}
	
		.texpeste {
			position: absolute;
			bottom: 40px;
			left: 0;
			width: 100%;
			padding: 0 32px;
			color: var(--alb);
			z-index: 3;
		}
	
		.titluBanner {
			display: block;
			font-weight: 600;
			margin-bottom: 16px;
			line-height: 1.2;
			font-size: var(--xl);
		}
	
	
	}

@media (max-width: 900px){
	.wrapTable{
		width: 100%;
	}

}

@media (max-width: 850px){
	:root{
		--xs: 14px;
		--s: 16px;
		--m: 18px;
		--l: 20px;
		--xl: 24px;
		--xxl: 32px;
		/* --xxxl: 38px; */
	}

	.paragrafStangaText2{
		display:block;
	}
}

@media (max-width:800px){
	:root{
		--xs: 14px;
		--s: 16px;
		--m: 18px;
		--l: 20px;
		--xl: 24px;
		--xxl: 32px;
		--xxxl: 38px;
	}
	.grup2ButoaneHeader .translateSection{
		display: none;
	}

	.containerHome{
		gap:30px;
		padding-bottom:30px;
	}

	.containerRezervareHome{
		padding:40px 0px;
	}

	.containerFacilitati{
		padding:40px 0px 104px 0px;
	}

	.containerTarife{
		padding:40px 0px;
	}

	.containerContact{
		padding:40px 0px;
	}

	.containerPaginaStatica{
		padding:40px 0px;
	}

	.containerPaginaTarife{
		padding:40px 0px;
	}

	.containerRezervare{
		padding:40px 0px;
	}

	.pozaStangaGalerie{
		aspect-ratio: 1/1;
		border-radius:30px;
	}

	.titluSiTextStanga{
		gap:10px;
	}
   .paragrafStanga {
   		gap: 10px;
   		text-align: justify;
    }
	.paragrafStangaText1{
		line-height: 120%;
	}

	.paragrafStangaText2{
		line-height: 120%;
	}
	.divGalerie{
		gap:15px;
	}

	.dreapta{
		padding: 0px;
		border-radius: 0px;
		background: transparent;
	}

	.miniGalerie::-webkit-scrollbar-thumb {
		
		border-radius: 4px;
	}

		.grup1ButoaneHeader {
			display: none;
		}
	
		.divMeniuBurger {
			display: block;
			width: 80px;
			text-align: right;
		}
	
	
		.elementeHeaderContainer {
			width: 90%;
		}
	
		.divMeniuBurgerContainerMobile {
			width: 100%;
		}
	
		.elementeHeaderMobile {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 16px;
			padding: 20px;
			border-top: 1px dashed #1E1E1EA8;
			width: 100%;
	
		}
	
		.elementHeaderMobile {
			position: relative;
		}
	
		.elementHeaderMobile.active::after {
			content: '';
			background-image: url("../images/punct-albastru-flight&park.svg");
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
			width: 8px;
			height: 8px;
			position: absolute;
			left: -15px;
			top: 8px;
			display: block;
		}
	
		.elementHeaderMobile.active.activAlb::after {
			background-image: url("../images/punct-flight&park.svg");
			left: 242px;
			top: 20px;
		}
	
		.elementHeaderMobile a {
			color: var(--negru);
			line-height: 150%;
		}
	
		.elementHeaderMobile.buttonRezervaMobile {
			background: var(--albastruGradient);
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			border-radius: 100px;
			padding: 12px 24px;
			gap: 8px;
			text-decoration: none;
			position: relative;
		}
	
		.elementHeaderMobile.buttonRezervaMobile span {
			color: var(--albFormular);
			display: flex;
			align-items: center;
			gap: 8px;
		}
	
		.elementHeaderMobile.buttonRezervaMobile.active span::before {
			content: '';
			background-image: url("../images/punct-flight&park.svg");
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
			width: 8px;
			height: 8px;
			flex-shrink: 0;
		}
	
		.elementHeaderMobile.buttonRezervaMobile.active::after {
			display: none;
		}
}

@media (max-width: 750px){
	:root{
		--xs: 14px;
		--s: 16px;
		--m: 18px;
		--l: 20px;
		--xl: 24px;
		--xxl: 32px;
		--xxxl: 38px;
	}

	

	.continutContainerPreturi{
		flex-direction: column;
		gap:0px;
	}
	.coloana2Preturi{
		border-top: none;
	}	
	

	.containerToatePaginle {
		position: relative;
		z-index: 1;
	}
}

@media (max-width: 700px){
	:root{
		--xs: 14px;
		--s: 16px;
		--m: 18px;
		--l: 20px;
		--xl: 24px;
		--xxl: 32px;
		--xxxl: 38px;
	}

	.footerCopyright{
		flex-direction: column;
		align-items: center;
		gap:16px;
	}

	.divLogoLinkuri{
		flex-direction: column-reverse;
	}

	.linkuriFooter{
		width:unset;
	}
}

@media (max-width: 600px){
	:root{
		--xs: 14px;
		--s: 16px;
		--m: 18px;
		--l: 20px;
		--xl: 24px;
		--xxl: 32px;
		--xxxl: 38px;
	}

	.mailSiLocatie{
		grid-template-columns: 1fr;
		grid-template-rows: repeat(4, auto);
		gap: 16px;
	}

	.divBackgroundMail,
	.divWhatsapp,
	.locatieContact {
		padding: 20px;
		border-radius: 20px;
	}

	.textRezervare{
		gap:8px;
	}
	.elementLista{
		gap:8px;
	}

	.formularRezervare form {
		gap: 16px;
	}

	.linieFormular {
		flex-direction: column;
	}

	.categoriePersoana{
		gap:0px;
		border:2px solid var(--albFormular);
		border-radius:100px;
	}

	.categoriePersoanaItem{
		border:none;
		font-size: var(--s);
		padding:14px 24px;
	}


}

@media (max-width: 550px){
	:root{
		--xs: 14px;
		--s: 16px;
		--m: 18px;
		--l: 20px;
		--xl: 24px;
		--xxl: 32px;
		--xxxl: 38px;
	}

	
}

@media (max-width: 500px){
	:root{
		--xs: 14px;
		--s: 16px;
		--m: 18px;
		--l: 20px;
		--xl: 24px;
		--xxl: 32px;
		--xxxl: 38px;
	}
				
	.slider {
		width: 100%;
		padding:0px;
	}

	.carusel{
		width: 100%;
		padding:0px 8px;
	}
				
	.imgtaiat {
		width: 100%;
	}
	
	.containerPreturi{
		padding:24px;
	}

	.containerFormular{
		padding:32px 24px;
	}
	.formularContact{
		padding:32px 24px;
	}

	.footerCopyright{
		flex-direction: column;
	}

	.categoriePersoanaItem{
		padding: 16px 24px;
	}
}

@media (max-width: 450px){
	:root{
		--xs: 12px;
		--s: 14px;
		--m: 16px;
		--l: 18px;
		--xl: 22px;
		--xxl: 30px;
		--xxxl: 36px;
	}
	.flexContainerPaginaStatica{
		padding: 20px;
		gap: 30px;
	}
	.wrapProgramare{
		gap: 20px;
	}
	.totalProgramare{
		margin-top: 30px;
	}
	.wrapButton{
		margin-top: 10px;
	}

	.wrapTable table td{
		padding: 2px;
	}
	.titluH2{
		padding: 2px;
	}

	.divIconitaCalendar {
		display: block;
	}

    .grup2ButoaneHeader {
		display: none;
	}

	.titluPaginiGradientParcareAcoperita{
		width: 350px;
	}
	.titluPaginiGradientParcareNeacoperita{
		width: 350px;
	}

	.categoriePersoanaItem {
		padding: 16px 16px;
		font-size: var(--s);
	}
}

@media (max-width: 400px){
	:root{
		--xs: 11px;
		--s: 14px;
		--m: 16px;
		--l: 18px;	
		--xl: 22px;
		--xxl: 30px;
		--xxxl: 32px;
	}

	.grupButoaneStanga {
		flex-direction: column;
		width: 100%;
	}

	.grupButoaneStanga .buttonAlbastruRezerva,
	.buttonStangaContact {
		width: 100%;
	}

	.logoAlbFooter img {
		width: 150px;
	}

	.categoriePersoanaItem {
		padding: 14px 12px;
		font-size:var(--xs);
	}
}

@media (max-width: 350px){
	:root{
		--xs: 11px;
		--s: 14px;
		--m: 16px;
		--l: 18px;
		--xl: 20px;
		--xxl: 28px;
		--xxxl: 30px;
	}

	.formularRezervare{
		gap:10px;
	}

	.formularContact{
		gap:10px;
		padding:20px 15px;
	}

	.containerFormular{
		padding:20px 15px;
	}
	
    .slider{
		height:550px;
    }

	.imgtaiat{
		height:500px;
	}


	.hartaContact{
		height:500px;
	}
	.wrapProgramare{
		gap: 20px;
	}
	.wrapTable table td{ /*make it on column per row*/
		display: flex;
		flex-direction: column;
		gap: 2px;
	}
	.wrapTable table td:first-child{
		font-weight: 600;
	}
}

/* ===== STILURI PENTRU CALENDAR EASEPICK ===== */
.calendarContainer {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.calendarContainer label {
    color: var(--albFormular);
    font-size: var(--m);
    line-height: 150%;
    font-weight: 600;
}

.inputCalendar{
	display: none;
}

/* ===== STILURI PENTRU DURATA SEDERII ===== */
.durataSedere {
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    padding: 16px 20px;
    margin: 8px 0;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
	justify-content: space-between;
	
}

.durataSedere:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.3);
    transform: translateY(-2px);
    box-shadow: 0px 4px 16px rgba(255, 255, 255, 0.1);
}

.durataInfo {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--albFormular);
    font-size: var(--s);
    font-weight: 600;
}

.durataText {
    color: rgba(255, 255, 255, 0.8);
}

.durataValoare {
    background: var(--albFormular);
    color: var(--negru);
    padding: 4px 12px;
    border-radius: 20px;
    font-weight: 700;
    font-size: var(--xs);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0px 2px 8px rgba(255, 255, 255, 0.2);
}

.pretInfo {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--albFormular);
    font-size: var(--s);
    font-weight: 600;
}

.pretText {
    color: rgba(255, 255, 255, 0.8);
}

.pretValoare {
    background: var(--albFormular);
    color: var(--negru);
    padding: 4px 12px;
    border-radius: 20px;
    font-weight: 700;
    font-size: var(--xs);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0px 2px 8px rgba(255, 107, 107, 0.3);
}

.faraLocuri{
    color: var(--albFormular);
    font-size: var(--s);
    font-weight: 600;
	background: var(--rosu);
	padding: 15px 20px;
	border-radius: 10px;
	text-align: center;
}
.faraLocuri .editAdmin img{
	filter: brightness(0) saturate(100%) invert(100%) sepia(96%) saturate(16%) hue-rotate(246deg) brightness(103%) contrast(103%);
}

/* Responsive pentru mobile */
@media (max-width: 600px) {
    .easepick-calendar {
        padding: 15px !important;
        border-radius: 15px !important;
        width: 280px !important;
    }
    
    .easepick-calendar-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        padding: 0 15px 15px 15px !important;
    }
    
    .easepick-day {
        font-size: 12px !important;
        margin: 2px !important;
        width: 35px !important;
        height: 35px !important;
    }
    
    .durataSedere {
        padding: 12px 16px;
        border-radius: 12px;
    }
    
    .durataInfo {
        font-size: var(--xs);
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
    
    .durataValoare {
        font-size: 12px;
        padding: 3px 10px;
    }
}