body {
	font-family: 'Montserrat', sans-serif;
}

:root {
	--footer-light: #eef3f8;

	--footer-light-100: #f3f6fa;
	--footer-light-200: #f7f9fc;
	--footer-light-300: #fbfcfd;

	--footer-light--100: #dde6f0;
	--footer-light--200: #ccd9e8;
	--footer-light--300: #bccdde;
	
	--light-blue: #4f8fd9;

	--light-blue-100: #71a5e1;
	--light-blue-200: #93bce8;
	--light-blue-300: #b5d2f0;

	--light-blue--100: #3d7cc4;
	--light-blue--200: #2c69af;
	--light-blue--300: #1a569a;
	
	--spring-green: #5b9f3a;

	--spring-green-100: #76b85a;
	--spring-green-200: #91c97b;
	--spring-green-300: #add99b;

	--spring-green--100: #4f8c32;
	--spring-green--200: #44792a;
	--spring-green--300: #396622;
}

/* Pozitionare hero prima pagina */
.custom-el-1{
    margin-top: -200px;
}

@media (max-width: 991.98px){
    .custom-el-1{
        margin-top: -250px;
    }
}

/* pozitionare pe mobile bg hero prima pagina */
@media (max-width: 991.98px) {
    .section-background {
        background-image: url('/img/common/backgrounds/bg-1-mobile.png') !important;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
}

.pagina-interior-header-image {
	position: relative;
	display: inline-block;
}

.pagina-interior-header-image img {
	display: block;
	max-height: 250px;
	width: auto;
}

.pagina-interior-header-image::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;

	background: linear-gradient(
		90deg,
		var(--primary) 0%,
		var(--primary) 25%,
		rgba(var(--primary-rgb), 0.85) 45%,
		rgba(var(--primary-rgb), 0.50) 65%,
		rgba(var(--primary-rgb), 0) 100%
	);
}

/* imagini la contact */
.muscel-photo{position:relative;height:620px;overflow:hidden;border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,.10);}
.muscel-photo img{width:100%;height:100%;object-fit:cover;animation:kenBurns 12s ease-in-out infinite alternate;transform-origin:center center;}
.delay-1 img{animation-delay:3s;}
.delay-2 img{animation-delay:6s;}

@keyframes kenBurns{
    0%{transform:scale(1) translate(0,0);}
    100%{transform:scale(1.08) translate(-2%,-1%);}
}

.bg-color-footer-light {
	background-color: var(--footer-light) !important;
}

.bg-color-footer-light-100 {
	background-color: var(--footer-light-100) !important;
}

.bg-color-footer-light-200 {
	background-color: var(--footer-light-200) !important;
}

.bg-color-footer-light-300 {
	background-color: var(--footer-light-300) !important;
}

.bg-color-footer-light--100 {
	background-color: var(--footer-light--100) !important;
}

.bg-color-footer-light--200 {
	background-color: var(--footer-light--200) !important;
}

.bg-color-footer-light--300 {
	background-color: var(--footer-light--300) !important;
}

/* Background */

.bg-color-light-blue {
	background-color: var(--light-blue) !important;
}

.bg-color-light-blue-100 {
	background-color: var(--light-blue-100) !important;
}

.bg-color-light-blue-200 {
	background-color: var(--light-blue-200) !important;
}

.bg-color-light-blue-300 {
	background-color: var(--light-blue-300) !important;
}

.bg-color-light-blue--100 {
	background-color: var(--light-blue--100) !important;
}

.bg-color-light-blue--200 {
	background-color: var(--light-blue--200) !important;
}

.bg-color-light-blue--300 {
	background-color: var(--light-blue--300) !important;
}

/* Before */

.bg-color-before-light-blue:before {
	background-color: var(--light-blue) !important;
}

.bg-color-before-light-blue-100:before {
	background-color: var(--light-blue-100) !important;
}

.bg-color-before-light-blue-200:before {
	background-color: var(--light-blue-200) !important;
}

.bg-color-before-light-blue-300:before {
	background-color: var(--light-blue-300) !important;
}

.bg-color-before-light-blue--100:before {
	background-color: var(--light-blue--100) !important;
}

.bg-color-before-light-blue--200:before {
	background-color: var(--light-blue--200) !important;
}

