:root {
  /* --primary: #f15a23; */
  --primary: #006634;
  --primary-gradient: linear-gradient(to right, var(--primary) 0%, var(--secondary) 100%);
  --secondary: #9ac012;
  --third: #f12a51;
  --lightgray: #747474;
  --bodycolor: #111;
  /* --font: 'Poppins', sans-serif; */
  --font: 'Nunito', sans-serif;
}

.text-primar {
  color: var(--primary)!important;
}

.text-secundar {
  color: var(--secondary)!important;
}

.text-third {
  color: var(--third)!important;
}

.text-black {
  color: #000!important;
}

.text-lightgray {
color: var(--lightgray);
}

.bg-primar {
  background-color: var(--primary)!important;
}

.bg-outline-primar {
  border: 2px solid var(--primary)!important;
}

.bg-outline-primar:hover {
  background-color: var(--primary)!important;
  color: #fff;
}

.bg-secundar {
background-color: var(--secondary)!important;
}

.btn-primar {
background-color: var(--primary)!important;
color: #fff;
border-radius: 0px;
}

.btn-secundar {
background-color: var(--secondary)!important;
color: #fff;
border-radius: 0px;
}

.fs-1 {
font-size: 1.2rem;
}

.fs-2 {
font-size: 1.1rem;
}

.fs-3 {
font-size: 1rem;
}

.fs-4 {
font-size: 0.9rem;
}

.fs-5 {
font-size: 0.8rem;
}

.fs-6 {
font-size: 0.7rem;
}

.object-fit-cover {
object-fit: cover!important;
}

.object-fit-contain {
object-fit: contain!important;
}

.h-90 {
height: 90%!important;
}

.w-90 {
width: 90%!important;
}

.shadow-none {
box-shadow: none!important;
}

.border-radius-none {
border-radius: 0px!important;
}

.border-radius-50 {
  border-radius: 50px!important;
}

.shadow-header {
box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%)!important;
}

@media only screen and (max-width: 768px) {
body h1 {
  font-size: 2.25rem!important;
}
}

body h1,h2,h3,h4,h5,h6,p,a,li,span,label {
  font-family: var(--font)!important;
}

body p {
font-size: 1rem!important;
/* letter-spacing: 1px; */
/* font-weight: 500!important; */
}

::placeholder {
font-family: var(--font)!important;
}

body {
color: var(--bodycolor)!important;
}

body h1,h2,h3 {
  font-weight: 700!important;
}

/* body {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} */

footer {
  font-weight: 500;
  color: #fffbf2e3!important;
}

#menu li a {
/* font-weight: bold; */
font-size: 0.9rem;
}

/* Slide image & video effect */

/* .slideshow-image-effect:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: inline-block;
background: rgba(0, 0, 0, 0.5);
} */

/* .slideshow-image-effect:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: linear-gradient(90deg,rgba(255,251,246,.8) 23.33%,rgba(255,251,246,0) 49.99%);
} */

/* .video-effect:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: rgba(0, 0, 0, 0.3);
} */

/* // Slide image effect */

/* OWL CAROUSEL */

.owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: -30px;
  z-index: 1010;
  position: absolute;
  left: 47%;
  /* right: 5%; */
}

@media only screen and (min-width: 768px) {
.main-owl-carousel .owl-dots {
  margin-top: -50px;
  z-index: 1100;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  right: 0;
}
}

@media only screen and (max-width: 768px) {
.main-owl-carousel .owl-dots {
  margin-top: -75px;
  z-index: 1100;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  right: 0;
}
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: var(--primary);
}

/*  Slideshow nav on sides & dots color */

@media only screen and (min-width: 768px) {
.owl-prev {
    width: 20px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 35px;
    display: block !important;
    font-family: var(--font);
    font-size: 30px!important;
}
}

@media only screen and (min-width: 768px) {
.owl-next {
    width: 20px;
    height: auto;
    position: absolute;
    top: 50%;
    right: 35px;
    display: block !important;
    font-family: var(--font);
    font-size: 30px!important;
}
}

.owl-prev i, .owl-next i {
transform : scale(1,6);
color: #fff;
}

.owl-theme .owl-nav [class*=owl-]:hover {
background: transparent;
color: #FFF;
text-decoration: none;
}

