@font-face {font-family: "noto"; src: url("../fonts/Noto_Serif/NotoSerif-Regular.ttf");}
@font-face {font-family: "notobold"; src: url("../fonts/Noto_Serif/NotoSerif-Bold.ttf");}

@font-face {font-family: "ram"; src: url("../fonts/Ram/Glyphter.ttf");}
@font-face {font-family: "ram"; src: url("../fonts/Ram/Glyphter.woff");}

@font-face {font-family: "ram2"; src: url("../fonts/Ram2/Glyphter.ttf");}
@font-face {font-family: "ram2"; src: url("../fonts/Ram2/Glyphter.woff");}



@font-face {
      font-family: 'awesome-entypo';
      src: url('../icons-entypo/awesome-entypo.eot?22577642');
      src: url('../icons-entypo/awesome-entypo.eot?22577642#iefix') format('embedded-nototype'),
           url('../icons-entypo/awesome-entypo.woff?22577642') format('woff'),
           url('../icons-entypo/awesome-entypo.ttf?22577642') format('truetype'),
           url('../icons-entypo/awesome-entypo.svg?22577642#awesome-entypo') format('svg');
      font-weight: normal;
      font-style: normal;
    }
     
     
.demo-icon {
	font-family: "awesome-entypo"; font-style: normal; font-weight: normal; speak: none;
    display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center;
    /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none;
	/* fix buttons height, for twitter bootstrap */ line-height: 1em;
	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */ margin-left: .2em;
	/* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	/* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }
.codesOn .i-name {display: none;}
.codesOn .i-code {display: inline;}
.i-code {display: none;}

:root {
	--fundal: #e7e9df;
	--bleu: #408ed8;
	--albastru: #0056b3;
	--violet0: #ac779a;
	--violet: #671a4d; /*103,26,77*/
	--violet2: #e13e7b;  /*c92764*/
	--rosu: #c10d0d; 
	}


body {
	background: var(--fundal);
	font: 16px noto; color: var(--violet);
}
a {transition: all 0.5s;}
a:hover { text-decoration: none;}
ul, li {list-style: none; margin: 0; padding: 0;}

#header {
	position: absolute; top: 0; left: 0; 
	width: 100%; z-index: 200;
	}
#header-int {
	position: absolute; top: 0; left: 0; width: 100%; z-index: 200;
	}
#header-int .navbar-brand img {
	width: 164px; background: var(--fundal); border-radius: 50%;
	box-shadow: 0 0 10px 0 rgba(255,255,255,0.8);
	}
#header-int .minimenu ul li a {color: var(--violet);}

#header-int #but-cauta {color: var(--violet);}
#header-int #but-cauta:before {color: var(--violet);}
#header-int #input-cauta {color: var(--violet); border-bottom: 2px solid var(--violet0);}
#header-int .nav-link {color: var(--violet);}
#header-int .nav-stop {color: var(--fundal) !important;}
#header-int #smoothmenu2 li li a {color: var(--fundal);}

#header-int .lang a {color: var(--violet); border: 1px solid var(--violet);} 
#header-int .lang a:hover {background: #eee;}
#header-int .lang a.langstop {background: var(--bleu); border: 1px solid var(--bleu); color: var(--fundal);}

.navbar {box-shadow: none; text-transform: uppercase; min-height: 90px;}
.navbar-brand {position: absolute; top: 10px; left: 0px; z-index: 10;}
.navbar-brand img {
	width: 240px; /*background: var(--fundal); border-radius: 50%;*/
	box-shadow: 0 0 10px 0 rgba(255,255,255,0.8);
	opacity: 1; background: rgba(255,255,255,0.8); border-radius: 50%;
	}

.minimenu-jos {display: none;}
.minimenu {
	position: absolute; top: 16px; right: 0px;
	display: flex; flex-wrap: wrap;
	justify-content: end; align-items: center;
}
.minimenu ul {
	display: inline-block; float: left;
	/*border: 1px solid #ddd; border-radius: 3px;
	padding: 4px 15px 6px 5px;*/
	}
.minimenu ul li {display: inline-block;}
.minimenu ul li a {
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	color: rgba(255,255,255,0.8);
	font: 12px notobold; line-height: 13px;
	margin: 0 0px 0 10px; padding: 0px;
	opacity: 0.7;
	}
.minimenu ul li a:hover {color: var(--fundal); opacity: 1;}
/*.minimenu ul li a:before {content: "."; margin: 0 0 0 -5px; padding: 0 8px 0 0;}
.minimenu ul li:first-child a:before {display: none;}*/

.breadcrumb {display: none;}

#cautare {
	position: absolute; top: 1px; right: 117px;
	display: block; width: 40px;
	height: 40px;
	border: none; border-radius: 3px;
	overflow: hidden;
	/*box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);*/
	transform: translateX(0px);
	transition: all 0.5s;
}
#cautare.active {
	transform: translateX(-180px);
}

#but-cauta {
	position: absolute; top: 0; right: 0px;
	display: inline-block; border: none; 
	background: none; color: var(--violet); width: 40px;
	cursor: pointer; outline: none;
	}
#but-cauta:before {
	content: "\e8b1"; font: 30px awesome-entypo;
	color: rgba(255,255,255,0.8);
	}

#input-cauta {
	display: inline-block;
	border: none; border-bottom: 2px solid rgba(255,255,255,0.35);
	padding: 7px 0px 7px 0px; margin-left: 200px;
	font: 14px noto;
	width: 600px;
	background: none;	
	transition: all 0.5s; outline: none;
	color: var(--fundal);
	}
