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%;

	vertical-align: baseline;

}

html{

	scroll-behavior: smooth;

}
article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}
@font-face {
  font-family:web-pixel;
  src: url(../text-font/static/Inter-Regular.ttf);
}
@font-face {
  font-family:web-pixel-sec;
  src: url(../text-font/Raleway/static/Raleway-Regular.ttf);
}
@font-face {
  font-family:web-pixel-secc;
  src: url(../text-font/anke/Anke.ttf);
}
body { 
	font-family:web-pixel-sec;
}
ol, ul {

	list-style: none;

}

b{
	color:#858585;
	
}
blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}
nav{
    padding:0% !IMPORTANT;
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: auto;
    z-index: 99;
    transition: all .2s ease;
    position: fixed;
	display:flex;
	flex-direction:column;
}
nav .container{
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.descrieredesprenoi{
	/*height: 100vh;*/
    width: 100%;
    display: flex;
    flex-direction: row
	
}
.descrieredesprenoivalorintro{
		height: 80vh;
    width: 100%;
    display: flex;
    flex-direction: row
	
}
.descrieredesprenoivalori{
	height: 44vh;
    width: 100%;
    display: flex;
    flex-direction: row
	
}
.descrieredesprenoicalitati{
	height: 60vh;
    width: 100%;
    display: flex;
    flex-direction: row
	
}
.titleintroduceredescriere{
	font-size: 22px;
    color: #0ac0ac;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
	
}
.titleintroduceredescriere i:before{
	content:"?";
	display:block;
	color:#0ac0ac;
	font-size: 100px;
    padding: 5px;

}
.valori{
	font-size: 20px;
    font-weight: bold;
	color:#0ac0ac;
 text-transform: uppercase;
     padding-bottom: 30px;
}
.valori i{
	    color: #0ac0ac;
    box-shadow: 0 2px 5px 2px rgb(0 0 0 / 13%);
    padding: 5px;
    border-radius: 6px;
    margin-right: 5px;
	
}
.coloanadesprenoi{
	width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

}
.coloanavalori{
	width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
	
}
.titlevalori {
    font-size: 22px;
    color: #0ac0ac;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
	
}
.titlevalori i:before{
	content:"♥";
	display:block;
	color:#0ac0ac;
	font-size: 100px;
    padding: 5px;

}

.coloanadesprenoi p{
	padding-left: 100px;
	line-height: 1.7;
	    color: #0ac0ac;
		text-align:center;
}
.coloanadesprenoi img{
	
	width: 500px;
    height: auto;
}
.desprenoibold{
	    color: #0ac0ac;
		 font-weight: bold;
	
}
.nav-brand{
	height:max-content;
	display:flex;
}
.nav-logo{
	width: 150px;
}
.nav-logo img{
	width: 150px;
}
.nav-content{
	height:max-content;
	display:flex;
}
.links{

}
.links ul{
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.link ul  li:last-child{
	border:none !IMPORTANT;
}
.links ul li a{
	font-size: 17px;
    text-align: center;
	padding: 8px 12.3076923077px;
	text-decoration:none;
	color:white;
	transition:all .5s;
	text-transform:uppercase;
}
.links ul li .active{
	background: #00ff723d!important;
    border-radius: 6px!important;
}
.lang-button{
	color:white !IMPORTANT;
	font-size: 17px;
    font-weight: 600;
    text-align: center;
	border-radius: 6px;
	padding: 8px 12.3076923077px;
	background: -webkit-linear-gradient(135deg,#a2ffd6 0%,#0ac0ac 40%,#0ac0ac 54%,#0ac0ac78 100%);
    background: linear-gradient(135deg,#0ac0ac78 0%,#0ac0ac 40%,#0ac0ac 54%,#0ac0ac78 100%);
	transition:all .2s;
	cursor:pointer;
	border-top:3px solid transparent;
	border-bottom:3px solid transparent;
	border-left:3px solid transparent;
	text-decoration:none;
	display:flex;
	text-transform:uppercase;
	margin-left:50px;
}
.button-container{
	display:flex;
}
.lang-button-sec{
	color:white;
	font-size: 17px;
    font-weight: 600;
    text-align: center;
	border-radius: 6px;
	padding: 8px 12.3076923077px;
background: -webkit-linear-gradient(269deg,#7cffa9 0%,#0ac0ac 40%,#0ac0ac 54%,#7cffa9 100%);
    background: linear-gradient(226deg,#7cffa9 0%,#0ac0ac 40%,#0ac0ac 54%,#7cffa9 100%);
	transition:all .2s;
	cursor:pointer;
	border-bottom:3px solid transparent;
	border-right:3px solid transparent;
	text-decoration:none;
	margin-top:20px;
}
.lang-button-sec:hover{
	border-color:#0ac0ac;
}
.lang-button:hover{
	border-color:#0ac0ac;
}
.links ul li .active:hover{
	background: #0ac0ac!important;
	color:white !IMPORTANT;
}
.container{
	width: 1250px;
    margin: 0 auto;
}
footer{
	background-color:white;
	padding-top:5%;
	padding-bottom:1%;
	box-shadow: 0 -2px 5px -1px rgb(0 0 0 / 13%);
}
.scroll .navheader{
	display:none;
}
.scroll{
	box-shadow: 0 3px 5px -1px rgb(0 0 0 / 13%);
	background-color: rgba(255,255,255,1);
	z-index:999999;
}
.scroll .links ul li a{
	color:black !IMPORTANT;
}
.scroll .nav-logo{
	transition:all .5s;
}
.scroll .nav-logo img{
	transition:all .5s;
}
.scroll .nav-logo img{
	width:100px;
}
.content{
	padding-top:0px;
}
.nav-desktop{
	display:flex;
	width:100%;
	flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.language-flag{
	height:20px;
	padding-right:5px;
}
.landing-section{
	height:100vh;
	width:100%;
	background-image:url("../images/primary_bg.webp");
	background-size:cover;
}
footer .container{
	display:flex;
	flex-direction:row;
}
.footer-section{
	width:33%;
}
.footer-section a{
	width:max-content;
}
.footer-section .logo{
	width:50%;
	display:flex;
	flex-direction:column;
}
.footer-section .footer-adress{
	font-size:14px;
	color:#666;
}
.footer-section.links{
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.footer-section a{
	margin:5px;
	text-decoration:none;
	color: black;
    transition: all .5s;
	font-size:15px;
}
.footer-section a:hover{
	margin-left:7px;
	color: #0ac0ac;
}
.footer-section .footer-title{
	margin:5px;
	margin-left:0px;
	color: #0ac0ac;
    font-size: 17px;
    font-weight: 600;
    padding: 5px;
    text-decoration: none;
    transition: all .5s;
	border-bottom: 1px solid rgba(0,0,0,.2);
	width:max-content;
}
.footer-section.about{
	display:flex;
	flex-direction:column;
}

.footer-section.about a{
	font-size:15px;
}
.footer-section.about a i{
	font-weight:bold;
	font-size:17px;
	padding:5px;
	color:#0ac0ac;
}
.footer-section.about .lang-button{
	color:white;
	width:max-content;
}
.copyright {
    padding-top: 2vh;
    font-size: 15px;
}
.copyright .container {
    display: flex;
    align-items: center;
    border-top: 1px solid rgba(0,0,0,.1);
    padding: 1vw;
}
.copyright a {
    text-decoration: none;
    color: #0ac0ac;
    padding-left: 2px;
}
.navheader{
	border-bottom: 1px solid #ffffff3b;
}
.navheader .container{
	display:flex;
	flex-direction:row;
	padding-top:2vh;
	padding-bottom:2vh;
}
.navheader a{
	text-decoration:none;
	font-size:14px;
	color:white;
	transition:all .5s;
}
.navheader a i{
	font-size:16px;
	padding-right:5px;
	color:#0ac0ac;
}
.navheader a:hover{
	color:#0ac0ac;
}
.home-landing{
	height:100vh;
	width:100%;
	transition:all .5s;
}
.product-header{
	background-image: url(../images/acoperis-cu-atic.webp);
}
.about-us-header{
	background-image: url(../images/861d26ca-1986-41dd-9c5f-e0d005f8d037.webp);
}
.gallery-header{
		background-image: url(../images/shape27.png);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	background-attachment:fixed;
}
.home-landing-content{
	width:100%;
	display:flex;
	    justify-content: flex-end;
	align-items:center;
	flex-direction:column;
	height:100%;
}
.heart{
	z-index:1;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	padding:2vh;
}
.landing-title{
	font-size:45px;
	color:white;
	text-align:center;
	font-weight:bold;
}
.loading-animation{
	position:relative;
	width:70%;
}
.landing-description{
	color:#f3f3f3;
	text-align:center;
}
@keyframes heartbeat {
  0% {
    transform: scale(0.75, 0.75);
  }
  16% {
    transform: scale(1, 1);
  }
  33% {
    transform: scale(0.75, 0.75);
  }
  49% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0.75, 0.75);
  }
}
.heartbeat {
  position: absolute;
  width: 150px;
  height: 150px;
  animation: heartbeat 0.8s infinite;
  left: 50%;
  top: 50%;
  margin: -50px 0px 0px -50px;
  text-align: center;
  line-height: 100px;
  font-size: 100px;
  color: #0ac0ac;
  cursor: default;
}
.home-section{
	padding-top:5vh;
	padding-bottom:5vh;
}
.home-section .container{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
.item-home-section-1{
	width:25%;
	min-height:20vh;
	box-shadow: 0px 0px 20px 0px rgb(44 54 92 / 20%);
	background-color: #ffffff;
	border-radius:10px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}
.title-section{
	display:flex;
	flex-direction:column;
}
.title-section .title{
	font-size: 36px;
    line-height: 1.4em;
}
.title-section .subtitle{
	font-weight: 400;
    font-size: 16px;
    line-height: 2em;
	color: #0ac0ac;
}
.title-section .line{
	font-size:20px;
	color: #0ac0ac;
	margin-bottom:10px;
}
.home-subsection{
	width:50%;
	min-height:40vh;
	display:flex;
	flex-direction: column;
    justify-content: space-evenly;
}
.home-subsection.img{
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
}
.home-subsection.img1{
	background-image:url(../images/undraw_Grandma_re_rnv1.png);
}
.home-subsection.img2{
	background-image:url(../images/undraw_Team_spirit_re_yl1v.png);
}
.home-subsection.img4{
	background-image:url(../images/ingrijiri-medicale-la-domiciliu.webp);
}
.home-subsection.img6{
	background-image:url(../images/undraw_team_work_k80m.png);
}
.home-subsection.img3{
	background-image:url(../images/undraw_under_construction_46pa.png);
    box-shadow: 0px 0px 20px 0px rgb(44 54 92 / 20%);
	border-radius:10px;
	background-color:white;
	display:flex;
	justify-content:center;
	align-items:center;
}
.contact-gadget{
	width:max-content;
	padding:10px;
	border-radius:5px;
	background-color:rgba(255,255,255,.85);
	margin-bottom:10px;
	color:#0ac0ac;
	text-decoration:none;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	transition:all .5s;
}
.contact-gadget:hover{
	transform:scale(1.05);
	background-color:rgba(255,255,255,.95);
}
.contact-gadget i{
	font-size:30px;
	padding-right:10px;
}
.about-section-s .img{
	width:40%;
}
.title-contact{
	width:94%;
	padding:3%;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	background-color:rgba(255,255,255,.7);
	font-size:45px;
	color:#0ac0ac;
}
.section-text{
	font-weight: 300;
    word-wrap: break-word;
    line-height: 2em;
	color: #666;
}
.section-button{
	text-decoration:none;
	color: #000000;
    border-width: 0px;
    border-radius: 4px;
    letter-spacing: 1px;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #FFFFFF;
	    padding-top: 16px;
    padding-right: 40px;
    padding-bottom: 16px;
    padding-left: 40px;
	box-shadow: -1px 2px 18px -6px rgb(0 0 0 / 30%);
	font-weight: 500;
	width:max-content;
	transition:all .5s;
	border:2px solid transparent;
}
.section-button:hover{
	border-color:#0ac0ac;
}
.section-grey{
	background-color: #f7f8fc!important;
}
.item-home-section-1 i{
	font-weight:bold;
	font-size:40px;
	color:#0ac0ac;
	padding:10px;
}
.item-home-section-1 .item-home-section-1-text{
	font-size:20px;
}
.home-section.reverse .container{
	flex-direction:row-reverse;
}
.title-section{
	width:50%;
}
.contact{
	border-top: 8px solid #0ac0ac5e;
}
.contact .container{
	justify-content:space-between;
}
.img3{
	width:40%;
}
.contact-form-container{
    box-shadow: 0px 0px 20px 0px rgb(44 54 92 / 20%);
	border-radius:10px;
	background-color:white;
	width:55%;
	flex-direction:column;
}
.contact-form-container form{
	display:flex;
	flex-direction:column;
	padding:20px;
}
.contact-form-container form input{
	padding:10px;
	margin-bottom:5px;
	border-radius:1px;
	border: 1px solid #0000001c;
	border-bottom: 3px solid #0ac0ac5e;
}
.contact-form-container form textarea{
	padding:10px;
	margin-bottom:5px;
	resize:none;
	border-radius:1px;
	border: 1px solid #0000001c;
	border-bottom: 3px solid #0ac0ac5e;
}
.contact-form-container form button{
	padding:10px;
	margin-top:10px;
	border-radius:5px;
	border:none;
	box-shadow: 0px 12px 18px -6px rgb(0 0 0 / 30%);
	font-size: 14px;
	text-transform: uppercase;
	width:max-content;
	transition:all .5s;
	cursor:pointer;
}
.contact-form-container form button:hover{
		background-color: #0ac0ac;
	color:white;
}
.alert-success{
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	color:#0ac0ac;
	font-size:40px;
}
.output_message{
	padding:10px;
	color:red;
	font-weight:bold;
}
.banner{
	border-top: 8px solid #0ac0ac5e;
    border-bottom: 8px solid #0ac0ac5e;
}
.banner .banner-text{
	font-size:17px;
	text-transform:uppercase;
	font-weight:bold;
	color:#0ac0ac;
	text-align:center;
}
.banner .home-subsection{
	min-height:unset;
	align-items:center;
}
.banner .lang-button{
	width:max-content;
}
.page-header{
	width:100%;
	height:50vh;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.page-cover{
	background-image: linear-gradient(164deg,#0000007d 0%,#000000b8 100%);
	height:100%;
}
.page-header-content{
	width:100%;
	height:45vh;
	display:flex;
	justify-content: flex-start;
}
.page-header-bottom{
	width:100%;
	height:20vh;
	background-image: url(../images/graphic.png);
    background-size: 100% 100%;
    bottom: 0;
    z-index: 1;
}
.page-header-align-content{
	width:50%;
	display: flex;
    height: 100%;
   flex-direction: column;
    justify-content: flex-end;
	justify-content: flex-end;
    align-items: center;
}
.page-title{
	font-size: 40px;
    color: #FFFFFF!important;
    line-height: 1.4em;
	text-align:center;
}
.page-subtitle{
	font-weight: 300;
	line-height: 2em;
	color: #FFFFFF;
	font-size: 17px;
    letter-spacing: 0.8px;
	text-align:center;
}
.page-header-align-content i{
	font-size:25px;
	color:white;
	font-weight:bold;
}
.about-title-section{
		width:100%;
		align-items:center;
		justify-content:center;
		padding-bottom:5vh;
		padding-top:5vh;
}
.about-bordered{
			border:none;
}
.non-border-title{
	border:none !IMPORTANT;
}
.about-section-s .section-text{
	margin-bottom:3vh;
}
.about-grey{

}
.about-grey .section-text{
	margin-bottom:2vh;
	font-size:14px;
}
.about-grey .home-subsection{
	flex-direction: column;
    justify-content: center;
}
.about-grey .img{
	border-radius:6px;
	border-bottom:3px solid #0ac0ac;
	border-top:3px solid #0ac0ac;
	background-size:cover;
}
.bold{
	color:#0ac0ac;
}
.section-title-ab{
	font-size:25px;
	padding:10px;
	padding-left:0;
	color:#0ac0ac;
}
.values-section{
	border-top:8px solid #0ac0ac5e;
	border-bottom:8px solid #0ac0ac5e;
}
.values-section .container{
	flex-direction:row;
	    flex-wrap: wrap;
}
.values-item{
	width:40%;
	padding:3%;
	display:flex;
	flex-direction:column;
	box-shadow: 0px 0px 20px 0px rgb(44 54 92 / 20%);
	margin-bottom:4%;
	border-radius:6px;
}
.values-item img{
	height:30vh;
	width:100%;
	object-fit:cover;
	margin-bottom:3vh;
	border-radius:6px;
	transition:all .5s;
	cursor:pointer;
}
.values-item img:hover{
	transform:scale(1.01);
}
.values-item .values-title{
	font-size:20px;
	margin-bottom:2vh;
	color: #0ac0ac;
}
.values-item .values-text{
	font-size:14px;
	color: #666;
}
.project-title-content{
	display:flex;
	width:50%;
	flex-direction:column;
}
.project-title{
	font-size:50px;
	text-transform:uppercase;
	font-weight:bold;
	color:#0ac0ac;
}
.project-subtitle{
	font-size:16px;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:10px;
}
.project-items-container{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	padding-bottom:5vh;
	padding-top:5vh;
}
.project-item{
	width:45%;
	min-height:40vh;
	display:flex;
	flex-direction:column;
}
.bold-red{
	color:#0ac0ac !IMPORTANT;
}
.project-paragraph{
	font-size:14px;
	padding:10px;
	line-height:23px;
}
.project-item.img img{
	width:100%;
	height:60vh;
	object-fit:cover;
	border:10px solid #0ac0ac69;
	border-radius:20px;
}
.project-items-container.reverse{
	flex-direction:row-reverse;
}
.a-href-project{
	text-decoration:none;
	color:#0ac0ac;
}
.project-title-content{
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
	width:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.si-bunicii-au-craciun{
	background-image:url(../images/undraw_Santa_visit_re_oiwr.png);
}
.project-title-cover{
	width:100%;
	display:flex;
	flex-direction:column;
	background-color:rgba(255,255,255,.7);
	padding-top:5vh;
	padding-bottom:5vh;
		display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.project.container{
	display:flex;
	justify-content:center;
	align-items:center;
}
.project-subtitle2{
	font-size:17px;
	color:red;
	font-weight:bold;
	padding:10px;
}
.gallery{
	width:100%;
	background-image: url(../images/shape27.png);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	background-attachment:fixed;
}
.gallery-cover{
	width:100%;
	padding-top:5vh;
	padding-bottom:5vh;
}
.gallery .container{
	display:flex;
	    flex-wrap: wrap;
		justify-content: space-between;
}
.gallery-item{
	width:24%;
	height:30vh;
	overflow:hidden;
	border:2px solid #0ac0ac;
	margin-bottom:1%;
}
.gallery-item img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition:all .5s;
}
.gallery-item img:hover{
	transform:scale(1.05);
}

.donate-subsection{
	display:flex;
	width:50%;
	margin:0 auto;
	justify-content: space-evenly;
}
.category-button{
	color: white !IMPORTANT;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    border-radius: 6px;
    padding: 8px 12.3076923077px;
    background: -webkit-linear-gradient(135deg,#a2ffd6 0%,#0ac0ac 40%,#0ac0ac 54%,#0ac0ac78 100%);
    background: linear-gradient(135deg,#0ac0ac78 0%,#0ac0ac 40%,#0ac0ac 54%,#0ac0ac78 100%);
    transition: all .2s;
    cursor: pointer;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid transparent;
    text-decoration: none;
    display: flex;
    text-transform: uppercase;
}
.title-donate{
	text-align:center;
	padding:10px;
	font-weight:bold;
	font-size:20px;
	margin-bottom:5vh;
}
.donate-section .container{
	display:flex;
	flex-direction:column;
	align-items: center;
}
.page-content{
	width:70%;
	display:flex;
	flex-direction:column;
}
.page-content .lang-button{
	width:max-content;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
}
.page-content .href-a-link{
	padding:5px;
	overflow-wrap: break-word;
}
.title-tab{
	text-align:center;
	font-size:20px;
	padding:10px;
	text-transform:uppercase;
	font-weight:bold;
}
.paragraph-tab{
	padding:5px;
}
.page-content ul{
	padding:40px;
}
.page-content ul li{
	list-style-type: circle;
	padding:5px;
}
.page-content .bold{
	color:black !IMPORTANT;
	font-weight:bold !IMPORTANT;
	padding-bottom:12px !IMPORTANT;
	padding-top:12px !IMPORTANT;
}
.page-content .paragraph-tab{
	font-size: 13pt;
    font-weight: 300;
	color: #4e4e4e;
}
.banner-bg{
	background-image:url(../images/banner.jpg);
	background-size:cover;
	background-position:bottom;
	background-repeat:no-repeat;
}
.line-header{
	width:10%;
	border-top:3px solid #0ac0ac;
}
.why-us .title-section{
	align-items: center;
	width:100%;
}
.why-us .items-why-us{
	display:flex;
	justify-content:space-between;
	flex-direction:row;
}
.why-us-item{
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:5vw;
}
.why-us-item i{
	font-size:96px;
	color:#0ac0ac;
}
.why-us-item .why-item-title{
	font-size:17px;
	font-weight:bold;
	padding:20px;
	text-align:center;
}
.why-us-item .why-item-text{
	font-size:14px;
	text-align:center;
}
.why-item-number{
	font-size:50px;
	color:#0ac0ac;
	font-weight:bold;
}
.why-sec .why-us-item{
	box-shadow: 0 3px 5px -1px rgb(0 0 0 / 30%);
	border-radius:10px;
	padding:2.5vw;
}
.home-items-first{
	width:100%;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}
.home-item-first{
	width:35%;
	min-height:15vh;
	background-color:red;
	margin-bottom:5%;
	box-shadow: 0px 1px 5px -1px rgb(0 0 0 / 20%);
	background-color:rgba(255,255,255,.6);
	border-radius:10px;
	display:flex;
	align-items:center;
	flex-direction:column;
	justify-content:center;
	transition:all .5s;
}
.home-item-first:hover{
	transform:scale(1.03);
}
.home-item-first i{
	font-size:60px;
	color:#0ac0ac;
	font-weight:bold;
	padding-bottom:10px;
}
.home-item-first .home-item-text-first{
	font-size:15px;
	font-weight:bold;
	text-align:center;
}
.serivices{
	background-image:url(../images/shape33.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}
.serivices .title-section{
	align-items: flex-end;
	width:100%;
}
.services-panel{
	position:relative;
	display:flex;
	height:60vh;
}
.title-item-services{
background-color: rgba(255,255,255,.95);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #D7D7D7;
    box-shadow: 2px 2px 5px 0px rgb(108 113 118 / 22%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 20px;	
}
.decoration-item{
	width:190px;
	height:100px;
	background-color:#0ac0ac;
	position:absolute;
	top:0;
	left:0;
	border-radius:10px;
}
.image-item{
	position:absolute;
	width:90%;
	height:50vh;
	top:30;
	left:30;
	background-color:white;
	background-image:url(../images/861d26ca-1986-41dd-9c5f-e0d005f8d037.webp);
	background-size:cover;
	background-position:center;
	border-radius:10px;
	background-repeat:no-repeat;
}
.title-item-services{
	position:absolute;
	width:190px;
	height:100px;
	bottom:0;
	right:0;
	border-radius:10px;
	border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #D7D7D7;
    box-shadow: 2px 2px 5px 0px rgb(108 113 118 / 22%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 20px;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
.title-item-servicee-titlex2{
	font-weight:bold;
	color:#0ac0ac;
}
.title-item-services i{
	font-weight:bold;
	color:#0ac0ac;
	font-size:60px;
}
.services-panel-sec{
    align-items: flex-end;
    padding-top: 5vh;
    /* padding-bottom: 5vh; */
    justify-content: center;
}
.home-item-first img{
	width:100%;
	height:60px;
	object-fit:contain;
	border-bottom: 2px solid #0ac0ac5e;
	border-top: 2px solid #0ac0ac5e;
}
@media only screen and (max-width: 768px){
	.why-sec .why-us-item{
		width:max-content;
	}
	.why-us .items-why-us{
		align-items:center;
	}
	.services-panel-sec{
		align-items:Center;
	}
	.page-content{
		width:100%;
	}
	.donate-subsection{
		width:100%;
		flex-direction: column;
		align-items: center;
	}
	.donate-subsection .category-button{
		margin-bottom:20px;
	}
	.gallery-item{
		width:99%;
	}
	.project-item{
		width:100%;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	.project-paragraph{
		font-size:17px;
	}
	.section-text{
		font-size:16px;
	}
	.values-text{
		font-size:16px !IMPORTANT;
	}
	.about-section-s .img{
		width:100%;
	}
	.values-item{
		width:94%;
	}
	.contact-form-container form input,textarea,button{
		font-size:20px;
	}
	.banner .banner-text{
		padding:10px;
	}
	.home-subsection.img3{
		margin-bottom:10px;
	}
	.item-home-section-1{
		width:100%;
		margin-bottom:10px;
	}
	.title-section{
		width:100%;
	}
	.home-subsection{
		width:100%;
	}
	.nav-desktop{
		display:none;
	}
	footer .container{
		flex-direction:column;
	}
	.container{
		margin:0 auto;
		width:92%;
	}
	.footer-section{
		width:100%;
		align-items: flex-start;
		padding-top:2vh;
		padding-bottom:2vh;
	}
	.footer-section a{
		font-size:17px !IMPORTANT;
	}
	.footer-section .footer-title{
		font-size:20px !IMPORTANT;
	}
	.footer-section.logo-section a{
	display:flex;
	justify-content:center;
	align-items:center;
	}
	section .container{
		flex-direction:column !IMPORTANT;
	}
	.contact-gadgets{
		width:100%;
	}
	.contact-section form{
		width:96%;
	}
	.contact-section form input, textarea, button{
		width:90%;
		padding:5%;
		font-size:20px;
	}
	.section-about-content{
		width:100%;
	}
	.desc-section-sesc{
		font-size:17px;
		line-height:25px;
	}
	.footer-section .logo{
		width:92vw;
	}
	.descrieredesprenoi{
		flex-direction:column;
		height:auto;
	}
	.coloanadesprenoi {
    width: 100%;
	height: auto;
    
}
.coloanadesprenoi p {
    
    line-height: 1.7;
    color: #0ac0ac;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 80px;
    padding-top: 100px;
}
.coloanadesprenoi img {
       width: 70%;
    height: auto;
    padding-bottom: 100px;
   
}
	.home-landing-left{
		width:100%;
		height:80vh;
	}
	.home-landing-right{
	width:100%;
	}
	.home-landing{
		flex-direction:column;
	}
	.nav-phone{
		z-index:999999;
	}
}

/* home animation */

@-webkit-keyframes move {
  to {
    stroke-dashoffset: -1200;
  }
}
@-moz-keyframes move {
  to {
    stroke-dashoffset: -1200;
  }
}
@-o-keyframes move {
  to {
    stroke-dashoffset: -1200;
  }
}
@keyframes move {
  to {
    stroke-dashoffset: -1200;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@-moz-keyframes fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.loader {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position:absolute;
  z-index: 0;
  -webkit-animation-duration: 80s;
  -moz-animation-duration: 80s;
  -o-animation-duration: 80s;
  animation-duration: 80s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: pulsate;
  -moz-animation-name: pulsate;
  -o-animation-name: pulsate;
  animation-name: pulsate;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  animation-direction: normal;
}
.loader svg {
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.animation {
  fill: none;
  stroke: #0ac0ac;
  stroke-linecap: square;
  stroke-miterlimit: 10;
  stroke-width: 0.5px;
  opacity: 1;
  stroke-dasharray: 600;
  -webkit-animation: move 5s linear forwards infinite, fade 5s linear infinite;
  animation: move 5s linear forwards infinite, fade 5s linear infinite;
}

/* home animation end */

/* phone navbar */
@media only screen and (max-width: 768px){
.site-navbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .site-logo img{
        width: auto;
        height: 50px;
    }
    .menu-ul{
        font-size: 17px;
        font-weight: 600;
        text-align: center;
        padding: 8px 12.3076923077px;
        text-decoration: none;
        color: #0ac0ac;
        transition: all .5s;
        text-transform: uppercase;
    }
    a.site-logo {
        font-size: 26px;
        font-weight: 800;
        text-transform: uppercase;
        color: #000;
        text-decoration: none;

    }
    .site-navbar ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
    }
    .site-navbar ul li a {
        color: white;
        padding: 20px;
        display: block;
        text-decoration: none;
        text-transform: uppercase;
		font-weight:300;
    }
	.scroll .site-navbar ul li a {
		color:black !IMPORTANT;
	}
	.scroll .site-navbar ul.open{
		background-color:white !IMPORTANT;
	}
    .site-navbar ul li a:hover {
        background: rgba(255,255,255,.1);
    }
    /* navbar regular css end */


    /* nav-toggler css start */
    .nav-toggler {
        border: 0px solid #000;
        padding: 5px;
        background-color: transparent;
        cursor: pointer;
        height: 39px;
        display: none;
		width:max-content;
    }
    .nav-toggler span,
    .nav-toggler span:before,
    .nav-toggler span:after {
        width: 28px;
        height: 3px;
        background-color: #0ac0ac;
        display: block;
        transition: .3s;
    }
    .nav-toggler span:before {
        content: '';
        transform: translateY(-9px);
    }
    .nav-toggler span:after {
        content: '';
        transform: translateY(6px);
    }
    .nav-toggler.toggler-open span {
        background-color: transparent;
    }
    .nav-toggler.toggler-open span:before {
        transform: translateY(0px) rotate(45deg);
    }
    .nav-toggler.toggler-open span:after {
        transform: translateY(-3px) rotate(-45deg);
    }
	.nav-toggler{
            display: block;
        }
        .site-navbar {
            min-height: 60px;
			width:100%;
        }
        .site-navbar ul {
            position: absolute;
            width: 100%;
            height: calc(100vh - 60px);
            left: 0;
            top: 60px;
            flex-direction: column;
            align-items: center;
            background-color: rgba(255, 255, 255, 0.75);
            max-height: 0;
            overflow: hidden;
            transition: .3s;
        }

        .site-navbar ul li {
            width: 100%;
            text-align: center;
        }
        .site-navbar ul li a {
            padding: 20px;
        }
        .site-navbar ul li a:hover {
            background-color: rgba(255,255,255,.1);
        }
        .site-navbar ul.open {
            max-height: unset;
			height:auto;
			padding-bottom:10px;
            overflow: visible;
			background-color:rgba(0,0,0,.8);
            box-shadow: 0 3px 3px -3px gray;
			z-index:9999;
        }
		.banner-bg{
			background-position:left;
		}
		.lang-button{
			margin-left:0;
		}
}
@media only screen and (min-width: 768px){
	.nav-phone{
		display:none;
	}
}
/* end phone nav /*
/* slideshow */
.slideshow {
  width: 100%;
  height: 100%;
  position: relative;
  background: linear-gradient(164deg,#ffffff 0%,#0ac0acc9 100%);
  background: -webkit-linear-gradient(164deg,#ffffff 0%,#0ac0acc9 100%);
  overflow: hidden;
}
.slideshow-content{
	position:absolute;
	bottom:0;
	z-index:2;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.5);
}
.slideshow img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  animation: fade 1s;
}
.slideshow .arrow {
  z-index: 10;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: auto;
  right: auto;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  color: cornsilk;
  opacity: 0.5;
  transition: opacity 1s;
}
.slideshow .arrow:hover {
  cursor: pointer;
  opacity: 1;
}
.slideshow .arrow-left {
  left: 2%;
}
.slideshow .arrow-right {
  right: 2%;
}
.slideshow .dots {
  position: absolute;
  margin: auto;
  top: auto;
  bottom: 2%;
  left: 0;
  right: 0;
  width: 7rem;
  height: auto;
  z-index: 5;
}
.slideshow .dots .dot {
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  align-content: center;
  justify-content: center;
  color: cornsilk;
}

@keyframes fade {
  from {
    opacity: 0.1;
  }
  to {
    opacity: 1;
  }
}
/* end slideshow */
.links ul li a:hover{
	color:#0ac0ac !IMPORTANT;
}
/*mini gallery */

.card {
  border: 1px solid #ccc;
  padding: 1rem;
  margin: 20px auto;
  width:50%;
}
.card .images {
  display: grid;
  gap: 1rem;
  grid-template: "top top" "b-l b-r";
}
.card .images img{
		width:100%;
		object-fit:cover;
		height:20vh;
}
.card .images img:nth-child(1) {
  grid-area: top;
}
.card .images img:nth-child(2) {
  grid-area: b-l;
}
.card .images img:nth-child(3) {
  grid-area: b-r;
}
.card .images.state-2 img:nth-child(1) {
  grid-area: b-r;
}
.card .images.state-2 img:nth-child(2) {
  grid-area: top;
}
.card .images.state-2 img:nth-child(3) {
  grid-area: b-l;
}
.card .images.state-3 img:nth-child(1) {
  grid-area: b-l;
}
.card .images.state-3 img:nth-child(2) {
  grid-area: b-r;
}
.card .images.state-3 img:nth-child(3) {
  grid-area: top;
}
/* end mini gallery - */
@media only screen and (max-width: 768px){
	.card{
		width:90%;
	}
	.contact-form-container form button{
		font-size:20px;
	}
	.title-section{
			align-items:baseline !IMPORTANT;
			margin-bottom:5vh !IMPORTANT;
	}
	.page-header-align-content{
		width:100%;
		display:flex;
		align-items:center;
	}
}
.button-special{
	border:2px solid #0ac0ac;
	background-color:#0ac0ac;
	color:white;
	font-weight:bold;
}
.special-section .section-text{
	padding-top:2vh;
	padding-bottom:2vh;
}
.special-services{
	background-attachment:fixed;
}
.image1-item{
	background-image:url(../images/profil-atipic.jpg);
}
.image2-item{
	background-image:url(../images/capace-atic.jpg);
}
.image3-item{
	background-image:url(../images/prefaluita.jpg);
}
.image4-item{
	background-image:url(../images/tigla-metalica.webp);
}
.image5-item{
	background-image:url(../images/trapezoiale.jpg);
}
.special-image-item{
	box-shadow: 2px 2px 5px 0px rgb(108 113 118 / 22%);
}
.special-services .decoration-item{
	box-shadow: 2px 2px 5px 0px rgb(108 113 118 / 22%);
}
.mini-title-section{
	font-size:20px;
	font-weight:bold;
	color:#0ac0ac;
}
.special-services.reverse{
	background-image:none;
}
.special-services .services-panel-text{
	padding:5vw;
}
.special-services .image-item{
	background-size:contain !IMPORTANT;
}
@media only screen and (max-width: 768px){
	.special-services .services-panel-text{
	padding:5vw;
	width:80vw;
	}
}
.product-color {
    display: inline-block;
    margin: 0 19px;
}
.product-color__circle {
    width: 90px;
    height: 90px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: 10px;
}
.product-color__name {
    text-transform: uppercase;
    margin-bottom: 50px;
}
.product-color-row{
	    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}