.bg-color-before-light-blue--300:before {
	background-color: var(--light-blue--300) !important;
}

/* After */

.bg-color-after-light-blue:after {
	background-color: var(--light-blue) !important;
}

.bg-color-after-light-blue-100:after {
	background-color: var(--light-blue-100) !important;
}

.bg-color-after-light-blue-200:after {
	background-color: var(--light-blue-200) !important;
}

.bg-color-after-light-blue-300:after {
	background-color: var(--light-blue-300) !important;
}

.bg-color-after-light-blue--100:after {
	background-color: var(--light-blue--100) !important;
}

.bg-color-after-light-blue--200:after {
	background-color: var(--light-blue--200) !important;
}

.bg-color-after-light-blue--300:after {
	background-color: var(--light-blue--300) !important;
}

.bg-color-spring-green {
	background-color: var(--spring-green) !important;
}

.bg-color-spring-green-100 {
	background-color: var(--spring-green-100) !important;
}

.bg-color-spring-green-200 {
	background-color: var(--spring-green-200) !important;
}

.bg-color-spring-green-300 {
	background-color: var(--spring-green-300) !important;
}

.bg-color-spring-green--100 {
	background-color: var(--spring-green--100) !important;
}

.bg-color-spring-green--200 {
	background-color: var(--spring-green--200) !important;
}

.bg-color-spring-green--300 {
	background-color: var(--spring-green--300) !important;
}

/* Hover */

.bg-color-hover-spring-green:hover {
	background-color: var(--spring-green) !important;
}

.bg-color-hover-spring-green-100:hover {
	background-color: var(--spring-green-100) !important;
}

.bg-color-hover-spring-green-200:hover {
	background-color: var(--spring-green-200) !important;
}

.bg-color-hover-spring-green-300:hover {
	background-color: var(--spring-green-300) !important;
}

.bg-color-hover-spring-green--100:hover {
	background-color: var(--spring-green--100) !important;
}

.bg-color-hover-spring-green--200:hover {
	background-color: var(--spring-green--200) !important;
}

.bg-color-hover-spring-green--300:hover {
	background-color: var(--spring-green--300) !important;
}

/* Before */

.bg-color-before-spring-green:before {
	background-color: var(--spring-green) !important;
}

.bg-color-before-spring-green-100:before {
	background-color: var(--spring-green-100) !important;
}

.bg-color-before-spring-green-200:before {
	background-color: var(--spring-green-200) !important;
}

.bg-color-before-spring-green-300:before {
	background-color: var(--spring-green-300) !important;
}

.bg-color-before-spring-green--100:before {
	background-color: var(--spring-green--100) !important;
}

.bg-color-before-spring-green--200:before {
	background-color: var(--spring-green--200) !important;
}

.bg-color-before-spring-green--300:before {
	background-color: var(--spring-green--300) !important;
}

/* Hover Before */

.bg-color-hover-before-spring-green:hover::before {
	background-color: var(--spring-green) !important;
}

.bg-color-hover-before-spring-green-100:hover::before {
	background-color: var(--spring-green-100) !important;
}

.bg-color-hover-before-spring-green-200:hover::before {
	background-color: var(--spring-green-200) !important;
}

.bg-color-hover-before-spring-green-300:hover::before {
	background-color: var(--spring-green-300) !important;
}

.bg-color-hover-before-spring-green--100:hover::before {
	background-color: var(--spring-green--100) !important;
}

.bg-color-hover-before-spring-green--200:hover::before {
	background-color: var(--spring-green--200) !important;
}

.bg-color-hover-before-spring-green--300:hover::before {
	background-color: var(--spring-green--300) !important;
}

/* After */

.bg-color-after-spring-green:after {
	background-color: var(--spring-green) !important;
}

.bg-color-after-spring-green-100:after {
	background-color: var(--spring-green-100) !important;
}

.bg-color-after-spring-green-200:after {
	background-color: var(--spring-green-200) !important;
}

.bg-color-after-spring-green-300:after {
	background-color: var(--spring-green-300) !important;
}

.bg-color-after-spring-green--100:after {
	background-color: var(--spring-green--100) !important;
}

.bg-color-after-spring-green--200:after {
	background-color: var(--spring-green--200) !important;
}