#cautare input[type="text"]::-webkit-input-placeholder {color: rgba(255,255,255,0.8)}
#cautare input[type="text"]:-moz-placeholder {color: rgba(255,255,255,0.8)}
#cautare input[type="text"]::-moz-placeholder {color: rgba(255,255,255,0.8)}
#cautare input[type="text"]:-ms-input-placeholder {color: rgba(255,255,255,0.8)}

#cautare input[type="text"]:hover::-webkit-input-placeholder {color: var(--fundal);}
#cautare input[type="text"]:hover:-moz-placeholder {color: var(--fundal);}
#cautare input[type="text"]:hover::-moz-placeholder {color: var(--fundal);}
#cautare input[type="text"]:hover:-ms-input-placeholder {color: var(--fundal)f;}

#cautare input[type="text"]:focus::-webkit-input-placeholder {color: var(--fundal);}
#cautare input[type="text"]:focus:-moz-placeholder {color: var(--fundal);}
#cautare input[type="text"]:focus::-moz-placeholder {color: var(--fundal);}
#cautare input[type="text"]:focus:-ms-input-placeholder {color: var(--fundal);}


#header-int #cautare input[type="text"]::-webkit-input-placeholder {color: var(--violet)}
#header-int #cautare input[type="text"]:-moz-placeholder {color: var(--violet)}
#header-int #cautare input[type="text"]::-moz-placeholder {color: var(--violet)}
#header-int #cautare input[type="text"]:-ms-input-placeholder {color: var(--violet)}

#header-int #cautare input[type="text"]:hover::-webkit-input-placeholder {color: var(--violet);}
#header-int #cautare input[type="text"]:hover:-moz-placeholder {color: var(--violet);}
#header-int #cautare input[type="text"]:hover::-moz-placeholder {color: var(--violet);}
#header-int #cautare input[type="text"]:hover:-ms-input-placeholder {color: var(--violet);}

#header-int #cautare input[type="text"]:focus::-webkit-input-placeholder {color: var(--violet);}
#header-int #cautare input[type="text"]:focus:-moz-placeholder {color: var(--violet);}
#header-int #cautare input[type="text"]:focus::-moz-placeholder {color: var(--violet);}
#header-int #cautare input[type="text"]:focus:-ms-input-placeholder {color: var(--violet);}

b, strong {
    font-family: notobold;
}

/* CAUTARE PREDICTIBILA */
#cautare_avans2 {
	position: absolute;	left: 50%; top: 57px;
	margin-left: 259px;
	z-index: 5000 !important;
	width: 255px;
	text-align: left;
	}

#cautare_avans {
	position: relative;
	border: 1px solid #ccc;
	border-radius: 3px;
	width: 100%;
	background: var(--fundal);
	padding: 5px 10px 10px 10px;
	text-align: left;
	transition: all 0.5s;
	box-shadow: 5px 5px 0 0 rgba(0,0,0,0.3);
	}
#cautare_avans h2 {
	font-size: 14px;
	font-weight: normal;
	border-bottom: 1px solid #999;
	padding: 0 0 3px 0;
	/*text-shadow: 1px 0px var(--fundal);*/
	margin: 10px 0 5px 0;
	}
#cautare_avans br {display: none;}
#cautare_avans h2 span {
	font-size: 12px;
	padding: 0 0 0 5px;
	}


.cautare_txt {
	display: block;
	font: 14px/1.2 noto;
	text-decoration: none;
	color: #442663;
	padding: 4px 5px;
	margin: 0 0 3px 0;
	border-bottom: 1px solid #ccc;
}
.cautare_txt:hover {background: #fff;}
.cautare_txt font {
	color: #017dcf;
	border-left: 1px solid #d6e5ef;
	padding: 0 0 0 7px;
	margin: 0 0 0 7px;
	line-height: 10px;
	}
	
a#cautare_vezi, #cautare_avans input {
	display: block;
	background: #00539a;
	color: var(--fundal); 
	padding: 8px 0;
	margin: 10px 0 0 0;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
	border: 0 none;
	border-radius: 3px;
	width: 100%;
	cursor: pointer;
	font: 14px noto;
	letter-spacing: 0;
	transition: all 0.5s;
	}
a#cautare_vezi:hover, #cautare_avans input:hover {
	display: block;
	background-color: #333;
	}

.cautare-raspuns {
	margin: 0 30px 0 0;
	}	
	
.content-src .cautare-raspuns h2 {
	margin: 30px 0 13px 0;
	}
	
.cautare-raspuns a.cautare_txt {
	background: url(../assets/li2.png) no-repeat 0px 4px;
	padding: 0 0 5px 11px;
	}

.content-src h2 {
	font: 22px noto;
	line-height: 24px;
	font-weight: bold;
	background: #e4e4e4;
	padding: 10px 20px;
	border-radius: 3px;
	text-shadow: 1px 2px var(--fundal);
	}	
	
/* end cautare predictibila */	


.hedbut {
	position: relative;
	display: inline-flex; align-items: center;
	justify-content: end;
	width: 35px; height: 35px;
	margin: 0 0 0 20px; padding: 7px 40px 0 0;
	transition: all 0.5s;
}
.hedbut:after {
	content: "";
	position: absolute; top: 0; right: 0; z-index: 5;
	display: block; width: 35px; height: 35px;
	text-align: center; text-transform: lowercase;
	border: none; border-radius: 100px;
	background: var(--violet); color: var(--fundal);
}
.hedbut:before {
	position: absolute; top: 5px; right: 7px; z-index: 10;
	font: 20px awesome-entypo;
	color: var(--fundal);
}