span.fa.fa-chevron-right.hidden-md-down:hover {
color:var(--secondary)!important;
font-size: 25px!important;
}

span.fa.fa-chevron-left.hidden-md-down:hover {
color:var(--secondary-text)!important;
font-size: 25px!important;
}

.owl-theme .owl-dots .owl-dot span {
width: 25px;
height: 5px;
margin: 5px 10px;
background: #c7c7c7;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 0px;
}

.owl-theme .owl-nav [class*=owl-] {
color: #FFF;
font-size: 14px;
margin: 0px;
padding: 0px;
background: transparent;
display: inline-block;
cursor: pointer;
border-radius: 3px;
}

/* END Slideshow Nav on sides */

/* ------------- */

.navbar .navbar-brand {
  position: relative;
  color: inherit;
  height: auto;
  font-size: 1.125rem;
  line-height: 30px;
  /* padding: 0.625rem 0; */
  padding: 0px;
}

.navbar.navbar-transparent {
background-color: transparent!important;
padding: 15px 0;
color: #fff;
transition: all .1s;
}

.navbar {
border: 0;
border-radius: 3px;
padding: 0.625rem 0;
margin-bottom: 20px;
color: #555;
background-color: rgba(255, 255, 255, 0.7)!important;
box-shadow: 0 4px 18px 0rgba(0,0,0,.12),0 7px 10px -5pxrgba(0,0,0,.15);
}

.menu .nav-link {
color: #fff;
}

.menu .links .nav-link:hover {
color: var(--primary)!important;
}

.menu-sidebar::before {
  content: "";
  width: 3px;
  height: 25px;
  background-color: var(--primary);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  transition: all .5s ease-in;
  -moz-transition: all .5s ease-in;
  -ms-transition: all .5s ease-in;
  -o-transition: all .5s ease-in;
  -webkit-transition: all .5s ease-in;
}

.sidebar::after {
content: "";
display: block;
border-top: 2px solid var(--secondary);
width: 35px;
left: 0!important;
right: 0!important;
}

.line::after {
content: "";
display: block;
border-top: 2px solid var(--secondary);
width: 35px;
left: 0!important;
right: 0!important;
}

.nav-pills.nav-pills-rose .nav-item .nav-link.active, .nav-pills.nav-pills-rose .nav-item .nav-link.active:focus, .nav-pills.nav-pills-rose .nav-item .nav-link.active:hover {
background-color: var(--secondary);
box-shadow: none;
color: #fff;
border-radius: 0px;
transition: none;
}

.overlay-card {
position: relative;
}

.image {
display: block;
width: 100%;
height: auto;
}

.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: #000000b7;
z-index: 100;
}

.overlay-card:hover .overlay {
opacity: 1;
cursor: pointer;
}

.text {
color: white;
z-index: 100;
font-size: 25px;
font-family: var(--font);
font-weight: bold;
position: absolute;
top: 30px;
left: 30px;
text-align: center;
}

.text-2 {
color: white;
z-index: 100;
font-size: 25px;
font-family: var(--font);
font-weight: bold;
position: absolute;
bottom: 20px;
right: 30px;
border: 1px solid rgb(160, 160, 160);
border-radius: 50px;
padding: 10px;
}

.overlay-card:hover .text-2 {
color: white;
z-index: 100;
font-size: 25px;
font-family: var(--font);
font-weight: bold;
position: absolute;
bottom: 20px;
right: 30px;
border: 1px solid rgb(255, 255, 255);
border-radius: 50px;
padding: 10px;
transition: all .3s;
}

.back-background:after, .card-background:after, .front-background:after {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
display: block;
left: 0;
top: 0;
content: "";
background-color: rgba(0,0,0,.3);
border-radius: 0px;
}

.floating-btn {
position: fixed; 
bottom: 20px; 
right: 20px;
margin: 0 auto;
width: 40px;
height: 40px;
z-index: 1080; 
font-size: 20px; 
padding: 3px;
display: none;
border-radius: 50%;
border: none;
background-color: var(--secondary);
color: #fff;
}

.box-shadow:hover {
box-shadow: 0 7px 30px rgb(0 0 0 / 5%);
transition: all .5s;
cursor: pointer;
}

.box-shadow:hover span {
color: var(--secondary);
transition: all .5s;
}