.bg-color-after-spring-green--300:after {
	background-color: var(--spring-green--300) !important;
}

/* Hover After */

.bg-color-hover-after-spring-green:hover::after {
	background-color: var(--spring-green) !important;
}

.bg-color-hover-after-spring-green-100:hover::after {
	background-color: var(--spring-green-100) !important;
}

.bg-color-hover-after-spring-green-200:hover::after {
	background-color: var(--spring-green-200) !important;
}

.bg-color-hover-after-spring-green-300:hover::after {
	background-color: var(--spring-green-300) !important;
}

.bg-color-hover-after-spring-green--100:hover::after {
	background-color: var(--spring-green--100) !important;
}

.bg-color-hover-after-spring-green--200:hover::after {
	background-color: var(--spring-green--200) !important;
}

.bg-color-hover-after-spring-green--300:hover::after {
	background-color: var(--spring-green--300) !important;
}

/* Skip to content */

.skip-to-content {
	position: absolute;
	left: -999px;
	top: 1rem;
	background: var(--secondary);
	color: #fff;
	padding: 0.6rem 1.1rem;
	z-index: 10000;
	border-radius: 5px;
	text-decoration: none;
	transition: left 0.2s ease;
	font-weight: 600;
	font-size: 1.05rem;
}

.skip-to-content:focus {
	left: 1rem;
	color: #fff;
}

/* Container no slider prima pag si breadcrumbs ptr nav si aria*/
.container-noslider-primapagina {
    width: 100%;
}

.container-pagini-interne {
    width: 100%;
}

.breadcrumb {
    background-color: #0a3066;
    color: #ffffff !important;
    padding: 8px 12px;
}

/* text și link-uri – alb */
.breadcrumb a,
.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item.active {
    color: #ffffff !important;
}

/* separatorul cu spații reale în stânga și dreapta */
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: " \\ "; /* spațiu backslash spațiu */
    color: #ffffff !important;
    font: inherit;       /* păstrează fontul exact */
    font-size: inherit;  /* mărimea identică */
    line-height: inherit;/* înălțimea identică */
}


/* Cautarea particularizata cu Google CSE */
.cse-wrapper {
    width: 100%;
    max-width: 500px;      /* daca vrei mai ingust, altfel poti sterge linia */
    margin-left: 0;        /* important: nu-l mai centra */
    margin-right: auto;    /* il “impinge” spre stanga */
}

/* input frumos rotunjit */
.cse-input {
    border-radius: 999px 0 0 999px !important;
    padding: 10px 16px;
}

/* buton rotunjit, modern */
.cse-btn {
    border-radius: 0 999px 999px 0 !important;
    padding: 10px 24px;
    font-weight: 600;
}

/* Reseteaza toate proprietatile anterioare date */
.reset-heading {
    all: unset;
    display: block; /* ca un titlu */
}

/* Cautarea particularizata cu Google CSE */
.cse-wrapper {
    width: 100%;
    max-width: 500px;      /* daca vrei mai ingust, altfel poti sterge linia */
    margin-left: 0;        /* important: nu-l mai centra */
    margin-right: auto;    /* il “impinge” spre stanga */
}

/* input frumos rotunjit */
.cse-input {
    border-radius: 999px 0 0 999px !important;
    padding: 10px 16px;
}

/* buton rotunjit, modern */
.cse-btn {
    border-radius: 0 999px 999px 0 !important;
    padding: 10px 24px;
    font-weight: 600;
}

/* Nu afisa textul de langa Google translate  */
/* Ascundem brandingul Google */
.goog-logo-link,
.goog-te-gadget span,
.goog-te-banner-frame,
.skiptranslate iframe {
	display: none !important;
}

/* Container */
#google_translate_element {
	min-width: 150px;
}

/* Textul Google */
.goog-te-gadget {
	font-family: inherit !important;
	font-size: 0 !important;
	color: transparent !important;
}

/* Select */
.goog-te-combo {
	height: 38px;
	padding: 0.375rem 2rem 0.375rem 0.75rem;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-radius: 0.375rem;
	cursor: pointer;
	min-width: 150px;
	box-shadow: none;
}

.goog-te-combo:focus {
	outline: 0;
	border-color: #86b7fe;
	box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}