.header-tel:before {content: "\f2a0";}
.hedbut span {
	display: none;
	justify-content: end; align-items: center;
	color: var(--violet);
	text-align: right; text-transform: lowercase;
	font-size: 14px; line-height: 1;
	transition: all 0.5s;
	height: 35px;
	padding: 0 0 5px 0;
	word-break: keep-all;
	white-space: nowrap;
}



.hedbut:hover {width: 180px;}

	
.header-email:before {content: "\f2b7";}

.hedbut:hover span {display: inline-flex;}


.lang {
	position: absolute; top: 647px; right: 50%;
	margin-right: -632px;
	z-index: 100;
}
.body-home .lang {top: 540px; margin-right: -609px;}
.fara-dreptunghi .lang {top: 100px;}
.lang a {
	position: relative;
	display: inline-block; vertical-align: top; width: 35px;
	text-align: center;
	background: var(--fundal); color: var(--violet);
	padding: 0px; margin: 0px 3px 0 0;
	border-radius: 7px; border: 1px solid var(--violet);
	font: 15px notobold; line-height: 31px; letter-spacing: -0.3px;
	} 
.lang a:hover {background: rgba(0,0,0,0.1);}
.lang a.langstop {background: var(--violet); border: 1px solid var(--violet); color: var(--fundal);}
.lang a.langstop:after {
	content: ""; display: block; width: 0px; height: 0px; 
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid var(--violet);
	position: absolute;
	left: 50%; bottom: -7px;
	transform: translateX(-50%);
	}	

h2 {font-size: 26px;}

#smoothmenu2 {position: absolute; bottom: 0px; right: 0;}


.navbar-nav ul {display: none;}
.nav-link {
	position: relative;
	font: 16px notobold; line-height: 16px;
	border-radius: 4px 4px 0 0; color: rgba(255,255,255,0.8);
	padding-left: 10px !important; padding-right: 10px !important; margin: 0 0px;
	background: none;
	overflow: visible; transition: all 0.5s;
	}
#header .nav-link:hover, .nav-link.selected {background: var(--violet); color: var(--fundal);}
#header-int .nav-link:hover, .nav-link.selected {background: var(--violet); color: var(--fundal) !important;}



.nav-stop {background: var(--violet); color: var(--fundal);}
.nav-stop:after {
	content: "\e86b"; font: 24px awesome-entypo;
	position: absolute; bottom: -14px; left: 50%; z-index: 10;
	transform: translateX(-50%);
	color: var(--violet);
	}
	
.nav-item {position: relative;}
	
#smoothmenu2 ul li ul {
	position: absolute; top: 32px !important; left: -116px !important;
	background: var(--violet); color: var(--fundal);
	width: 300px !important;
	text-align: left;
	padding: 10px 0; margin: 0 0px 0 116px !important;
	border-radius: 0 0 6px 6px;
	box-shadow: inset -60px 0 80px 0px rgba(0,0,0,0.1);
	} 
#smoothmenu2 ul li:last-child ul {left: initial !important; right: 0px !important;}
	
#smoothmenu2 li li {display: block; background: 0 none; padding: 0;}
#smoothmenu2 li li a {
	display: block;
	font: 12px noto; line-height: 30px; letter-spacing: 0px;
	background: none; border: none;
	padding: 5px 15px;
	color: var(--fundal);
	border-bottom: 1px dotted rgba(255,255,255,0.3);
	}
#smoothmenu2 li li a:hover {box-shadow: inset 0 0 100px 0 rgba(0,0,0,0.2);}

#smoothmenu2 li a img {display: none;}	
#smoothmenu2 li li a:before {display: none;}

#smoothmenu2 li li a.nav-nav-stop {box-shadow: inset 0 0 100px 0 rgba(0,0,0,0.4);}

.ddsmoothmenu ul li ul {
	position: right;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	}
	

.carousel {
	height: 83vh !important; overflow: hidden;
	border-bottom: 1vh solid rgba(103,26,77,0.3);
	}
/*.carousel:after {
	content: "";
	background: url(../assets/bottom.png) repeat-x 0 0;
	background-size: 15px;
	position: absolute; bottom: -10px; left: 0; width: 100%;
	height: 18px;
	}*/
.carousel-item img { /* casa */
	animation-name: s2;
    animation-duration: 1s;
	filter: brightness(70%);
	margin: -100px 0 0 0;
	animation-fill-mode: forwards;
	}
.carousel-item:first-child img { /* munte */
	animation-name: s1;
    animation-duration: 3s;
	filter: brightness(70%);
	margin: 0; 
	animation-fill-mode: forwards;
	}

@keyframes s1 {
    0%  {transform: scale(1.4,1.4);}
    100% {transform: scale(1.0,1.0);}
}

@keyframes s2 {
    0%  {transform: scale(1.0,1.0);}
    100% {transform: scale(1.4,1.4);}
}
.carousel-item:after {
	content: "";
	position: absolute; top: 0; left: 0;
	display: block; width: 100%; height: 100%; 
	background: rgba(0,0,0,0.3);
	animation-name: neagra;
    animation-duration: 2s;
	opacity: 0;
	}
@keyframes neagra {
    0%  {height: 0; opacity: 1;}
    50% {height: 100%; opacity: 1;}
    100% {opacity: 0;}
}

.carousel-caption {
	position: absolute; top: 60vh !important; right: -50% !important;
	width: 1200px;
	text-align: right;
	}
.carousel-caption p {
	font: 32px noto; line-height: 42px;
	opacity: 0.8;
	padding: 0 0 0 600px;
	}
