/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 0;
  padding-bottom: 0;
  color: #5a5a5a;
}

strong {
    font-weight: 700;
}

em {
    font-style: italic;
}

p {
    font-size: 18px;
    float: left;
    width: 100%;
    margin-bottom: 25px;
    line-height: 1.4;
}
#header {
	background-color: white;
	color: black;
	padding: 10px 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	visibility: hidden; /* setat inițial ca ascuns */
	transition: visibility 0.3s, opacity 0.3s;
	opacity: 0;
}




#formular-inscriere .form #sendmessage.show,
#formular-inscriere .form #errormessage.show,
#formular-inscriere .form .show {
	display: block;
	font-size: 18px;
	color: green;
	font-weight:bold;
  
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}


#formular-inscriere .form .validation {
  color: red;
  display: none;
  margin: 0 0 20px;
  font-weight: 400;
  font-size: 13px;
} 

@-webkit-keyframes pulse {
	 0% {
	 -webkit-box-shadow: 0 0 0 0 rgba(236, 23, 93, 0.4);
	 box-shadow: 0 0 0 0 rgba(236, 23, 93, 0.4);
	}
	 70% {
	 -webkit-box-shadow: 0 0 0 20px rgba(236, 23, 93, 0);
	 box-shadow: 0 0 0 20px rgba(236, 23, 93, 0);
	}
	 100% {
	 -webkit-box-shadow: 0 0 0 0 rgba(236, 23, 93, 0);
	 box-shadow: 0 0 0 0 rgba(236, 23, 93, 0.);
	}
}
@keyframes pulse {
	 0% {
	 -webkit-box-shadow: 0 0 0 0 rgba(236, 23, 93, 0.4);
	 box-shadow: 0 0 0 0 rgba(236, 23, 93, 0.4);
	}
	 70% {
	 -webkit-box-shadow: 0 0 0 20px rgba(236, 23, 93, 0);
	 box-shadow: 0 0 0 20px rgba(236, 23, 93, 0);
	}
	 100% {
	 -webkit-box-shadow: 0 0 0 0 rgba(236, 23, 93, 0);
	 box-shadow: 0 0 0 0 rgba(236, 23, 93, 0);
	}
}



.d-none {
    display: none!important;
}


