/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
html {line-height: 1.15; font: 300 18px "Jost", sans-serif; /* 1 */-webkit-text-size-adjust: 100%; /* 2 */}
/* Sections ========================================================================== */
body {margin: 0;}
main {display: block;}
h1 {margin: 0.67em 0;font-size: 2em;}
/* Grouping content ========================================================================== */
hr {overflow: visible; /* 2 */box-sizing: content-box; /* 1 */height: 0; /* 1 */}
pre {font-family: monospace, monospace; /* 1 */font-size: 1em; /* 2 */}
/* Text-level semantics========================================================================== */
a {background-color: transparent;}
abbr[title] {text-decoration: underline; /* 2 */text-decoration: underline dotted; /* 2 */border-bottom: none; /* 1 */}
b, strong {font-weight: 700;}
code, kbd, samp {font-family: monospace, monospace; /* 1 */font-size: 1em; /* 2 */}
small {font-size: 80%;}
sub, sup {position: relative;vertical-align: baseline;font-size: 75%;line-height: 0;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
/* Embedded content ========================================================================== */
img {border-style: none;}
/* Forms========================================================================== */
button, input, optgroup, select, textarea {margin: 0; /* 2 */font-family: inherit; /* 1 */font-size: 100%; /* 1 */line-height: 1.15; /* 1 */}
button, input { /* 1 */overflow: visible;}
textarea { resize: vertical; }
button, select { /* 1 */text-transform: none;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {padding: 0;border-style: none;}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: 0.35em 0.75em 0.625em;}
legend {display: table; /* 1 */box-sizing: border-box; /* 1 */max-width: 100%; /* 1 */padding: 0; /* 3 */white-space: normal; /* 1 */color: inherit; /* 2 */}
progress {vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"], [type="radio"] {box-sizing: border-box; /* 1 */padding: 0; /* 2 */}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {outline-offset: -2px; /* 2 */-webkit-appearance: textfield; /* 1 */}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {font: inherit; /* 2 */-webkit-appearance: button; /* 1 */}
/* Interactive   ========================================================================== */
details {display: block;}
summary {display: list-item;}
/* Misc   ========================================================================== */
template {display: none;}
[hidden] {display: none;}
/* ==========================================================================
   WEBSITE CUSTOM
   ========================================================================== */
/* NOTIFICATIONS, SUCCESS, ERRORS   ========================================================================== */
.noResults { display: inline-block;width: 80%;margin: 40px 10%;padding: 14px 30px;text-align: center;border: 1px solid var(--border-color);font-size: 18rem;line-height: 1;border-radius: var(--radius-main);background: #ffffff;font-weight: 500;}
.successMessage { margin: 10px 0; color: var(--green-color);font-size: 18rem; font-weight: 400;}
.errorMessage { margin: 10px 0; color: var(--red-color);font-size: 18rem; font-weight: 400;}
INPUT.error, SELECT.error, TEXTAREA.error, INPUT.error-js, SELECT.error-js, TEXTAREA.error-js, .error { border: 1px solid var(--red-color) !important;}

#pgError { display: flex;/* align-items: center;*/ min-height: calc(100dvh - 88px); gap: 100px; background-image: url('/storage/errorPage.png');background-size: 70vw;background-repeat: no-repeat;background-position: 100% 10vw;}
#pgError .pageTitle .wrapper { padding: 0;}
#pgError .sectionTitle {text-align: left;}
#pgError .grid { display: grid; align-items: center; grid-template-columns: repeat(2, 1fr); grid-gap: 60px;}
#pgError p {margin-bottom: 20px; color: var(--brand-color); }
#pgError ul li { list-style-type: none; font-size: 18rem;}
#pgError li::before { margin-right: 6px; content: "\f0da"; color: var(--brand-color); font-family: FontAwesome; font-size: 14px; }

/* GENERAL  ========================================================================== */
:root {
    --brand-color: #22a1db;
    --brand-color-2: #293688;
    --brand-color-3: #22a1db;

    --gray-color:hsl(210 20% 98%);
    --gray-color-2: #E1E3E8;
    --red-color: #9e0500;
    --green-color: #2c8339;

    --text-color: #505e95;
    --text-fam:'Inter', sans-serif;

    --border-color: #E1E3E8;
    --radius-main: 15px;

    --wrapper-width: 1400px;

    --page-title-size: 70rem;
    --page-title-weight: 600;

    --section-title-size: 52rem;
    --section-title-weight: 500;
    --section-title-margin: 0;
    --section-margin: 80px;
    --section-intro-size: 20rem;
    --section-space: 30px;

    --article-intro-size: 24rem;
    --article-title-size: 20rem;
    --article-title-color:var(--brand-color-2);
    --article-title-weight: 700;
    --article-title-style: uppercase;

    --footer-color: rgb(255 255 255 / 70%);
    --footer-newsletter: #444444;

    --space: 8px;
    --space-half: calc(var(--space) / 2);
    --space-2x: calc(var(--space) * 2);
    --space-3x: calc(var(--space) * 3);
    --space-4x: calc(var(--space) * 4);
    --space-6x: calc(var(--space) * 6);
    --space-8x: calc(var(--space) * 8);

    --gradient-hero: linear-gradient(135deg, hsl(228, 53%, 25%) 0%, hsl(228, 53%, 35%) 50%, hsl(199, 74%, 40%) 100%);
}
html { font-size: 1px;}
body { min-height: 100vh; color: var(--text-color); background-color: #ffffff/*var(--gray-color)*/;font: 400 16rem "Inter", sans-serif; line-height: 1.5;}
/*body:after { z-index:-1;background: linear-gradient(180deg,#faf5ff,#fff3f3 40%,#fefefe); position: absolute; pointer-events: none; top: 0; right: 0; left: 0; height: 400px; content: '';}*/
.ui-content { overflow: hidden;}
*, *::before, *::after {box-sizing: border-box;}
a { cursor: pointer;transition: all 0.3s ease-in-out; text-decoration: none;color: var(--brand-color);}
a:focus { outline: none;}
button {padding: 0; cursor: pointer; color: inherit; border-width: 0; background-color: transparent;}
figure {margin: 0;}
::-moz-selection { color: #333333; background: rgb(0 0 0 / 10%);}
::selection { color: #6C6A6A;background: rgb(0 0 0 / 10%);}
/* TYPO  ========================================================================== */
/*b, strong { font-weight: 500;}*/
p { margin: 0;}
ol { margin: 0; padding: 0 0 0 15px;}
ul { margin: 0; padding: 0; list-style-type: none;}
dd { margin: 0; padding: 0; list-style: none;}
cite {font-style: normal;}
h1, h2, h3, h4, h5, h6 { margin: 0; color: var(--article-title-color); font-weight: var(--section-title-weight); line-height: 1.3; font-family: "Space Grotesk", sans-serif;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 500;}
h1 { margin-bottom: 30px; font-size: 70rem;}
h2 { margin-bottom: 30px; font-size: 30rem;}
h3 { /*margin-bottom: 20px;*/ font-size: 28rem;}
h4 { margin-bottom: 15px; font-size: 26rem;}
h5 { margin-bottom: 15px; font-size: 24rem;}
h6 { margin-bottom: 15px; font-size: 20rem;}
b, strong {font-weight: 700;/* color: var(--brand-color-2);*/ }
/* BG  ========================================================================== */
.grayBg { background-color:var(--gray-color);}
.whiteBg { background-color: #ffffff;}
.blackBg { background-color: #000000;}
.mainColorBg {color: #ffffff; background-color: var(--brand-color);}
.secondaryColorBg {color: #ffffff; background-color: var(--brand-color-2);}
.whiteTxt h1, .whiteTxt h2, .whiteTxt h3 {color: #ffffff;}
.whiteTxt b, .whiteTxt strong {color: #ffffff;}
.secondaryColorBg { color: #ffffff; background-color: var(--brand-color-2);}
.secondaryColorBg .title { color: #ffffff;}
/* HELPER CLASSES  ========================================================================== */
.clearfix:before, .clearfix:after { display: table; content: " ";}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.floatLeft { float: left;}
.floatRight { float: right;}
/* EDITOR  ========================================================================== */
.content {}
.content h1 { margin-bottom: var(--space-3x);}
.content h1:not(:first-of-type) { margin: var(--space-3x) 0; padding-top:var(--space-3x); border-top: 1px solid var(--border-color);}
.content h2, .content h3, .content h4, .content h5, .content h6 { margin: var(--space-3x) 0; text-transform: none; line-height: 1.2em;}
.content p { margin-bottom: var(--space-3x); text-align: justify;}
.content table { overflow: hidden;width: 100%; margin-bottom: var(--space-3x); color: rgb(37, 37, 37); border: none;}
.content table p { margin-bottom: 0;}
.content table tr { padding: var(--space) 0; transition: all 0.3s ease-in-out; border-top: 1px solid var(--border-color);}
.content table thead tr { border: none;}
.content table td, .content table th { padding: var(--space) var(--space-2x); text-align: left; border: none;}
/*.content table th { color: #ffffff; background: transparent;font-weight: 400;}*/
.content table tr:hover { background: #ecf5fba1;}
.content a { color: var(--brand-color);}
.content .secondaryButton { color:#ffffff;}
.content ul, .content ol { margin-bottom: 20px;}
.content ul li { position: relative; display: flex; gap: var(--space); align-items: flex-start;}
.content ul li::before { width: 26px;height: 26px;padding: 5px; background: hsl(199deg 74% 50% / 10%); content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-circle-check-big w-4 h-4 text-secondary skew-x-%5B6deg%5D'%3E%3Cpath d='M21.801 10A10 10 0 1 1 17 3.335' stroke='%2322a1db'%3E%3C/path%3E%3Cpath d='m9 11 3 3L22 4' color='%2322a1db'%3E%3C/path%3E%3C/svg%3E"); color: var(--brand-color); font-family: FontAwesome; font-size: 14px; }
.content ul li ul { padding-left: 30px;}
.content ul li ul li::before { content: "- "; color: #757575; font-size: 120%;}
.content ol { list-style-position: inside; }
.content ol li { padding-left: 0; }
.content ol li:before { content: unset; }
.content .flex { display: flex;}
.content .mainButton:hover, .content .borderButton:hover, .content .download:hover { text-decoration: none;}
.content > *:first-child {margin-top: 0;}
.content > *:last-child {margin-bottom: 0;}
.textDouaColoane { /* Old Chrome, Safari and Opera */-webkit-column-count: 2;-webkit-column-gap: 3vw; /* Old Firefox */-moz-column-count: 2;-moz-column-gap: 3vw; /* Standard syntax */column-count: 2;column-gap: 3vw;}
.textTreiColoane { /* Old Chrome, Safari and Opera */-webkit-column-count: 3;-webkit-column-gap: 3vw; /* Old Firefox */-moz-column-count: 3;-moz-column-gap: 3vw; /* Standard syntax */column-count: 3;column-gap: 3vw;}

/* FORMS  ========================================================================== */
input::-moz-focus-inner {margin: 0; padding: 0; border: 0;}
fieldset {margin: 0; padding: 0; border-width: 0;}
::-webkit-input-placeholder {color: var(--text-color); font-weight: 300;}
:-ms-input-placeholder {color: var(--text-color);font-weight: 300;}
::placeholder {color: var(--text-color);font-weight: 300;}
/*input:-webkit-autofill { background: transparent!important;}*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-background-clip: padding-box;
    -webkit-text-fill-color: var(--text-color);
    transition: background-color 5000s ease-in-out 0s;
    background-color: white !important;
    box-shadow: inset 0 0 0px 1000px white !important;
}

.groupForm { position: relative;margin-bottom: 15px;width: 100%; }
.labelForm {/* position: absolute;*/ font-size: 14px;/* top: 25px; left: 7%; */display: flex; align-items: center; width: 100%;transition: 0.2s ease all;white-space: nowrap;pointer-events: none;color: var(--text-color);background: transparent;line-height: 1.4em;/*gap: 30px;*/}
.inputForm, input.inputForm, select.inputForm, textarea.inputForm { padding:10px 20px; position: relative; z-index: 15; display: block;width: 100%;min-height: 50rem;color: var(--text-color);border:1px solid var(--border-color);background: rgb(249, 250, 251);}
.inputForm:focus, .inputForm:-webkit-autofill  { outline: none;border: 1px solid #000000;  -webkit-box-shadow: 0 0 0 30px white inset !important;}
.inputForm:focus ~ .labelForm, .inputForm:-webkit-autofill ~ .labelForm, .inputForm:not(:placeholder-shown) ~ .labelForm {top: 0;font-size: 13px;color: #000000;}
.error ~ .labelForm, .message-error-container ~ .labelForm { color:red !important;  top: 0;font-size: 13px;}
.inputExplicatie { font-size: 13px; color: #9eabc0;}
.errorForm { display: block; padding-top: 4px; color: var(--red-color); font-size: 12px; line-height: 1;}
select.inputForm::-ms-expand {display: none;}
select.inputForm:not([value="0"]):valid ~ .labelForm {top: 0; font-size: 12rem;}
option:not(:checked) { color: #000000; }
/* custom checkbox/radio just css*/
.labelInput { position: relative; display: inline-block;margin-right: 1.25em; margin-top: 2px; margin-bottom: 2px;}
.labelInput input[type="checkbox"], .labelInput input[type="radio"] {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}
.labelInput label {position: relative;cursor: pointer; display: grid;grid-template-columns: 2.5em 1fr;}
.labelInput label:before {content:'';-webkit-appearance: none; border: 1px solid var(--border-color); width: 24px;align-items: center;justify-content: center;height: 24px;display: flex;position: relative;vertical-align: middle;cursor: pointer;margin-right: 0.4375em;transition: all 0.3s ease; background: #ffffff;}
.labelInput label:hover:before { background: #2e2e2e;}
.labelInput input:checked + label:after {background-color:#2e2e2e;position: absolute; text-align: center;top: 0; left: 0; height: 24px; width: 24px; line-height: 24px; color:#FFFFFF; display: flex; align-items:center; justify-content:center;font-family: FontAwesome;content: '\f00c ';}
/*.labelInput label:before, .labelInput input:checked + label:after {border-radius: 50%;}*/
.labelInput .checkBox:before, .labelInput input:checked + .checkBox:after {border-radius: 0;}
.labelInput input[type="checkbox"]:checked + label:after {}
.labelInput a { display: inline-block;}
/* custom input file */
.inputfileContainer { position: relative;}
.inputfileContainer .flexButtons { gap: 10px;}
.inputfile {position: absolute;z-index: -1;overflow: hidden;width: 0.1px;height: 0.1px;opacity: 0;}
.inputfile + label {border: 1px solid #e8e8e8;display: inline-block;overflow: hidden;width: 100%;cursor: pointer;white-space: nowrap;text-overflow: ellipsis;}
.inputfile-6 + label {color: #000000;}
.inputfile-6 + label {padding: 0;background-color: #f9fafb;display: flex;justify-content: space-between;}
.inputfile-6 + label span {display: inline-block;overflow: hidden;width:auto;min-height: 2em;vertical-align: top;white-space: nowrap;text-overflow: ellipsis;}
.inputfile-6 + label span, .inputfile-6 + label strong {padding: 13px 15px;font-size: 14px;font-weight: 400;}
.inputfile-6 + label strong {display: inline-block;float: right;height: 100%;color: #000000;background: #e1e3e8;}

/* TABLES  ========================================================================== */
table { border-spacing: 0; border-collapse: collapse; }
/* BUTONS  ========================================================================== */
.overlayButton { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0;left: 0; color: var(--text-color);}

.borderButton {position: relative;z-index: 1;display: inline-flex;overflow: hidden;padding: 12px 24px;cursor: pointer;transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);text-align: center;white-space: nowrap; border: 1px solid var(--border-color);background: transparent;box-shadow: none;font-weight: 500;font-size: 16rem;gap: var(--space-2x); align-items: center;}
.borderButton:hover {border-radius: 30px; border-color: var(--brand-color-3);}

.mainButton {position: relative;z-index: 1;display: inline-flex;overflow: hidden;padding: 12px 24px;cursor: pointer;transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);text-align: center;white-space: nowrap; border: 1px solid var(--border-color);background: transparent;box-shadow: none;font-weight: 500;font-size: 16rem;gap: var(--space-2x); align-items: center;}
.mainButton:hover, .articolCard:hover .mainButton {border-radius: 30px; border-color: var(--brand-color-3);}

.darkButton {position: relative;z-index: 1;display: inline-flex;overflow: hidden;padding: 12px 24px;cursor: pointer;transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);text-align: center;white-space: nowrap; border: 1px solid var(--border-color);background: var(--brand-color-2); color:#FFFFFF;box-shadow: none;font-weight: 500;font-size: 16rem;gap: var(--space-2x); align-items: center;}
.darkButton:hover {border-radius: 30px; border-color: var(--brand-color-2);}

.secondaryButton {position: relative;z-index: 1;display: inline-flex;overflow: hidden;padding: 12px 24px;cursor: pointer;transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);text-align: center;white-space: nowrap; border: 1px solid var(--brand-color-3);background: var(--brand-color-3); color:#ffffff;box-shadow: none;font-weight: 500;font-size: 16rem;gap: var(--space-2x); align-items: center;}
.secondaryButton:hover {border-radius: 30px;}

.borderButton i,.mainButton i,.darkButton i,.secondaryButton i { transition: all 0.3s ease-in-out; }
.borderButton:hover i,.mainButton:hover i,.darkButton:hover i,.secondaryButton:hover i { transform: translateX(10px);}

.simpleButton { color: var(--brand-color);}
.simpleButton:hover { text-decoration: none !important;color: var(--brand-color-2);}
.simpleButton:after { display: inline-block; margin-left: 5px; content: '\f105'; transition: all 0.3s ease-in-out;font-family: FontAwesome;font-size: 14px;font-weight: bold;}
.simpleButton:hover:after { transform: translateX(10px);}

.animScrollBtn { pointer-events:none;animation: mover 1s infinite alternate; display: inline-flex; justify-content: center; position: absolute; z-index: 1;left: 0;right: 0;margin: auto;bottom: 3vw;}
.animScrollBtn .border{ border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 9999px; padding-bottom: 9px;}
.animScrollBtn .dot {  background: var(--brand-color); height: 12px; width: 6px; border-radius: 9999px; margin: 5px;}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

/* OTHERS  ========================================================================== */
.borderTop { border-top: 1px solid #d1d1d1;}
.paddingLeft {padding-left: calc((100vw - var(--wrapper-width)) / 2);}
.paddingRight {padding-right: calc((100vw - var(--wrapper-width)) / 2);}
.alignRight { text-align: right;}
.alignCenter { text-align: center;}
.tabelFormatat { overflow-x: scroll;}
.shadow {-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);}
.imgContainer { position: relative; overflow: hidden;}
.imgContainer img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.content .download { margin-bottom: 10px; color: var(--text-color);}
.download { position: relative; display: block; padding: 10px 30px; color: var(--text-color); border: 1px solid var(--border-color);}
.download:after { position: absolute; top: 50%; right: 15px; content: '\f15b'; transform: translateY(-50%);font-family: FontAwesome;}
.download:hover { color: var(--brand-color);}
.tableWrapper { overflow-x: scroll; width: 100%;}
.tableWrapper::-webkit-scrollbar { width: 4px; height: 4px;}
.tableWrapper::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0);}
.tableWrapper::-webkit-scrollbar-thumb {height: 4px; outline: none;background-color: var(--brand-color);}
/* PAGE HEADER  ========================================================================== */
#my-header {position: relative;z-index: 99;left: 0;right: 0;margin: auto;top: 0;/* background: #fff;padding: 20px 0;*/}
/*#my-header.homeHeader { position: absolute;}*/
#my-header.invertEffect .wrapper { border-color: rgba(255, 255, 255, 0.5);}
#my-header.invertEffect .logo { filter: invert();}
.flexFull{ display: flex; gap: 20px; justify-content: space-between;}
.headerTop { font-size: 14rem; padding: var(--space) 0;}
.headerTop ul, .headerTop li { display: flex; gap: 25px; align-items: center;}
.headerTop li {gap: 8px;}
.headerTop a { display: flex; gap: 5px; color: #ffffff;}
.headerTop a:hover { color: var(--brand-color);}
.headerTop svg { width: 16rem;}
.headerBottom {padding: var(--space-3x) 0; border-bottom:1px solid var(--border-color);}
.headerBottom .flexFull { align-items: center;}
.headerBottom .flexSigle {display: flex; gap: var(--space); align-items: center; margin-right: auto;}
/*logo*/
.logo { display:block; width: 370px;margin-right: auto; transition: all 0.3s ease-in;}
.logo img {display: block;width: 100%; }
.sigla {display: block;max-width: 80px; }

/*menu*/
#my-menu {}
@media only screen and (min-width: 1201px) {
    .nav {display: flex; align-items: center; height: 100%;gap: var(--space-4x);}
    .nav li {display: inline-block;}
    .nav a {position: relative;display: inline-block;color:var(--text-color); }
    .nav a.active, .nav a:hover {color:var(--brand-color);}
}
.showMenu { display: none;}

/*language*/
.language {color:#000000;position: relative; z-index: 2; display: flex;align-items: center; margin-left: 6px; text-transform: uppercase; font-weight: 400; font-size: 14rem;}
.language li {position: relative;cursor:pointer;display: flex;padding: 8px 25px 8px 18px; text-align: center; background: #eeeeec;}
.language li ul { position: absolute;z-index: -1;top: 100%;left: 50%;display: block; visibility: hidden;overflow: hidden;width: calc(100% + 4px);transition: all 0.3s ease-in-out;transform: translateX(-50%) translateY(10px);opacity: 0;/* border-radius: var(--radius-main);*/}
.language > li:first-of-type { background: var(--brand-color);color: #ffffff; /*height: 100%;display: flex;align-items: center;*/}
.language > li:first-of-type:hover { }
.language li:hover ul {visibility: visible; transform: translateX(-50%) translateY(0);opacity: 1;}
.language li li { display: block;}
.language a { color: var(--text-color);}
.language a:hover, .language a.active {color: var(--brand-color);}
.language span { position: relative;}
.language > li:first-of-type:after { position: absolute; top: 7px; right: 7px; content: '\f107'; font-family: FontAwesome;}
/* PAGE CONTAINERS  ========================================================================== */
#my-content { overflow: hidden;}
.wrapper {width: 96vw; max-width: var(--wrapper-width); margin: 0 auto;}
.generalPadding { padding: var(--space-8x) 0;}
/*main { overflow: hidden;}*/
.flexButtons { display:flex; justify-content: space-between; align-items: flex-end;}
.flexButtonsCenter { display:flex; justify-content: center;}
.flexButtonsEnd { display:flex; justify-content: flex-end; gap:var(--space);}

/* PAGE DETAILS ========================================================================== */
hr { max-width: 700px;height: 1px;margin: 0 auto;border: 0;background-color: #c4c4c4;}
.miniBorder { width: 50px; height: 2px; margin: 20px 0 30px; background: var(--brand-color);}
.breadcrumb { font-weight: 500; margin-top: 30px; font-size: var(--section-intro-size);color:#ffffff;}
.pageTitle { text-align:center; padding: 48px 0 8vw; overflow:hidden; position: relative;}
.pageTitle .wrapper { position: relative;z-index:2;}
.pageTitle .banner {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin:auto;object-fit: cover;display: block; max-width: 90vw; width:100%;height: 100%;}
.pageTitle .subtitle {display: inline-flex;justify-content: center;align-items:center;gap:var(--space-2x);position: relative; color: var(--brand-color); text-transform: uppercase; font-size: 14rem; font-weight: 600;}
.pageTitle .title { margin: 0; font-weight: 700; font-size: 48rem; color: #ffffff;}
.pageTitle .title span {color: var(--brand-color);}
.pageTitle .svgShape {bottom: -1px; z-index: 2;}
.pageTitle.gradient:before { background: var(--gradient-hero);opacity:0.9;position: absolute;z-index:2;top: 0;right: 0;bottom: 0;left: 0;content: '';pointer-events: none;}
.pageBanner {position: relative;z-index: 0; min-height: 700px; overflow: hidden;}
.pageBanner img {width: 100%;height: 100%;object-fit: cover; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; }
.sectionTitle { display: flex; flex-direction:column; gap:var(--space);text-align: center; max-width: 670px; margin: 0 auto var(--space-8x);}
.sectionTitle .subtitle {display: inline-flex;justify-content: center;align-items:center;gap:var(--space-2x);position: relative; color: var(--brand-color); text-transform: uppercase; font-size: 14rem; font-weight: 600;}
.sectionTitle .subtitle:after, .sectionTitle .subtitle:before {content: '';background-color: var(--brand-color); width: 60px; height: 10px;}
.sectionTitle .subtitle:after {transform: skew(-40deg,0deg);}
.sectionTitle .subtitle:before {transform: skew(40deg, 0deg);}
.sectionTitle .title { margin: 0; font-weight: 700; font-size: 48rem;}
.sectionTitle .intro { font-size: 18rem;}
.sectionTitle.alignLeft { max-width: none; margin: 0; text-align: left;}
.sectionTitle.alignLeft .subtitle { justify-content: flex-start;}
.sectionTitle.alignLeft .subtitle:after { content: none;}
.sectionTitle.alignLeft ul { gap: var(--space-2x) var(--space);}
.sectionTitle .content { margin-top: var(--space-2x);}

/* PAGE PARALLAX ========================================================================== */
.parallax { background-repeat: no-repeat;background-attachment: fixed;background-position: center;background-size: cover;}
.jarallax{position:relative;z-index:0}
.jarallax>.jarallax-img,picture.jarallax-img img{position:absolute;object-fit:cover;top:0;left:0;width:100%;height:100%;z-index:-1}
.jarallax.overlay:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: '';background: var(--brand-color-2); opacity: 0.7;}
.jarallax.overlay .sectionTitle { position: relative; z-index: 1; margin: 0 auto;}
.jarallax.overlay .title,.jarallax.overlay .intro { color: #ffffff;}

/* PAGE DETAIL  ========================================================================== */
.detailPage {}
.flexColumnPage { display: flex; flex-direction: column; gap:  var(--space-8x); overflow: hidden;}
.fullPageGrid { display: grid; grid-template-columns: 1fr; gap: var(--space-3x);overflow: hidden;}
.fullPageGrid .gridHalf { gap: 0;}
.fullPageGrid .gridHalf:not(:first-of-type) { margin: 0;}
.fullPageGrid .gridHalf:nth-of-type(even) {direction: rtl;}
.fullPageGrid .articleItem .textContainer {direction: ltr; padding: var(--space-3x) var(--space-8x);}

/* PAGE EDITOR  ========================================================================== */
.editorPage { overflow: hidden;}
/* SERVICII PAGE  ========================================================================== */
#serviciiPage {}
.gridCard { display: grid; grid-template-columns: repeat(3,1fr); gap: var(--space-3x);}
.itemCard {position: relative; color:var(--text-color);display: flex; flex-direction: column; gap: var(--space-2x); padding: var(--space-3x); box-shadow: 0 4px 20px -4px hsl(228 53% 35% / .1);border: 1px solid var(--border-color); background: #ffffff; }
.itemCard .title { transition:all 0.5s ease-in-out;color: var(--article-title-color); font-weight: 700; font-size: 20px; font-family: "Space Grotesk", sans-serif;}
.itemCard .flexIcon .icon {background: rgba(33, 162, 222, 0.1);}
.itemCard .labelCard { border-radius:10px;padding:3px 12px; right: var(--space-3x); left: auto;}
.itemCard .perioada {color: var(--brand-color); font-weight: 600; font-size: 20rem;}
.itemCard .borderButton {justify-content: center;}
.itemCard:hover .title {color: var(--brand-color);}
.itemCard:hover .simpleButton:after {transform: translateX(10px);}
.itemCard:hover .borderButton {border-radius: 30px; border-color: var(--brand-color-3);}
.certificareItem { cursor: pointer;}

/* NOUTATI PAGE  ========================================================================== */
#noutatiPage {}
.gridBlog { display: grid; grid-gap: var(--space-6x); grid-template-columns: 1fr 380px;}
.gridBlog .gridArticole { grid-template-columns: repeat(2,1fr);}
.gridArticole { position:relative;display: grid; gap: var(--space-3x); grid-template-columns: repeat(3,1fr);}
.articleItem { position: relative;background: #ffffff; box-shadow: 0 4px 20px -4px hsl(228 53% 35% / .1);border: 1px solid var(--border-color);}
.articleItem .imgContainer {aspect-ratio:16/9; background:#ffffff;overflow: hidden; position: relative;}
.articleItem .imgContainer img {display: block; width: 100%; height: 100%; object-fit: cover;transition: all 0.5s ease-in-out;}
.articleItem .textContainer { padding:var(--space-3x);display: flex; flex-direction: column; gap: var(--space-2x); align-items: flex-start; text-align: left;}
.articleItem .title {transition: all 0.5s ease-in-out;margin: 0; font-size: var(--article-title-size); font-weight: var(--article-title-weight); color: var(--article-title-color);}
/*.articleItem .intro {}*/
.articleItem .whiteBg { position: absolute; right: 0; top: calc(101% - var(--space-8x)); background: #ffffff; width: var(--space-8x); height: var(--space-8x);}
.articleItem:hover .title {color: var(--brand-color); }
.articleItem:hover .simpleButton:after { transform: translateX(10px);}
.articleItem:hover img { transform: scale(1.1)}
.articleItem.articleAside{ box-shadow: none; display: grid; grid-template-columns: 100px 1fr;}
.articleItem.articleAside .textContainer { gap: 0; padding: var(--space-2x);}
.articleItem.articleAside .imgContainer {aspect-ratio: unset;}
.articleItem.articleAside .title {font-size: 16rem; transition: all 0.5s ease-in-out;}
.articleItem.articleAside:hover .title {color: var(--brand-color);}

.dataCard {display:flex; gap:var(--space); align-items:center;font-size: 14rem;}
.dataCard svg { width: 14rem;}
.labelCard { font-size: 12rem; padding:5px;position: absolute; top: var(--space-3x); left: var(--space-3x); display: inline-block;}

.articleButtons { padding: var(--space-4x) 0; border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);}
.articleButtons .wrapper {display: flex;justify-content: space-between;gap: var(--space-2x);/* flex-wrap: wrap; */}
.articleButtons .flexIcon {flex: 1 1 0; gap: var(--space-3x); transition: all 0.5s ease-in-out;}
.articleButtons .flexIcon:hover { gap: var(--space);}
.articleButtons .flexIcon:hover .icon { background: var(--brand-color-2); color: #ffffff;}
.articleButtons .flexIcon span { color: var(--brand-color-2); transition: all 0.5s ease-in-out;}
.articleButtons .flexIcon .icon { background:rgba(33, 162, 222, 0.1); color: var(--brand-color); transition: all 0.5s ease-in-out;}
.articleButtons .next {direction: rtl;}
.articleButtons .line { display: block; width: 1px; height: 50px; background: var(--border-color);}
.articleButtons b {display: inline-block;direction: ltr; line-height: 1.8;text-transform: uppercase;font-size: 14rem;font-weight: 600;}
/*aside*/
.asideBlog { display: flex; flex-direction: column; gap: var(--space-2x);}
.asideBlog .title { font-size: 18rem; font-weight: 600;}
.asideBlog .borderButton {display: block;}
.asideBlog .groupForm { margin: 0;}
.shareButtons { display: flex; gap: 10px;}
.taguri {margin-top: var(--space); color: var(--text-color); pointer-events: none;}
.hrTop { margin-top: 30px !important; padding-top: 30px; border-top: 1px solid var(--border-color);}
.flexRow { display: flex; gap: var(--space);flex-direction: row;flex-wrap: wrap; align-items: center;}
/*filtre*/
.filtreArticole {align-items: flex-start;}
.filtreButoane { grid-column: 1/3; display: flex; flex-direction: column; gap: var(--space);}
.filtreButoane .title {color: var(--brand-color-2); margin-right: 16px; text-transform: uppercase; font-size: 14rem; font-weight: 600;}
.filtreButoane .borderButton { background: #ffffff;}
.searchForm {display: grid;gap:var(--space);grid-template-columns: 1fr auto;}
.searchForm input { background: #ffffff;}
#categoriesFilter {}
#categoriesFilter .borderButton.is-active { background: var(--brand-color);color: #ffffff;}
#tagsFilter .borderButton{ padding: 10px 20px;}
#tagsFilter .borderButton.is-active { color: var(--brand-color) !important;}

/* CONTACT PAGE  ========================================================================== */
#contactPage {}
#contactPage .grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-8x);}
.infoContact { display: grid; grid-template-columns: repeat(2,1fr); gap: var(--space-2x);}
.infoContact .flexIcon { line-height:1.2;background: hsl(228deg 53% 35% / 5%);align-items: flex-start; flex-direction: column; padding: var(--space-2x);}
.infoContact .flexIcon a { color: var(--text-color);}
.infoContact .flexIcon a:hover { color: var(--brand-color);}
.infoContact .icon { background: rgba(33, 162, 222, 0.1) !important;}
.infoContact .title { font-weight: 700; font-family: "Space Grotesk", sans-serif; font-size: 16rem;}
.gridHalf .mapWrapper { grid-column: 1/-1;/*height: 300px;*/}
.infoContact .flexIcon span {color: var(--text-color);}
.infoContact b { display:block; margin-top:8px;font-weight: 600;}
/*map*/
.mapWrapper {position: relative;/*padding-bottom: 56.25%;*/ overflow: hidden;height: 600px; padding: 0;}
.mapWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%; box-shadow: none;}
.mapWrapper iframe:hover { box-shadow: none;}
/* PAGE PAGINARE ========================================================================== */
.paginationPage { text-align: right; margin-top: var(--space-3x); /*grid-column: 1 / -1;*/}
.paginationPage svg { height: 20px;}
.paginationPage .page-item.previous, .paginationPage .page-item.next {display: none !important;}
.paginationPage .flex {display: flex; gap: 10px; align-items:center; justify-content: flex-end;}
.paginationPage a, .paginationPage  span { align-items: center;justify-content: center;margin-left: 3px;padding: 5px;height: 40px;display: inline-flex;width: 40px;color: var(--text-color);border: 1px solid transparent;font-weight: var(--article-title-weight);}
.paginationPage .active span{ color: var(--brand-color-3); border-color: var(--border-color);}
.paginationPage a:hover {color: var(--brand-color-3); }

/* MAIN SLIDER ========================================================================== */
/*slider home*/
.heroSwiper { width: 100%; height: calc(100dvh - 128px); min-height: 640px;overflow: hidden;}
.heroSwiper .swiper-slide { position: relative; }
.heroSwiper .svgShape  { bottom: -1.2vw;z-index: 1; }
.swiper-slide:before { background: var(--gradient-hero);opacity:0.6;position: absolute;z-index:2;top: 0;right: 0;bottom: 0;left: 0;content: '';pointer-events: none;/*opacity: 0.7;*/}
.sliderImage { position:relative; z-index:1;width: 100%; height: 100%; display: block; object-fit: cover;}
.swiper-button-next, .swiper-button-prev { color: var(--gray-color);}
.autoplay-progress{--progress: 0;/* 0..1 */--circumference: 125.6;/* 2 * PI * 20 */position: absolute;right: 10px;bottom:4vw;width: 56px;height: 56px;z-index: 20;display: grid;place-items: center;pointer-events: none;}
.autoplay-progress svg{width: 56px;height: 56px;transform: rotate(-90deg); /* start sus */}
.autoplay-progress circle{fill: none;stroke-width: 2;}
.autoplay-progress__bg{opacity: .25;stroke: var(--gray-color);}
.autoplay-progress__fg{stroke: var(--gray-color);stroke-linecap: round;stroke-dasharray: var(--circumference);stroke-dashoffset: calc(var(--circumference) * (1 - var(--progress)));}
.autoplay-progress__text{position: absolute;font-size: 12px;line-height: 1;color:var(--gray-color);font-weight: 600;}
.svgShape * { fill: var(--gray-color);}
.svgShape, .svgShapeDark {left: 0; right: 0; width: 100%;position: absolute; pointer-events: none;display: block; line-height: 0;margin: 0;}
/*text slider*/
.textSlider {position: absolute;z-index: 3;top: 50%;transform: translateY(-50%) !important;left: 0;right: 0;margin: auto;padding-right: 33%;}
.textSlider .accentTxt {margin-bottom: var(--space-3x); display: block;}
.textSlider .title  { font-size: 68rem; font-weight: 700; color: #ffffff; line-height: 1;}
.textSlider .subtitle  {color: var(--brand-color); text-transform: uppercase; font-weight: 600;}
.textSlider .title span {color: var(--brand-color); display: block;}
.textSlider .ornamentTxt {color: #ffffff; margin-bottom: 30px;}
.textSlider .flexButtons { display: inline-flex; gap: var(--space-2x);}
.textSlider .flexIcons {margin-top: var(--space-4x);}
.textSlider .mainButton {color: #ffffff;}
.textSlider .intro { color:#ffffff;font-weight: 300;margin-bottom: 30px;font-size: 20rem;}
/*flex icons*/
.flexIcons { display: inline-flex; gap: var(--space-4x);}
.flexIcon { display: inline-flex; gap: var(--space); align-items: center; line-height: 1; }
.flexIcon .icon {color: var(--brand-color); background-color: rgba(255, 255, 255, 0.1);    display: flex;width: 48px;height: 48px;align-items: center;justify-content: center;}
.flexIcon span {color: #ffffff;}
.flexIcon svg { width: 24px; height: 24px;}
/*.flexIcon svg * { fill: var(--brand-color);}*/
.flexIcon .title {font-size: 48rem; font-family:"Space Grotesk", sans-serif; font-weight: 700; margin-top: var(--space);}
/* PAGE HOME  ========================================================================== */
#homePage {}
/*despre home */
#despreHome { padding-top: var(--space-8x);}
#despreHome .logo {width: 100%;padding-bottom: var(--space-3x);margin-bottom: var(--space-3x); display: block;border-bottom: 1px solid var(--border-color);}
.gridHalf { display: grid; gap: var(--space-8x); grid-template-columns: 1fr 1fr; align-items: center;}
/*.gridHalf:not(:first-of-type) { margin:var(--space-8x) 0 var(--space-6x);}*/
.flexTable {}
.flexTable li { display: flex; gap: var(--space); justify-content: space-between; align-items: center; font-size: 16rem;margin-bottom: var(--space);}
.flexTable li span { display: inline-block;}
.flexTable li .skew {transform:skewX(-6deg);}
.flexTable li:nth-child(even) .skew { background:hsl(228deg 53% 35% / 5%); color: var(--brand-color-2);}
.flexTable li:nth-child(odd) .skew { background:hsl(199deg 74% 50% / 10%); color: var(--brand-color);}
.flexTable li .skewBack {padding: var(--space) var(--space-2x); font-weight: 600; transform: skewX(6deg);}
.shapeContainer {position: relative;}
.shapeContainer .whiteBg { position: relative;z-index: 1; padding:var(--space-4x); box-shadow: 0 20px 60px -15px hsl(228 53% 35% / .25); border:1px solid var(--border-color);}
.shapeContainer:before {content:'';position: absolute;bottom:-21px; right:-21px;width:128px;height:128px;background:hsl(199deg 74% 50% / 10%);clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 30% 100%, 0px 70%);}
.shapeContainer:after {content:'';position: absolute;top:-21px; left:-21px;width:96px;height:96px; background:hsl(228deg 53% 35% / 5%);clip-path: polygon(30% 0px, 100% 0px, 100% 70%, 70% 100%, 0px 100%, 0px 30%);}
.shapeContainer .imgBox { box-shadow: 0 20px 60px -15px hsl(228 53% 35% / .25); border:1px solid var(--border-color);}
.shapeContainer .imgBox img { object-fit: cover; height: 100%; width: 100%; display: block; position: relative; z-index: 1;}
/*harta home */
#hartaHome { position: relative; padding-bottom: var(--space-8x); min-height: 500px; }
#hartaHome svg { display:block;  }
#hartaHome:after {content:'';background-color: #293688;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23293688' stroke-width='.5' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(12.55) translate(-920.32 -690.24)'%3E%3Cuse fill='%2336408b' href='%23s' y='2'/%3E%3Cuse fill='%2336408b' href='%23s' x='1' y='2'/%3E%3Cuse fill='%2341498f' href='%23s' x='2' y='2'/%3E%3Cuse fill='%2341498f' href='%23s'/%3E%3Cuse fill='%234a5292' href='%23s' x='2'/%3E%3Cuse fill='%234a5292' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(12.55) translate(-920.32 -690.24)'%3E%3Cg fill='%23525995'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(12.55) translate(-920.32 -690.24)'%3E%3Cg fill='%23525995'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(12.55) translate(-920.32 -690.24)'%3E%3Cg fill='%235a6098'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(12.55) translate(-920.32 -690.24)'%3E%3Cg fill='%23293688'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%2360669b'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(12.55) translate(-920.32 -690.24)'%3E%3Cg fill='%2322A1DB'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(12.55) translate(-920.32 -690.24)'%3E%3Cg fill='%2322A1DB'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(12.55) translate(-920.32 -690.24)'%3E%3Cg fill='%2322A1DB'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");background-attachment: fixed;background-size: cover;position: absolute; left: 0; right: 0; bottom: 0; top:0; opacity: 0.1; pointer-events: none;}
#hartaHome .title { color: #ffffff;}
#hartaHome .svgShapeDark { top: 0;transform: scale(1, -1);}
#hartaHome .svgShapeDark * { fill: hsl(210deg 20% 94% / 30%);}
#lg-map {}
#lg-map text {pointer-events: none;}
#lg-map text * { stroke: transparent; fill: var(--brand-color-2); font-size: 11px !important; font-family: "Inter", sans-serif; font-weight: 400;}
#lg-map circle { fill: var(--brand-color); stroke: transparent;transform-box: fill-box;transform-origin: center;animation: dotPulse 2s ease-in-out infinite;}
#lg-map circle:last-of-type { display: none;}
.svgContainer {max-width: 776px; margin: 0 auto;}
.lg-map-wrapper {position: relative;overflow: hidden;}
.lg-map-wrapper .mapContainer {position: relative;}
.lg-map-wrapper .lg-map-text {position: absolute;height: 100vh;width: 100vw; overflow-y: scroll;display: none;background:#000000b3;padding:140px 2vw 100px;}
.lg-map-wrapper .detailsContent {padding: 0; color: var(--text-color);overflow: hidden;position: relative;}
.lg-map-text .contentBox {background: #ffffff;padding: var(--space-8x);position: relative;max-width: 1000px;margin: 0 auto;}
.lg-map-text .content > * { margin: 0;}
.lg-map-text .overlay {position: relative;z-index: 1;}
.lg-map-text.active {position: fixed;display: block;left: 0;right: 0;bottom: 0;top: 0;z-index: 99;margin: auto;}
.closetTxtArea {position: absolute;height: auto;width: auto;left: auto;z-index: 18;border-radius: 50%;padding: 8px;top:var(--space);right:var(--space);color: #ffffff !important;font-family: inherit;font-weight: 400;font-size: 12px;line-height: 36px;border: 1px none #ffffff;box-shadow: 1px 1px 3px 0 rgb(2 2 2 / 23%);text-shadow: 0 0 0 rgb(0 0 0 / 23%);background:var(--brand-color-2);}
.tooltip {position:fixed;display:none; line-height: 1em;padding:8px 5px;font-size:14px;font-weight:bold;border:1px solid #262626;background:#f2f2f2;-moz-border-radius: 4px; /* FF1-3.6 */-webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android <1.6 */border-radius: 4px 4px 4px 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ *//* useful if you don't want a bg color from leaking outside the border: */-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;}
.mouse-position{position: fixed;top: 0;left: 0;background: #000;color: #fff;font-size: 14px;padding: 10px;}
.lg-map-text.active::-webkit-scrollbar { width: 0;}
.lg-map-text.active::-webkit-scrollbar-track { background: transparent;}
.lg-map-text.active::-webkit-scrollbar-thumb {height: 0.3125em; outline: none;background-color: transparent;}
.lg-map-img { display: block; object-fit: cover; width: 100%; height: 100%; position: absolute; pointer-events: none; top: 0;right: 0; opacity: 0.2;}
/*harta popup*/
.details {margin-bottom: var(--space-2x); display: block;}
.details summary {cursor: pointer;display:flex; justify-content: space-between; align-items: center; font-size:var(--article-title-size);background:hsl(228deg 53% 35% / 5%); ;font-weight: 600;padding:var(--space-2x) var(--space-2x) var(--space-2x) var(--space-4x);position: relative;transition: all 0.2s linear;}
.details summary:hover {}
.details summary::marker {content: '';}
.details summary::after {font-size: 24px;content: '+'; width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center; background: rgba(33, 162, 222, 0.1); color: var(--brand-color);}
.details[open] summary {}
.details[open] summary::after { content: '-';}
.detailsContent { color: var(--text-color); padding: var(--space-2x) var(--space-4x);}
@keyframes dotPulse {
    0%   { transform: scale(1);   opacity: 1; }
    50%  { transform: scale(1.5); opacity: 0.7; }
    100% { transform: scale(1);   opacity: 1; }
}

/*servicii home */
#serviciiHome { padding-bottom: var(--space-8x);}
#serviciiHome .flexButtonsCenter { margin-top: var(--space-8x);}
/*noutati home */
#noutatiHome .flexButtonsCenter { margin-top: var(--space-8x);}
/*info home */
#infoHome { position: relative; padding-bottom: var(--space-8x);}
#infoHome .svgShapeDark { position: absolute;width: 100%;}
#infoHome .svgShapeDark:first-of-type { bottom:calc(100% - 1px); fill: var(--brand-color-2);}
#infoHome .svgShapeDark:last-of-type { bottom: 0;}
#infoHome .title { color: #ffffff;}
.svgShapeDark:last-of-type * { fill: hsl(210deg 20% 94% / 30%);}
.infoGrid { display: flex; justify-content: space-around;}
.infoGrid .flexIcon { flex-direction: column;}

/* PAGE DESPRE  ========================================================================== */
#cariere {position: relative; padding-bottom: var(--space-8x);}
#cariere .svgShapeDark { bottom: 0;}
.historyContainer {position: relative;}
.historyContainer .verticalLine {position: absolute;top: 0;bottom: 0; left: 0;right: 0;margin: auto; width: 4px; height: 100%; background: #dadde7; display: inline-block;}
.historyItem { display: flex; gap: 20rem; align-items: center;}
.historyItem:nth-of-type(even) {text-align: left;flex-direction: row-reverse;--tw-space-y-reverse: 0;margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom: calc(3rem * var(--tw-space-y-reverse));}
.historyItem:nth-of-type(odd) {flex-direction: row; text-align: right;}
.historyItem:nth-of-type(even) .flex {display: block; }
.historyItem .flex {flex: 1 1 0;}
.historyItem .mainColorBg { width: 18px; height: 18px; border-radius: 50%; position: relative;z-index: 1; border:4px solid #ffffff;}

/* PAGE ZIGZAG CONTENT (table class) ========================================================================== */
.zigzagContent { position: relative; z-index: 4;}
.zigzagContent .row { display: grid; align-items: center; grid-template-columns: 1fr 1fr; gap:var(--space-8x); margin-bottom: var(--space-8x);}
.zigzagContent .row:last-of-type { margin: 0;}
/*.zigzagContent .lightgalleryEditor { display: block; overflow: hidden;}*/
/*.zigzagContent .lightgalleryEditor img { display: block;width: 100%;height: 100%; object-fit: cover; border-radius: var(--radius-main);}*/
.zigzagContent .mainButton { margin-top: 30px;}

/* PAGE FOOTER  ========================================================================== */
#pageFooter { background: var(--brand-color-2); color: var(--footer-color); font-weight: 300;}
#pageFooter img{width: 370px;filter: brightness(0) invert(1);}
#pageFooter li > svg { width: 16rem;}
#pageFooter li:not(.title):not(.flexIcon) { display: grid;grid-template-columns: auto 1fr;gap: 8px;line-height: 1.7;}
#pageFooter .flexFull { gap: var(--space-8x);}
#pageFooter li:not(:first-of-type) ul { margin-top: var(--space-3x);}
#pageFooter .title { color: #ffffff; font-weight: 500; margin-bottom: var(--space-3x);}
#pageFooter li a { color: var(--footer-color); }
#pageFooter li a:hover { color: #ffffff; }
#pageFooter ul { max-width: 350px;}
#pageFooter .intro { max-width: 40%; display: inline-flex; flex-direction: column; gap: 30px;}
#pageFooter .socialmedia { margin: 0;}
.developer { border-top:1px solid rgb(201 179 152 / 29%); padding: var(--space-3x) 0 var(--space-8x); font-size: 14rem;}
/*social media*/
.socialmedia { display: flex; gap: var(--space-2x); }
.socialmedia a {color:#ffffff;}
/* PAGE SCROLL UP TO PAGE  ========================================================================== */
.upPage { position: fixed; z-index: 3; border-radius: 50%; transition: all 0.3s ease-in-out; right: 10px; bottom: 20px; display: none;overflow: hidden;align-items: center; justify-content: center; width: 40px;height: 40px; background: var(--brand-color-2); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);}
.upPage i {color: #ffffff;font-size: 1em;line-height: 1em; margin: 0;}
.upPage:hover { background: var(--brand-color); }
/* PAGE POLITICA  ========================================================================== */
.gdprBox { /*overflow: hidden;*/ width: 280px;}
.politica { display: block; width: 280px; height: 37px;padding: 5px; color: var(--text-color);}
.politica input[type="checkbox"] { width: auto; margin-bottom: 0; vertical-align: middle;}
.politica label { width: auto; font-size: 12px; line-height: 12px;}
.politica i { font-weight: bold;}
.politica a { color: var(--text-color);}
.containerLabel {text-align: left; position: relative; display: block; padding-left: 30px; cursor: pointer; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none;}
.containerLabel input { position: absolute; cursor: pointer; opacity: 0;}
.checkmark { position: absolute;top: 0; left: 0; width: 25px; height: 25px; border: 1px solid var(--border-color); background: transparent;}
.checkmark:after { position: absolute; display: none; content: "";}
.containerLabel input:checked ~ .checkmark:after { display: block;}
.containerLabel .checkmark:after { top: 3px;left: 3px;content: '\f00c ';color: var(--text-color);font-family: FontAwesome;font-size: 18px;line-height: 18px;}
.QapTcha { width: 280px;margin: 15px 20px 0 0; padding: 5px; float: none; overflow: hidden;}
.QapTcha .bgSlider { border: 1px solid var(--border-color); background: transparent;}
.QapTcha .fa-check { top: 9px; left: 9px; color: var(--text-color);}
.QapTcha .dropError { color: var(--text-color);}
.QapTcha .dropSuccess { color: var(--text-color);}
/* ==========================================================================
   PLUGINS
   ========================================================================== */
/* MMENU  ========================================================================== */
.mm-wrapper__blocker { background: rgba(0, 0, 0, 0.8);}

/* LIGHT-GALLERY  ========================================================================== */
.lg-outer .lg-thumb-item { border-color: transparent; border-radius: 5px;}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: var(--brand-color);}
.lg-outer .lg-thumb-item img { opacity: 0.5;}
.lg-outer .lg-thumb-item.active img { opacity: 1;}
.lg-backdrop { background-color: rgba(0, 0, 0, 0.9);}
.lg-outer .lg-thumb-outer {background-color: rgb(0, 0, 0); }
.lg-next, .lg-prev { padding: 12px 21px 14px; border: 1px solid rgba(255, 255, 255, 0.25);}
.lg-next, .lg-prev, .lg-next:focus, .lg-prev:focus { border-radius: 5px; outline: none;}
.lg-next:before { content: '\f105'; font-family: FontAwesome;}
.lg-prev:after { content: '\f104'; font-family: FontAwesome;}
.lg-show-in .lg-next, .lg-show-in .lg-pager-outer, .lg-show-in .lg-prev, .lg-show-in .lg-toolbar { background: transparent;}
/* LENIS  ========================================================================== */
/* recomandat cu Lenis: fără scroll-behavior smooth pe html/body */
html {scroll-behavior: auto;}
/* PACE LOAD  ========================================================================== */
/*.pace { position: fixed;z-index: 2000000004;top: 0;left: 0;width: 100%;height: 100vh; }
.pace-cover {position: fixed;z-index: 2000000003;top: 0;left: 0;width: 100%;height: 100vh;-moz-user-select: none;-ms-user-select: none;-webkit-user-select: none;user-select: none;text-align: center;pointer-events: none;background-color: #ffffff; }
.pace-progress { position: absolute;z-index: 2000000005;top: 0;right: 100%;width: 100%;height: 5px;background: var(--brand-color); }
.pace-inactive, .pace-done .pace-cover { display: none; }
.pace-inactive .pace-progress { display: none; }
.preloaderContainer {}
.preloaderContainer .shape { position: absolute; left: 0; right: 0; top: 0;bottom: 0; margin: auto; width: 150px;height: 150px;}
.preloaderContainer .shape1 {animation: tr1 2s linear infinite;}
.preloaderContainer .shape2 {animation: tr2 2s linear infinite;}
@keyframes tr1 { from {transform: translateX(15px);} to {transform: translateX(0);} }
@keyframes tr2 { from {transform: translateX(-15px);} to {transform: translateX(0);} }*/
/* SCROLL BAR  ========================================================================== */
body::-webkit-scrollbar { width: 5px;}
body::-webkit-scrollbar-track { background: var(--brand-color);}
body::-webkit-scrollbar-thumb {height: 50px; outline: none;background-color: var(--brand-color-2);}


.fadeUp, .fadeLeft, .fadeRight {
    /*opacity: 0;*/
    will-change: transform;
}

.fadeUpBtn{
    opacity: 0;
    transform: translateY(20px);
    will-change: transform;
}