.carousel-caption em {
	font: italic 20px noto; line-height: 20px;
	opacity: 0.4;
	}


.carousel-control-prev-icon, .carousel-control-next-icon { /* sagetile ascunse */
	display: none;
	border-radius: 100px; width: 35px; height: 35px;
	border: 1px solid var(--fundal); padding: 25px;
	background-size: 30px;
	}	
	

.dreptunghi {
	margin: 90px auto 0 auto; padding: 0px 0 0 0;
	height: 550px;
	display: block; overflow: hidden;
	background-position: center center;	background-size: cover;
	border-radius: 10px;
}
@keyframes b200 {
    0%  {background-position: 0 0px;}
    100% {background-position: 0 -100px;}
	}
.dreptunghi .container {position: relative; height: 100%;}	
.container-h1 {position: relative;}
.h1-principal {
	position: absolute; bottom: 3px; left: 0; z-index: 100;
	font: 16px notobold; letter-spacing: -1px;
	text-align: left; text-transform: uppercase;
	/*background: rgba(0,0,0,0.4);*/ color: var(--fundal);
	padding: 0 0 0 15px;
	letter-spacing: 3px;
	}
.h1-principal span {
	display: none;
	font: 16px notobold; opacity: 0.7;
	text-transform: uppercase;
	}
.h1-principal span strong {display: inline-block; 
	vertical-align: bottom; font-weight: normal; margin: 0px 0 50px 0;}
.h1-principal span svg.svg1 {
	position: absolute; top: -20px; left: 25px; z-index: 100;
	opacity: 0.5; width: 90px;
	transform: rotate(-18deg);
	}
.h1-principal span svg.svg2 {
	display: none;
	/*opacity: 0.5; width: 80px;
	margin: 0 0 0 30px; padding: 0;
	transform: scaleX(-1) rotate(-18deg);*/
	}
.continut h3 {
	font: 26px noto; color: var(--bleu);
	padding: 0 0 7px 0; margin: 0 0 20px 0;
	border-bottom: 1px dashed #ccc;
	}
.ul-list li {position: relative; padding: 0 0 7px 20px;}
.ul-list li:before {
	content: "\f1ce"; font: 12px awesome-entypo;
	position: absolute; top: 4px; left: 0;
	color: #aaa;
	}


.continut {
	text-align: justify; margin: 60px auto 47px auto; 
	min-height: 200px;
	vertical-align: top;
}
.fara-dreptunghi .continut {margin: 160px auto 47px auto;}

.colx2 {column-count: 2; column-gap: 25px;}
.continut p {
	/*column-count: 2; column-gap: 35px;*/
	margin: 0 0 22px 0;
	line-height: 26px;
	}
.continut li {position: relative; padding: 0 0 5px 16px;}
.continut li:before {
	position: absolute; top: 4px; left: 0;
	content: "\e86e"; font: 14px awesome-entypo;
	}
/*.supra {
	background: var(--fundal);
	margin: -100px auto 0 auto;
	padding: 20px 40px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	}*/
body.body-home h1 {font-style: normal;}
body.body-home p {font-style: normal;}
.continut-home {text-align: center;}
.home-icon {
	height: 100px; margin: 0 auto 20px auto;
	opacity: 0.5;
	border: 1px solid var(--violet); border-radius: 200px;
	padding: 5px;
	box-shadow: 5px 5px 0 0 rgba(0,0,0,0.2);
	}
.home-blog .home-icon {border: 1px solid var(--bleu); opacity: 0.7;}

.continut-home h1 {
	text-align: left; /*text-transform: uppercase;*/
	font-size: 40px; line-height: 40px; font-weight: 300;
	margin: 0 0 30px 0; padding: 0;
	color: var(--violet);
	text-shadow: 2px 2px 0 rgba(0,0,0,0.15);
	}
.body-home .continut p {column-count: 1; column-gap: 0px;}
.home-imp {
	background: #eee;
	padding: 10px 20px;
	border-radius: 4px;
	font: 20px noto; line-height: 26px;
	}
.continut-home img {
	width: 100%;
	border-radius: 3px;
	margin: 0 0 25px 0 ;
	}
.mm {
	display: inline-block;
	color: var(--violet);
	border: 1px solid var(--violet); border-radius: 4px;
	padding: 10px 30px;
	font: 14px notobold; line-height: 14px;
	text-transform: uppercase; letter-spacing: 3px;
	transition: all 0.5s;
	}
.mm:hover {color: var(--violet); background: #eee;}
	
.home-despre p {text-align: justify; margin: 0 0 20px 0;}

.pachete h1 {
	font: 20px notobold; line-height: 24px;
	letter-spacing: -0.8px;
	margin: 0 0 10px 0;
	}
.pachete img {
	width: 100%;
	border-radius: 3px;
	margin: 0 0 25px 0 ;
	}

.home-categorii {
	padding-top: 150px; margin-bottom: 50px;
}
.home-categorii > ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}
.home-categorii li {position: relative;}
.home-categorii > ul > li > a {
	position: relative; transition: all 0.5s;
	overflow: hidden;
	border-radius: 5px;
}
.home-categorii .home-header {
	grid-column: 1/-1;
}
.home-categorii a img {
	width: 100%; height: 300px;
	object-fit: cover;
	filter: brightness(60%);
	border-radius: 10px;
	
	transition: all 0.5s;
}
.home-categorii .home-header img {
	width: 100%; height: 450px;
	object-fit: cover;
	border-radius: 10px;
	margin: 0 0 30px 0;
}
.home-categorii a strong {
	display: block;
	text-align: center; text-transform: uppercase;
	font: 16px/1 notobold;
	color: var(--violet);
	transition: all 0.5s;
	margin: 0px 0 5px 0;
}