.btn-comanda {
	-webkit-animation: pulse 1.5s infinite;
	animation: pulse 1.5s infinite;
  
    width: 300px;
    height: 53px;
    border: none;
    color: #ffffff !important;
    background: transparent linear-gradient(270deg, #F34924 0%, #EE1F50 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    font-size: 18px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 53px;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -ms-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    padding-top: 0;
    padding-bottom: 0;
    cursor: pointer;
 
    line-height: 40px;
    height: 40px;
    font-size: 15px;
    margin-top: 9px;
    width: 250px;
    color: #ffffff;
    text-transform: uppercase;

}

.btn-comanda-acum {
	-webkit-animation: pulse 1.5s infinite;
	animation: pulse 1.5s infinite;
    position: relative;
    display: table;
    width: 300px;
    height: 53px;
    border: none;
    color: #ffffff !important;
    background: transparent linear-gradient(270deg, #F34924 0%, #EE1F50 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    font-size: 18px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 53px;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -ms-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    padding-top: 0;
    padding-bottom: 0;
    cursor: pointer;
 
    line-height: 40px;
    height: 40px;
    font-size: 15px;
    margin-top: 9px;
    width: 250px;
    color: #ffffff;
    text-transform: uppercase;
}
.ma-inscriu {
	display: block;
    justify-content: center;
    align-items: center;
 
}

.btn-afla_mai_mult {	 
   -webkit-animation: pulse 1.5s infinite;
	animation: pulse 1.5s infinite;
    position: relative;
    display: block;
    margin: 0 auto;
      
    width: 300px;
    height: 53px;
    border: none;
    color: #ffffff !important;
    background: transparent linear-gradient(270deg, #00ff00 0%, green 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    font-size: 18px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 53px;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -ms-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    padding-top: 0;
    padding-bottom: 0;
    cursor: pointer;
 
    line-height: 40px;
    height: 40px;
    font-size: 15px;
    margin-top: 9px;
    width: 250px;
    color: #ffffff;
    text-transform: uppercase;
}
  
  
.btn-ma-inscriu {
	-webkit-animation: pulse 1.5s infinite;
	animation: pulse 1.5s infinite;
    position: relative;
	display: block;
    margin: 0 auto;
        
    border: none;
    color: #ffffff !important;
    background: transparent linear-gradient(270deg, #00ff00 0%, green 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    font-size: 18px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 53px;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -ms-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    padding-top: 0;
    padding-bottom: 0;
    cursor: pointer;
 
    line-height: 40px;
    height: 50px;
    font-size: 15px;
    margin-top: 9px;
    width: 270px;
    color: #ffffff;
    text-transform: uppercase;
}

.btn-wrapper {
    padding: 20px 0; /* acest lucru adaugă un spațiu de 20px deasupra și sub buton */
    text-align: center; /* pentru centrare */
  
}

.btn-right-wrapper {	 
    padding: 20px 0; /* acest lucru adaugă un spațiu de 20px deasupra și sub buton */
    text-align: right; /* pentru aliniere la dreapta */
}

.btn-hiddendiv{
	width: 280px;
    margin: 0 auto;
        
    padding: 10px 15px;
    border: none;
    background-color: green;
    color: #ffffff;
    cursor: pointer;
     -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    transition: background-color 0.3s;
    display: block;
    cursor: pointer;
}


.btn-hiddendiv:hover {	
	background-color:  #ffffff; 
    border: 2px solid green;     
    color: green;
}

.form-group {
    margin-bottom: 25px;
}
.section::before {
    display: block;
    content: "";
    height: 250px; /* Inălțimea meniului dvs. */
    margin-top: -250px; /* Valoarea negativă a înălțimii meniului dvs. */
    visibility: hidden;
}


.section-title {
    font-size: 35px;
    color: #262626;
    margin-bottom: 35px;
    font-weight: 400;
}

.autor-image {
    display: block;
    margin: 33px auto; /* 33px este spațiul deasupra și dedesubt. Puteți ajusta această valoare după preferințe. */
    border-radius: 50%; /* Face imaginea rotundă */
    border: 5px solid white; /* Grosimea și culoarea bordurii */
    padding: 5px; /* Spatiul dintre imagine și bordură */
    box-shadow: 0px 0px 0px 3px green; /* Creează un "border" extern folosind umbra */

}


.autor-image-m {
    display: block;
    margin: 10px auto; /* 33px este spațiul deasupra și dedesubt. Puteți ajusta această valoare după preferințe. */
    border-radius: 5%; 
    border: 5px solid white; /* Grosimea și culoarea bordurii */
    padding: 5px; /* Spatiul dintre imagine și bordură */
    

}
 
.green-star {
    color: green;
   
}

.verde{
	color: green;
}

.shadow-div {
	border-radius: 5%; 
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Valorile pot fi ajustate în funcție de preferințe */
    padding: 33px; /* Adăugați un spațiu în jurul conținutului div-ului */
    transition: box-shadow 0.3s ease; /* Efect de tranziție pentru umbra */
    height:100%;
}

.shadow-div:hover {
	border-radius: 5%; 
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2); /* Umbră puțin mai pronunțată atunci când treceți cursorul peste div */
     height:100%;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
} 
.carousel-item {
  height: 32rem;
  background-size: cover;
  background-position: left bottom;;
  background-repeat: no-repeat;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

/* Stilul implicit pentru desktop-uri */
.bd-placeholder-img {
    width: 100%; /* Face ca imaginea să ocupe toată lățimea containerului ei */
    max-height: 512px; /* Înălțimea maximă pe care o poate avea */
    object-fit: cover; /* Acest stil se asigură că imaginea va acoperi întreaga zonă a containerului fără a se deforma */
}

 

/*--------------------------------------------------------------
# testimoniale
--------------------------------------------------------------*/ 

/* Carousel 4*/
.testiminiale .image {
	width: 40%;
	background-size: cover;
	background-position: center center; 
}
@media (max-width: 991.98px) {
	.testiminiale .image {
	height: 300px; 
	} 
}
.testiminiale .text {
	width: 60%;
	padding: 4rem 4rem;
	background: #f8f9fa; 
	 
}
.testiminiale .text blockquote {
	position: relative;
	padding-bottom: 20px;
	font-size: 18px; 
	height:250px;
}
.testiminiale .text blockquote .author {
	font-size: 14px;
 	bottom: 0; 
}

@media (max-width: 991.98px) {
	.testiminiale .image, .testiminiale .text {
		width: 100%;
		display: block !important; 
	} 
}
@media (max-width: 991.98px) {
	.slide-one-item .owl-nav {
		display: none; 
	} 
}

.slide-one-item .owl-nav .owl-prev,
.slide-one-item .owl-nav .owl-next {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #000; 
 }
.slide-one-item .owl-nav .owl-prev span,
.slide-one-item .owl-nav .owl-next span {
    font-size: 30px; 
}
.slide-one-item .owl-nav .owl-prev:hover,
.slide-one-item .owl-nav .owl-next:hover {
    color: #000; 
}
.slide-one-item .owl-nav .owl-prev:active, .slide-one-item .owl-nav .owl-prev:focus,
.slide-one-item .owl-nav .owl-next:active,
.slide-one-item .owl-nav .owl-next:focus {
    outline: none; 
}

.slide-one-item .owl-nav .owl-prev {
	left: 20px; 
}

.slide-one-item .owl-nav .owl-next {
	right: 20px; 
}

.slide-one-item .owl-dots {
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center;
	z-index: 2; 
}

.slide-one-item .owl-dots .owl-dot {
    display: inline-block; 
}
.slide-one-item .owl-dots .owl-dot > span {
	-webkit-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
	-o-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
	transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
	display: inline-block;
	width: 15px;
	height: 3px;
	background: rgba(0, 123, 255, 0.4);
	margin: 3px; 
}
.slide-one-item .owl-dots .owl-dot.active > span {
      width: 15px;
      background: #007bff; 
}
      

/*--------------------------------------------------------------
# EOF testimoniale
--------------------------------------------------------------*/ 







/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/ 

 #btnTop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: green;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#btnTop:hover {
  background-color: #555;
}


/* CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
  letter-spacing: -.05rem;
}

/* rtl:end:remove */




/*contact*/

.feature-icon {
  width: 4rem;
  height: 4rem;
  border-radius: .75rem;
}

.icon-link > .bi {
  margin-top: .125rem;
  margin-left: .125rem;
  fill: currentcolor;
  transition: transform .25s ease-in-out;
}
.icon-link:hover > .bi {
  transform: translate(.25rem);
}

.icon-square {
  width: 3rem;
  height: 3rem;
  border-radius: .75rem;
}

.text-shadow-1 { text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25); }
.text-shadow-2 { text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); }
.text-shadow-3 { text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25); }

.card-cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.feature-icon-small {
  width: 3rem;
  height: 3rem;
}













/* RESPONSIVE CSS
-------------------------------------------------- */

/* Media query pentru telefoane mobile */
@media (max-width: 576px) {	 
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
 
	 .d-sm-block {
		display: block!important;
	}
	 .hide-on-mobile {
		display: none;
	}
	.bd-placeholder-img {
        max-height: 384px; /* Reducem înălțimea imaginii pentru tablete */
    }
	
}


/* Media query pentru tablete */
@media (max-width: 768px) { 
  .featurette-heading {
    margin-top: 7rem;
  }
   .d-sm-block {
		display: block!important;
	}
   .hide-on-mobile {
		display: none;
	}
	.bd-placeholder-img {
        max-height: 384px; /* Reducem înălțimea imaginii pentru tablete */
    }
}