.invert-filter {
filter: brightness(0) invert(1)!important;
transition: filter .3s;
}

.link-effect {
transform: translateX(10px);
transition: transform 0.3s ease;
transform: translateX(0px);
left: 0px;
position: relative;
}

.link-effect:hover {
transform: translateX(10px);
}

.link-effect::after {
display: block;
content: '';
width: 0;
height: 2px;
background: var(--primary);
transition: width .3s;
}

.link-effect:hover::after {
width: 25px;
transition: width .3s;
}

.moving-mouse-holder .mouse {
width: 26px;
height: 40px;
position: relative;
right: 0;
border-radius: 18px;
border: 2px solid #fff;
}

.moving-mouse-holder .mouse:hover {
border: 2px solid #fff;
transition: border .2s;
}

.moving-mouse-holder .mouse-button {
background-color: #fff;
width: 2px;
height: 10px;
border-radius: 2px;
position: absolute;
top: 10px;
left: 50%;
margin: 0 0 0 -1px;
animation: mouse-button-scroll .5s infinite alternate;
}

@media only screen and (min-width: 768px) {
.moving-mouse-holder {
  margin: auto;
  z-index: 1090;
  bottom: 75px;
  position: absolute;
  left: 47%;
  right: 0;
  animation: mouse-scroll .7s infinite alternate;

}
}

@media only screen and (max-width: 768px) {
.moving-mouse-holder {
  margin: auto;
  z-index: 1090;
  bottom: 75px;
  position: absolute;
  left: 43%;
  right: 0;
  animation: mouse-scroll 1s infinite alternate;

}
}

.moving-mouse-holder .text {
margin-top: -23px;
margin-left: 20px;
color: #ffffff;
font-size: 0.8em;
line-height: 1em;
}

@keyframes mouse-scroll {

  /* transform: translate(0, 6px); */
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-10px); }
  50%  { transform: translateY(-5px); }
  100% { transform: translateY(0); }

}

@keyframes mouse-button-scroll {
to {
  transform: translate(0, 6px) scale(1, 0.8);
}
}

#breadcrumb ol li {
font-size: 1rem;
letter-spacing: 1px;
}

#breadcrumb .breadcrumb-item+.breadcrumb-item:before {
display: inline-block;
padding-right: 0.5rem;
padding-left: 0.5rem;
color: #6c757d;
content: "\203A";
}

#breadcrumb ol li a {
  color: var(--primary)!important;
}

.svg-filter-color {
filter: invert(25%) sepia(10%) saturate(1230%) hue-rotate(349deg) brightness(98%) contrast(52%);
/* filter: invert(36%) sepia(39%) saturate(7497%) hue-rotate(202deg) brightness(102%) contrast(105%); */
}

/* @media only screen and (min-width: 768px) {
.footer-shadow {
  background-position: 50%;
  background-size: cover;
  padding-top: 100px;
  position: relative;
  background-image: url('/dir/footer-plane.jpg');
}
}

@media only screen and (max-width: 768px) {
.footer-shadow {
  background-position: 50%;
  padding-top: 100px;
  position: relative;
  background-image: url(/dir/footer-plane.jpg);
  background-repeat: no-repeat;
}
}

footer:before {
background: linear-gradient(rgba(255,255,255,1), hsl(26, 0%, 100%,.001));  
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
} */

/* Vertically centered owl carouse items */

.owl-carousel .owl-stage {
display: flex;
align-items: center;
}

.partner-animation {
object-fit: contain;
transition: transform .3s;
}

.partner-animation:hover {
transform: translateY(-10px);
}


/* Vertically centered owl carouse items */

.numbering:before {
font-size: 75px;
left: 20px;
/* top: -10px; */
font-weight: 700;
opacity: .1;
display: block;
/* position: relative; */
position: absolute;
color: var(--secondary);
}

/* @media only screen and (min-width: 600px) {
.numbering:before {
font-size: 6.25rem;
text-align: center;
top: 50%;
font-weight: 700;
opacity: .2;
display: block;
position: relative;
color: var(--primary);
}
}

@media only screen and (max-width: 600px) {
.numbering:before {
font-size: 6.25rem;
text-align: center;
top: 50%;
font-weight: 700;
opacity: .2;
position: relative;
color: var(--primary);
}
} */

.one::before {
content: "1";
}