.home-categorii ul ul {
	position: absolute; top: 50px; left: 50%;
	transform: translateX(-50%);
	width: 95%;
	opacity: 0;
	transition: all 0.5s;
}
.home-categorii ul li:hover ul {opacity: 1;}
.home-categorii li li {display: block; width: 100%;}
.home-categorii li li a {
	display: block;
	font: 18px/1.2 notobold;
	color: var(--fundal);
	padding: 8px 0;
	text-align: center;
}


.h4-testimon h4 {
	font: 16px/1 notobold;
	text-transform: uppercase; text-align: center;
}
.swiper {margin: 0 auto 100px auto;}
.swiper-slide {
	position: relative;
	padding: 30px 0;
	font: italic 20px/1.4 noto;
}
.swiper-slide span:before, 
.swiper-slide span:after {content: '"';}

.swiper-slide cite {
	position: absolute; top: 0px; left: 0;
	font: bold 18px/1.2 noto;
	text-transform: uppercase;
	color: var(--violet);
}
.swiper-slide cite:before {
    content: "\e842";
    font: 18px awesome-entypo;
    color: var(--violet);
	margin: 0 10px 0 0;
}

.swiper-pagination {bottom: 0 !important;}
.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    line-height: 24px;
    opacity: 0.4;
    background: var(--violet);
    color: transparent;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 16px;
    text-align: center;
}
.swiper-pagination-bullet-active {
    opacity: 1;
}

.container {padding-left: 0; padding-right: 0;}
	
.galerie {
	/*display: flex;
	justify-content: space-between;
	flex-wrap: wrap;*/
	column-count: 3; column-gap: 10px;
	margin: 0px 0 30px 0;
	}
.galerie a {
	position: relative;
	display: inline-block; /*width: 33.333%; height: 500px; overflow: hidden;*/
	margin: 0 0 10px 0;
	}
.galerie a img {
	/*position: absolute; top: 0; left: -40%;*/
	width: 100%;
	transition: all 0.5s;
	border-radius: 3px;
	}
/*.galerie a:hover img {
	width: 220%; top: -10%; left: -40%;
	filter: brightness(50%);
	}*/
.galerie a:before {
	content: "";
	position: absolute; top: 50%; left: 50%; z-index: 10;
	transform: translate(-50%, -50%);
	display: block; width: 150px; height: 150px;
	background: url(../assets/masca.png) no-repeat 0 0;
	background-size: cover;	
	opacity: 0; transition: all 0.5s;
	}
.galerie a:hover:before {opacity: 0.7;}

h1 {font-size: 36px;}
h2 {font-size: 26px;}
	
/* PRETURI */
.h1-centru {text-align: center !important; margin-bottom: 25px !important;}
.tabel-preturi-mic {
	text-align: center; width: 100%;
	border-collapse: separate; border-spacing: 8px;
	color: var(--violet);
	border: 1px solid rgba(103,26,77,0.3); border-radius: 3px;
	box-shadow: 5px 5px 0 0 rgba(103,26,77,0.1);
	}
.tpm-titlu th {
	position: relative;
	font: 16px/16px notobold;
	color: var(--violet);
	padding: 5px 7px 10px 7px;
	}
.tpm-titlu th a {display: block; color: var(--violet);}
.tpm-titlu th a:hover {opacity: 0.7;}
.euro {
	font: 14px/14px notobold;
	color: var(--violet);
	margin: 20px 0 0 8px;
	}
.euro span {
	display: block; font: 28px/28px notobold;
	border-bottom: 1px dashed rgba(103,26,77,0.4);
	padding: 0 0 5px 0; margin: 0 0 5px 0;
	}
.euro strong {
	display: block;
	}
.tpm-titlu img {
	height: 40px;
	margin: 0 0 10px 0;
	}
.tpm-row:nth-child(3) td {
	box-shadow: inset 0 -100px 0 0 rgba(0,0,0,0.1);
	}
.tpm-row:nth-child(4) td {
	box-shadow: inset 0 -100px 0 0 rgba(0,0,0,0.2);
	}
.tpm-row td {
	background: #eee;
	border-radius: 2px;
	padding: 12px 0;
	font: 22px/22px notobold; text-shadow: 1px 1px 0 var(--fundal);
	width: 29%;
	}
.tpm-row td:first-child { /*col stg*/
	text-align: right;
	font: 14px/14px notobold; text-shadow: none;
	padding: 12px 8px 12px 0px;
	background: var(--violet0); color: var(--fundal);
	width: 20%;
	}

	
.preturi .col-lg-6:last-child {column-count: 2; margin-top: 0px;}
.ant {
	border: 1px solid rgba(103,26,77,0.3); border-radius: 3px;
	color: var(--violet);
	padding: 12px 20px; margin: 0 0 14px 0;
	text-align: left;
	font: 14px/18px noto;
	box-shadow: 5px 5px 0 0 rgba(103,26,77,0.1);
	}
.ant:last-child {min-height: 98px;}
	
.verifica-cont .col-lg-3 a {
	display: block;
	border: 2px solid var(--violet); border-radius: 6px;
	padding: 15px 0; margin: 20px 0; text-align: center;
	font: 18px/18px notobold; text-shadow: 1px 1px 0 var(--fundal);
	background: linear-gradient(var(--fundal),#ccc); color: var(--violet); 
	transition: all 0.5s; opacity: 0.6;
	}
.verifica-cont .col-lg-3 a i {font: 40px/40px awesome-entypo; margin: 0 0 10px 0;}
.verifica-cont .col-lg-3 a:hover {opacity: 1;}

.verifica {
	display: inline-block; width: 100%;
	margin: 0 auto;
	border: 2px solid var(--violet); border-radius: 6px;
	padding: 28px 0; margin: 20px 0; text-align: center;
	font: 30px/35px notobold; text-shadow: 1px 1px 0 var(--fundal);
	background: linear-gradient(var(--fundal),#ccc); color: var(--violet); 
	text-transform: uppercase; transition: all 0.5s;
	}
.verifica:before {
	content: "\f274"; font: 40px awesome-entypo; /*e85a f274*/
	margin: 0 10px 0 0;
	}
.verifica:hover {
	color: var(--bleu); border-color: var(--bleu);
	}
/* end preturi */

	
/* Calendar	*/
.legenda {position: relative; margin-bottom: 30px;}
.legenda .col-3 {position: default !important;}

.legendara {
	display: block;
	float: right; text-align: right;
	width: 150px; margin: 10px 0 0px 0;
	}
.legendara span {
	display: inline-block; vertical-align: top;
	width: 40px; height: 20px; border-radius: 3px;
	background: var(--rosu);
	}

.curs {
	float: right;
	font: 20px/20px noto; margin: 10px 0 0;
	}

a.but-calendar {
	display: block;
	background: var(--bleu); color: var(--fundal);
	font: 16px notobold; line-height: 20px;
	text-transform: uppercase;
	padding: 10px 0;
	text-align: center;
	border-radius: 4px;
	}
a.but-calendar:before {
	content: "\e924"; font: 16px awesome-entypo;
	margin: 0 12px 0 0;
	}
a.but-calendar:hover, a.but-calendar:focus {
	color: var(--fundal);
	box-shadow: inset 0 -100px 0 0 rgba(0,0,0,0.2);
	}
div.but-calendar {
	display: block;
	background: var(--fundal); color: var(--bleu);
	border: 1px solid var(--bleu);
	font: 16px notobold; line-height: 20px;
	text-transform: uppercase;
	padding: 10px 0;
	text-align: center;
	border-radius: 4px;
	}
div.but-calendar:before {
	/*content: "\e89f"; font: 16px awesome-entypo;*/
	content: ""; border: 2px solid var(--bleu); border-radius: 100px;
	display: inline-block; vertical-align: middle; width: 16px; height: 16px;
	margin: 0 12px 0 0;
	}
a.but-calendar.bc1 {background: #1f5e9a;}
a.but-calendar.bc2 {background: #7cb7ef;}
a.but-calendar.bc3 {background: #671a4d;}



.hidele {
	position: absolute; top: 42px; left: 16px; z-index: 10;
	width: 1230px; height: 350px; overflow: hidden;
	border-radius: 0 0 15px 15px;
	background: var(--fundal);
	display: flex; justify-content: space-between;
	flex-wrap: wrap;
	box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.8);
	}
.colaps {display: none;}
.hidele img {float: left; width: 30%; border-right: 2px solid var(--fundal);}
.tableizer-table {
	float: right;
	background: var(--fundal);
	width: 69.9%; height: 100%; padding: 10px;
	/*margin: 20px;*/
	
	}
.tableizer-table th {
	text-align: center;
	background: var(--violet); color: rgba(255,255,255,0.7);
	padding: 15px 5px;
	font: 14px notobold; line-height: 16px;
	}
.tableizer-table th:last-child {width: 150px;}
.tableizer-table td {
	text-align: center !important;
	font: 14px noto; line-height: 16px;
	text-align: left;
	padding: 15px 10px;
	border-bottom: 4px solid #eee; 
	border-right: 1px solid #ccc; 
	}
	
.t-sezon th {background: #1f5e9a;}
.t-extra th {background: #7cb7ef;}

.calendar {
	display: flex; justify-content: space-between;
	flex-wrap: wrap;
	width: 100%; margin: 40px 0; 
	}
.calendar-right {justify-content: flex-end;}
.calendar-right .luna {margin-left: 29px;}
.calendar-right .luna:nth-child(1) {margin-left: 0px;}
.calendar-right .luna:nth-child(7) {margin-left: 0px;}

.h2-dreapta {
	float: right; text-align: right;
	margin: 0 0 30px 0;
	color: var(--bleu);
	}
.luna {
	display: inline-block; vertical-align: top;
	width: 180px;
	margin-bottom: 40px;
	}
.luna h3 {
	font: 20px noto; line-height: 20px; border: none;
	text-transform: uppercase; text-align: center; margin: 0 0 3px 0;
	color: var(--violet);
	}
/*.luna div {background: #e7f1f7; height: 285px;}*/
.luna-tabel {
	width: 100%; min-height: 100px;
	/*border: 1px solid #c4dceb; */
	padding: 4px 4px 0 4px; border-spacing: 0px;
	}
.luna-tabel tr:first-child {border-bottom: 2px solid var(--violet);}
.luna-tabel th {
	background: #e7f1f7; color: var(--violet);
	text-align: center;
	font: 16px noto;
	text-shadow: 1px 1px var(--fundal);
	padding: 8px 0;
	}
.luna-tabel th:nth-child(6) {color: var(--bleu);}
.luna-tabel th:nth-child(7) {color: var(--bleu);}

.luna-tabel td {
	position: relative; text-align: center;
	padding: 0; line-height: 1;
	background: #e7f1f7;
	}
.luna-tabel td a {
	padding: 12px 0 9px 0;
	color: #333; display: block;
	/*line-height: 20px;*/
	line-height: 14px;
	}

.luna-tabel td.pachet1 a {background: #7cb7ef; color: var(--fundal);} /*extrasezon*/
.luna-tabel td.pachet2 a {background: #1f5e9a; color: var(--fundal);} /*sezon*/
.luna-tabel td.pachet3 a {background: #671a4d; color: var(--fundal);} /*special*/
/*.luna-tabel td.rezervat a:before {
	content: "\e82b"; font: 10px awesome-entypo;
	position: absolute; top: 2px; left: 50%;
	transform: translateX(-50%);
	opacity: 0.7;
	} /* rezervat*/
.luna-tabel td.rezervat a:before {
	content: ""; border: 2px solid var(--bleu); border-radius: 100px;
	display: block; width: 27px; height: 27px;
	position: absolute; top: 50%; left: 50%; z-index: 1;
	transform: translate(-50%,-50%);
	box-shadow: 2px 2px 0 0 rgba(255,255,255,0.5);
	}
.luna-tabel td.rezervaty a {
	background: var(--rosu); color: #e7f1f7;
	}
	
/*.luna-tabel td.rezervat a:before {
	content: "\e82a"; font: 20px awesome-entypo;
	position: absolute; top: 50%; left: 50%;
	transform: translate(-50%,-50%);
	} /* rezervat*/

/* end calendar */	
	
/* BLOG */
.noutati {margin: 30px 0;}
.noutate {font: 14px noto; line-height: 18px; margin: 0 0 30px 0;}
.noutate-titlu {
	position: relative; display: block;
	text-align: left;
	font: 16px notobold; line-height: 19px;
	color: var(--violet);
	margin: 0 0 5px 0;
	min-height: 38px;
	}
.noutate-titlu em {
	position: absolute; bottom: -25px; right: 5%; z-index: 10;
	font: 11px noto; line-height: 14px; text-transform: uppercase;
	background: var(--violet); color: var(--fundal);
	padding: 3px 6px; border-radius: 0 0 3px 3px;
	} 
.noutate-img {
	position: relative;
	display: block; width: 100%; height: 300px;
	overflow: hidden;
	border-radius: 3px; margin: 0 0 5px 0;
	}
.noutate-img img {
	position: absolute; top: 50%; left: 50%;
	transform: translate(-50%,-50%);
	width: 120%; transition: all 0.5s;
	}
.noutate-img:hover img {width: 130%;}

.mmm {
	display: block; vertical-align: top;
	width: 100px; text-align: center;
	border: 1px solid #aaa; color: #333;
	padding: 3px 6px; margin: 15px 0; border-radius: 3px;
	font: 11px noto; line-height: 14px; text-transform: uppercase;
	}
.mmm:hover {color: var(--bleu); border-color: var(--bleu);}
p .mmm {margin: -20px 0 15px 0;}

.noutate-det {text-align: justify;}
.noutate-det h2 {
	position: relative; display: block;
	font: 18px notobold; line-height: 22px;
	color: var(--bleu); margin: 0 0 40px 0; background: var(--fundal);
	border-bottom: 1px dashed #a0bebe;
    padding: 0 0 8px 0;
	}
.noutate-det h2 em {
	position: absolute; bottom: -18px; right: 0;
	font: 14px noto; line-height: 14px;
	color: var(--bleu);
	}
.noutate-det p {font: 14px noto; line-height: 22px; margin: 0 0 18px 0;}

.descriere {
	display: inline-block; vertical-align: top;
	width: 49%;
	}
.nou-img2 {
	display: inline-block; vertical-align: top;
	width: 49%;
	}
.nou-img2 img {
	width: 100%; height: 100%;
    object-fit: cover;
	margin: 0px 0 40px 30px;
	border-radius: 3px;
	}
.noutate-det iframe {width: 800px; height: 450px; margin: 10px 0 40px 0px;}

.galerie-blog a {
	display: inline-block; vertical-align: top;
	width: 33%;
	}
.galerie-blog a img {
	width: 100%; height: 300px;
	object-fit: cover;
	}

/* end blog */


/* Parteneri */
.parteneri {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 60px 30px;
	margin: 100px 0;
}
.partener {
	text-align: center;
	color: var(--violet);
}
.partener strong {
	display: block;
	font: 22px/1.2 notobold;
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px 0; margin: 0 0 10px 0;
}
.partener span {
	display: block;
	font: 14px/1.2 noto;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.partener em {
	font: 14px/1.2 noto;
}
/* End Parteneri */

.contact-adresa {text-align: center; margin: 60px 0 0;}
.contact-adresa h3 {
	text-transform: uppercase;
	text-align: center;
	color: var(--violet);
}
.ca {
	position: relative;
	width: 600px;
	text-align: left;
	margin: 0 auto; 
	}


.ca a {color: var(--violet);}
.ca p {padding: 0 0 0 150px;}
.ca p em {font-size: 30px; color: var(--violet); transition: all 0.5s;}
.ca p:nth-child(3) em {font-size: 27px; margin: 0 12px 0 7px;}
.ca a:hover {color: var(--bleu);}
.ca a:hover em {color: var(--bleu);}

.h4-contact {
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin: 0 0 40px 0;
}

.sociale {
	display: flex; flex-wrap: wrap;
	align-items: center;
	margin: 0 0 0 8px;
}
.sociale:before {
	content: "";
    display: block; width: 26px; height: 26px;
    margin: 0px 12px 0 0px;
    background: var(--violet);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    transition: all 0.5s;
}
.sociale.fb:before {-webkit-mask-image: url(/assets/sociale/facebook-brands-solid.svg);}
.sociale.yt:before {-webkit-mask-image: url(/assets/sociale/square-youtube-brands-solid.svg);}
.sociale.ig:before {-webkit-mask-image: url(/assets/sociale/square-instagram-brands-solid.svg);}
.sociale.lk:before {-webkit-mask-image: url(/assets/sociale/linkedin-brands-solid.svg);}

.video {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}
.video iframe {width: 49%; height: 350px;}

.videos {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
	margin: 0 0 50px 0;
}

iframe {
    width: 100%;
	border-radius: 10px;
}

.diverse {margin-bottom: 60px;}
.diverse h2 {
	font: 26px noto; color: var(--bleu);
	}
.diverse .col-4 {text-align: left;}
.diverse a {display: block;}
.diverse a strong {
	display: block;
	font: 16px notobold; line-height: 18px; letter-spacing: -0.3px;
	color: var(--violet);
	margin: 20px 0 5px 0;
	}
.diverse a img {
	width: 100%; border-radius: 4px;
	transition: all 0.5s;
	}
.diverse a:hover img {filter: brightness(70%);}

.rez-cautare {
	display: block;
	color: var(--violet);
	border-left: 2px solid var(--violet0);
	padding: 0 0 0 20px;
}
.rez-cautare:hover {border-color: var(--albastru);}
.fara-dreptunghi .rezultate-cautare {
    margin-bottom: 70px;
}
.rezultat {
    display: inline-block;
    background: #fff;
    padding: 7px 15px;
    margin: 0 0 20px 0;
    border-radius: 5px;
}
.rezultat strong {
	font-family: "notobold";
	color: var(--rosu);
}
	

#footer {
	position: relative;
	color: var(--fundal); font: 14px noto;
	padding: 50px 0 70px 0; margin-bottom: 50px;
	height: 200px;
}
#footer .container {padding: 0 !important;}
.meniu-footer2025 {
	display: flex; flex-wrap: wrap;
	justify-content: space-between;
	text-align: center; margin-top: -77px;
}
.meniu-footer2025 a {
	display: inline-block;
	text-transform: uppercase;
	margin: 0 0 0 0;
	font: 20px/1 notobold;
	color: var(--violet);
	transition: all 0.5s;
}
.meniu-footer2025 a:hover {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}
#footer .bg-footer {
	display: block; width: 100%; height: 100%; object-fit: cover;
	position: absolute; top: 0; left: 0; z-index: -1;
	filter: brightness(60%);
	border-radius: 10px;
}
.social span {display: none;}
.social a {
	display: inline-block; vertical-align: top;
	color: var(--fundal);
	margin: 0 10px 0 0;
	transition: all 0.5s;
	}
.social a:before {font: 30px awesome-entypo;}
.social a.social-fb:before {content: "\f308";}
.social a.social-in:before {content: "\f16d"; font-size: 32px;}
.social a.social-yo:before {content: "\f16a"; font-size: 32px;}
.social a:hover {color: var(--fundal);}

.footer-menu {margin: 0px 0 20px 0;}
.footer-menu li {display: block; vertical-align: top;}
.footer-menu li a {
	display: block;
	color: var(--fundal); margin: 0 0 7px 0;
	text-transform: uppercase;
	}
.footer-menu li a:hover {color: var(--fundal);}
.footer-menu li a:before {
	content: "\f24d"; font: 12px awesome-entypo;
	margin: 0 0px 0px 0; padding: 0 8px 0 0;
	}

#footer a img {opacity: 0.5; width: 100%; margin: 7px 0 0 0;}
#footer h3 {font: 20px notobold; line-height: 20px; margin: 0 0 20px 0; padding: 0;}
#footer p {line-height: 17px;}

.newsletter {display: none; color: #999;} /* ASCUNS !!!! */
.newsletter h2 {font: bold 17px notobold;}
.doresc {position: relative; display: block; margin: 7px 0; padding: 0 0 0 30px;}
.doresc a {color: #ddd;}
.doresc a:hover {color: var(--fundal);}
.doresc input {
	position: absolute; top: 0px; left: 0px;
	width: 22px; height: 22px;
	-webkit-appearance: none;
	background: #aaa; border-radius: 3px;
	margin: 0; padding: 0;
	}
.doresc input:checked {
	background: #aaa url(../assets/checked.png) no-repeat 0 0;
	}

.newsletter input[type="text"] {
	border: none; border-radius: 3px;
	font: 12px noto; line-height: 12px; color: #004489;
	background: #ddd;
	padding: 8px 12px; margin: 5px 10px 5px 0;
	text-transform: uppercase;
	width: 220px; transition: all 0.5s;
	/*box-shadow: inset 0px 26px 10px -20px rgba(0,0,0,0.35);*/
	}
.newsletter input[type="text"]:hover {background: var(--fundal);}
.newsletter button {
	border: none; border-radius: 3px;
	font: 12px notobold; line-height: 12px; color: #000;
	background: var(--bleu);
	padding: 11px 25px; margin: 5px 0;
	text-transform: uppercase;
	box-shadow: inset 0px -26px 10px -20px rgba(0,0,0,0.35);
	cursor: pointer; transition: all 0.5s;
	}
.newsletter button:hover {box-shadow: inset 0 -50px 0px 0 rgba(255,255,255,0.3);}

.footer-adresa a {color: var(--fundal); transition: all 0.5s;}
.footer-adresa a:hover {color: var(--fundal);}

.copy {
	position: absolute; bottom: 8px; left: 0;
	width: 100%;
	opacity: 0.4;
	text-align: center;
}
.copy a {color: #aaa;}
.copy a:hover {color: var(--fundal);}
	
	

	
	