.two::before {
content: "2";
}

.three::before {
content: "3";
}

.four::before {
content: "4";
}

.five::before {
content: "5";
}

.six::before {
content: "6";
}

.dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover, .dropdown-menu a:active, .dropdown-menu a:focus, .dropdown-menu a:hover {
box-shadow: 0 4px 20px 0 rgb(0 0 0 / 14%), 0 7px 10px -5px rgba(39, 103, 176, 0.4);
background-color: var(--secondary);
color: #fff;
border-radius: 0px;
}

.card.bg-danger, .card .card-header-danger, .card.card-rotate.bg-danger .back, .card.card-rotate.bg-danger .front {
background: linear-gradient(60deg,var(--primary),#d32f2f);
}

.card-collapse .card-header a:active, .card-collapse .card-header a:hover, .card-collapse .card-header a[aria-expanded=true] {
color: var(--secondary);
}


.feature-1 {
  background-position: 50%;
  background-size: cover;
  padding: 100px 0;
  position: relative;
  background-image: url('/dir/Acasa/1.jpg');
}

.feature-2 {
  background-position: 50%;
  background-size: cover;
  padding: 100px 0;
  position: relative;
  background-image: url('/dir/Acasa/2.jpg');
}


.feature-1:before {
  background: rgba(0,0,0,0) linear-gradient(84deg, #006635ee 0%, #9ac012e8 100%) 0% 0% no-repeat;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.feature-2:before {
  background: rgba(0,0,0,0) linear-gradient(84deg, #00559be1 0%, rgba(0, 169, 211, 0.838) 100%) 0% 0% no-repeat;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.bg-gradient-primary {
  /* background: linear-gradient(90deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%) !important; */
  background: linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%) !important;
}

.dev-btn {
	background: linear-gradient(to right, var(--primary) 0%, var(--secondary) 100%);
	border-radius: 50px;
  /* box-sizing: border-box; */
	color: #fff;
	display: block;
	/* letter-spacing: 1px; */
	padding: 2px;
	position: relative;
  justify-content: center;
  width: 220px;
}

.dev-btn span {
	align-items: center;
	background: #fff;
	border-radius: 40px;
	display: flex;
  padding: 5px;
	justify-content: center;
}

.dev-btn span:hover {
  background: var(--primary-gradient)!important;
  color: #fff;
}

.text-primar-gradient {
  color: var(--primary-gradient)!important;
}

.line:after {
  content: '';
  display: block;
  height: 2px;
  width: 25px;
  background: var(--primary-gradient)!important;
}

.btn-white {
  border-radius: 50px!important;
}

.link-effect {
  transform: translateX(10px);
  transition: transform .3s ease;
  transform: translateX(0px);
  left: 0px;
  position: relative;
}

.link-effect:hover {
  transform: translateX(10px);
}

.link-effect::after {
  display: block;
  content: '';
  width: 0;
  height: 2px;
  background: var(--primary-gradient)!important;
  transition: width .3s;
}

.link-effect:hover::after {
  width: 25px;
  transition: width .3s;
}

.btn.btn-outline-primary {
  color: var(--secondary);
  background-color: transparent;
  border-color: var(--secondary);
}

.btn.btn-outline-primary:hover {
  color: var(--secondary);
  background-color: transparent;
  border-color: var(--secondary);
}

.categories-bg {
  width: 100%;
  position: relative;
  display: block;
  margin-bottom: 20px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #ebebeb;
  /* background-color: transparent; */
}

.categories-bg img {
  padding: 20px;
}


.categories-bg::before {
  content: '';
  width: 100%;
  display: block;
  padding-top: 99%;
}

.nav-tabs .nav-link {
  border-bottom: 0.214rem solid transparent;
  color: #555;
}

.nav-tabs .nav-link.active {
  color: #fff;
  background: var(--primary-gradient)!important;
  border-color: transparent;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

.nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {
  border-color: var(--primary)!important;
}

#specialitati ul li::marker {
  color: var(--primary);
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: rgba(191, 253, 222, 0.4)
}

.table-hover tbody tr:hover {
  background-color: rgba(191, 253, 222, 0.7)
}

.nav-link.bg-outline-primar:hover {
  color: #fff!important;
}

.ui-datepicker-unselectable span {
  text-decoration: line-through!important;
}