/*! normalize.css v1.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; }
body { margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
h1 { font-size: 2em; margin: 0.67em 0; }
h2 { font-size: 1.5em; margin: 0.83em 0; }
h3 { font-size: 1.17em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.67em; margin: 2.33em 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
mark { background: #ff0; color: #000; }
p, pre { margin: 1em 0; }
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
dl, menu, ol, ul { margin: 1em 0; }
dd { margin: 0 0 0 40px; }
menu, ol, ul { padding: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; }
/* GENERAL  ========================================================================== */
:root {
    --brand-color: #1a92cf/*00a1d6*/;
    --blue-color: #00aeef;
    --orange-color: #fe761b;
    --text-color: #4b5054;
    --radius-main: 10px;
    --header-space: 30px;
    --section-title-size: 32rem;
    --section-title-weight: 500;
    --section-title-margin: 0;
    --section-margin: var(--space-2x);
    --section-intro-size: 22rem;
    --article-title-size: 24rem;
    --article-title-weight: 600;
    --article-title-style: uppercase;
    --section-space: 30px;
    --wrapper-width: 1400px;
    --space: 30px;
    --space-half: calc(var(--space) / 2);
    --space-2x: calc(var(--space) * 2);
    --space-3x: calc(var(--space) * 3);
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
figure { margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }

/* ==========================================================================
   Tables
   ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }


/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
html, button, input, select, textarea { color: #222; }
html { font-size: 1em; line-height: 1.4; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, img, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
.generalPadding { padding: 60px 0; }
/* ======= NOTIFICATIONS, SUCCESS, ERRORS ======= */
.noResults {
    display: inline-block; width: 80%; margin: 40px 10%; padding: 15px 30px; text-align: center; background: #0072bc; color:#fff; font-weight: 600;
    -webkit-border-radius: 10px; border-radius: 10px;
}
.successMessage { color: #6aa002; font-size: 18px; font-weight: 800; margin: 20px 0;}
.errorMessage { color: #ed5a10; font-size: 18px; font-weight: 800; margin: 20px 0;}

#pgError { padding: 0 0 5% 0;}
#pgError h2 { color: #0072bc;}
#pgError ul li { list-style-type: none;}
#pgError li::before { content: "• "; color: #0072bc; margin-right: 3px;}

INPUT.error, SELECT.error, TEXTAREA.error, INPUT.error-js, SELECT.error-js, TEXTAREA.error-js, .error { border: 1px solid #ed5a10 !important; }


/* ======= TIPSY TOOLTIP ======= */
.tipsy { font-size: 13px; position: absolute; padding: 5px; z-index: 100000; }
	.tipsy-inner { background-color: #172125; color: #FFF; max-width: 300px; padding: 5px 8px 4px 8px; text-align: center; }

	.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #172125; }

	/* Rules to colour arrows */
	.tipsy-arrow-n { border-bottom-color: #172125; }
	.tipsy-arrow-s { border-top-color: #172125; }
	.tipsy-arrow-e { border-left-color: #172125; }
	.tipsy-arrow-w { border-right-color: #172125; }

	.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
	.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
	.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
	.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
	.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
	.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
	.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
	.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
    
/*====================================================================================================================================*/
/* ======= SEARCHBOX ======= */
.ui-helper-hidden-accessible{ position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; overflow:hidden; margin:-1px; padding:0; border:0; }
.ui-autocomplete{ position:absolute; top:0; left:0; width:auto; padding:0; border:1px solid #424242; background:#fff; list-style-type:none; cursor:default; }
	.ui-autocomplete-category{ display:block; padding:5px 7px; color: #971748; }
	.ui-autocomplete LI.ui-menu-item{ padding:0; }
		.ui-autocomplete LI.ui-menu-item A{ display:block; padding:3px 10px; color:#222;  background: #fff; line-height: 30px; text-shadow: none;}
			.ui-autocomplete LI.ui-menu-item A:hover{ color:#7FBD8B; }
	.ui-state-focus{ background:#7FBD8B !important; color:#fff !important; }
.highlight {
	padding:1px; background-color: #7FBD8B; color: #fff;
	-moz-box-shadow: 0 0 2px 0 rgba(161, 161, 161, 0.7); -webkit-box-shadow: 0 0 2px 0 rgba(161, 161, 161, 0.7); box-shadow: 0 0 2px 0 rgba(161, 161, 161, 0.7);
}
/*====================================================================================================================================*/

/* ======= ADMIRAL ======= */
.noMargin {margin:0 !important;}
.noMarginTop {margin-top:0 !important;}
.noMarginRight {margin-right:0 !important;}
.noMarginLeft {margin-left:0 !important;}
.noBorderBottom {border-bottom:0 !important;}
/*====================================================================================================================================*/

/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.floatLeft { float: left;}
.floatRight { float: right;}

/* ==========================================================================
   Map
   ========================================================================== */
#map_div{ height:300px; width:100%;}


/* ==========================================================================
   Custom styles
   ========================================================================== */
BODY { background-color: #fff;}
.ui-content { background-color: #fff;}
.wrapper { width: 1200px; margin: 0 auto;}

/* ======================================== GENERAL STYLES================================== */
.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: -1px;}

* { box-sizing: border-box;}
a { text-decoration: none; color: #2166AA;}
a:focus { outline: none;}
p { margin: 0; line-height: 36px; font-size: 14px;}
ul { margin: 0; padding: 0; list-style-type: none; line-height: 36px;}
/*ul li::before { content: "• "; color: #e80071; margin-right: 3px; font-size: 120%;}*/
h1, h2, h3, h4 { margin: 0;}
h1 { font: 48px "Open Sans", sans-serif; text-transform: uppercase; font-weight: 700; margin-bottom: 60px;}
h2 { font: 30px "Open Sans", sans-serif; text-transform: uppercase; font-weight: 700; margin-bottom: 25px;}
h3 { font: 18px "Open Sans", sans-serif; text-transform: uppercase; font-weight: 700; margin-bottom: 30px;}
/* position*/
.helperM { display: table-cell; vertical-align: middle;}
.centerV { display: inline-block; height: 100%; vertical-align: middle;}
.tableBox { display: table; height: 100%;}
/* BG*/
.blackBg { background-color: #000;}
/* boxes*/
.box4 { float: left; width: 23.5%; margin-right: 2%; overflow: hidden;}
    .box4:nth-of-type(4n+4) { margin-right: 0;}
.box2 { float: left; width: 45%;}
    .box2:nth-of-type(even) { margin-right: 0;}
    .box2:nth-of-type(odd) { margin-right: 5%;}
/* butons*/
.blueButton { display: inline-block; padding: 15px 40px; background-color: #00aeef; color: #FFFFFF; text-decoration: none; border: 1px solid #00aeef; text-transform: uppercase;}
    .blueButton i { margin-left: 10px;}
    .blueButton:hover { background-color: transparent; color: #00aeef;}
/* ======================================== HEADER ================================== */
header {
    background: url("../img/SliderPricoprep3.jpg"); background-position: bottom center; background-size: cover; background-repeat: no-repeat;
    position: relative; overflow: hidden;}
.customHeader {
    background: url(../img/bannerResponsive.jpeg); background-size: 100%; }
    .customHeader #boxVSL, .customHeader #imgMama { display: none;}
    .customHeader #bannerHeader { height: 222px;}
#nav { position: relative; height: 65px; line-height: 65px; z-index: 100;}
    #nav li { display: inline-block; margin-right: 30px;}
        #nav li a { color: #fff; font-weight: 700; font-family: "Open Sans", sans-serif;}
        #nav li a:hover, #nav li .active { color: var(--orange-color)/*#F8EC1A*/;}
    #nav li img { max-width: 126px;}
.fixed { position: fixed; top: 0 !important; left: 0; right: 0; z-index: 100; background: /*url(../img/noise.png),*/ /*#b7b7b7*/  #00aeef;
    -webkit-box-shadow: 4px 4px 5px 1px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 4px 4px 5px 1px rgba(0, 0, 0, 0.27);
    box-shadow: 4px 4px 5px 1px rgba(0, 0, 0, 0.27);}
#bannerHeader { position: relative; height: 600px;}
#boxVSL { position: absolute; top: 65px; left: 0; z-index: 2;}
    #boxVSL img { width: 300px; margin-bottom: 30px;}
    #boxVSL h1 { /*color: #F8EC1A#0072bc*/; font-weight: bold; font-size: 35px; margin: 0;}
    #boxVSL p { font-size: 26px; line-height: normal; font-family: "Open Sans", sans-serif;}
    #boxVSL span { color: var(--blue-color);}
#imgMama { position: absolute; bottom: 0; right: -10vw; width: 650px;  z-index: 1; display: none;}
#imgMamaFull { position: absolute; bottom: 0; right: 0; width: 100vw;  z-index: 1; display: none;}
svg { display: inline-block; position: absolute; top: 0; left: 0; }
.container { position: absolute; bottom: -14vw; width: 101%; z-index: 10;
    -webkit-transform: rotate(180deg) scaleX(-1);
    -mox-transform: rotate(180deg) scaleX(-1);
    transform: rotate(180deg) scaleX(-1);}
.shadow { -webkit-box-shadow: 4px 4px 5px 1px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 4px 4px 5px 1px rgba(0, 0, 0, 0.27);
    box-shadow: 4px 4px 5px 1px rgba(0, 0, 0, 0.27);}
.fix { background: #FFFFFF; margin-top: -1px; position: relative;}
/* ======================================== MAIN ================================== */
#tabelBacterii { position: relative;  /*height: 900px;*/}
#tabelBacterii > table > tbody { width: 53%;display: flex;flex-direction: column; }
    #tabelBacterii table { position: relative; margin-top: 50px;}
        #tabelBacterii table td:first-child { padding-right: 30px;}
        #tabelBacterii table td { padding: 30px 0;}
        #tabelBacterii table tr { position: relative; padding-bottom: 30px;}
        /*#tabelBacterii table tr:first-child:after { position: absolute; content: ''; width: 0;}*/
        #tabelBacterii table tr:after { position: absolute; content: ''; width: 98%; height: 2px; background: #00a1d6; left: 0; right: 0; margin: auto;}
    #tabelBacterii h3 { margin: 0;}
        #tabelBacterii h3 img { width: 40px; margin-right: 20px;}
    #tabelBacterii p { font-family: "Open Sans", sans-serif; font-weight: 100; font-size: 16px; line-height: 24px;}
#cutie { position: relative; height: 125px; }
    #cutie img { position: absolute;top: -7vw;z-index: 12;width: 15vw;}
    #cutie div { display: inline-block; margin-left:  12vw; text-align: right;}
    #cutie h1 { font-size: 30px; margin: 0;}
    #cutie p { font-size: 30px; font-family: "Open Sans", sans-serif; font-weight: 100;}
#legenda {}
    #legenda p { font-size: 12px; line-height: 18px;}
    #intestin { position: absolute; right: -10%;top: -3%;}
#administrare { width: 50%; margin: 50px 0;}
    #administrare h1 { margin-bottom: 30px; font-size: 30px;}
    #administrare img { width: 320px; margin: 30px 0;}
#continut { text-align: center; padding: 60px 0;}
    #continut img { width: 60%;}
#materiale { margin-bottom: 80px; margin-top: 30px; }
    #materiale div { float: left; width: 48%; margin-right: 4%;}
        #materiale div:last-of-type { margin-right: 0;}
    #materiale h3 { margin: 0 0 2px 0; padding: 15px 20px 10px 20px; font-size: 28px; font-weight: bold; text-transform: none;}
    #materiale li { margin-bottom: 2px; padding: 10px 20px 10px 20px; font-size: 20px;}
    #materiale a { color: #000000;}
        #materiale a:hover { color: #0a70af;}
    #materiale i { margin-right: 20px;}
#downloads {}
    #downloads h3 { background: rgba(249, 215, 106, 0.75);}
    #downloads li { background:#F9D76A; }
#links {}
    #links h3 { background: rgba(187, 216, 244, 0.75);}
    #links li { background: #BBD8F4;}
#locatii { position: relative; background: var(--blue-color); color: #FFFFFF;}
    #selectLocalitati h3 { margin-bottom: 0; }
    #selectLocalitati { padding: 20px 0;display: flex;align-items: center;text-align: center; gap: 15px; }
    #selectLocalitati h2 { display: inline-block; vertical-align: middle; margin: 0 30px 0 0;}
    #selectLocalitati select { padding: 12px 25px; border: 1px solid #FFFFFF}
#map { height: 500px; background: #eeeeee; color: #000000;}
    #map h3 { margin: 0 0 10px 0; color: #0069aa; font-size: 20px;}
    #map p { line-height: 24px;}
/* ======================================== TERMENI SI CONDITII ================================== */
#termeni { margin-bottom: 80px;}
    #termeni p { font-size: 16px; line-height: 1.7; margin-bottom: 20px;}
/* ======================================== PRIMA-PAGINA ================================== */
/* Cancerul colorectal FAQ*/
details {display: block;}
summary {display: list-item;}
summary::marker { content: '\2b'; font-family: FontAwesome; }
details[open] summary::marker { content: '\f068'; font-family: FontAwesome; }

details[open] summary { color: var(--blue-color); background: #fff;border-color: rgba(30, 90, 215, 0.3); }
details p { line-height: normal; padding-left: 20px; padding-top: 20px; max-width: 90%; }
summary { font-weight: 600; padding: 15px 20px;background: #fff;cursor: pointer;border: 1px solid rgba(119, 119, 119, 0.1);-webkit-box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.05);box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.05);position: relative;z-index: 1;-webkit-transition: all .3s;transition: all .3s;border-radius: 30px; }
#faq details ul { list-style-type: disc;list-style-position: inside;margin-left: 20px; padding-top: 20px; }
details:not(:first-child) { margin-top: 20px; }
summary { display: flex;justify-content: space-between;align-items: center;font-weight: 600;padding: 15px 20px;background: #fff;cursor: pointer;border: 1px solid rgba(119, 119, 119, 0.1);box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.05);position: relative;z-index: 1;transition: all 0.3s;border-radius: 30px; }
.toggleIcon { position: relative; font-weight: 900;margin-left: auto;padding-left: 10px; }
details > summary:after { content: "\2b"; margin-left: 10px; }
details[open] > summary:after { content: "\2212"; }
.colorectalSection { background: #ffffff; padding: 60px;margin: auto;width: 90%;border-radius: 26px; }
/*.navItem.active { background-color: rgb(0 67 205 / 52%);color: white;font-weight: bold; transition: background-color 0.3s ease, color 0.3s ease; }*/
.navTabs ul { display: grid;grid-template-columns: repeat(4,1fr);gap: 12px; font-size: 14px; padding: 40px 0; }
/*.itemBox { display: none; opacity: 0;transition: opacity 0.5s ease; }*/
/*.itemBox.active { display: flex; opacity: 1; }*/
li.navItem { border: 1px solid rgba(30, 90, 215, 0.3);color: black;padding: 1px 10px;cursor: pointer; }
.itemImage { width: 50%; }
.itemImage img { width: 100%; height: 100%; object-fit: cover; border-radius: 28px; }
.itemBox { width: 50%; }
.itemBox p { line-height: 28px; }
.active .itemText { width: 50%; display: flex;flex-direction: column;justify-content: center; }
.itemBox { display: none;opacity: 0;transform: scale(0.95);transition: opacity 0.6s ease, transform 0.6s ease; }
.itemBox.active { display: flex !important;opacity: 1; width: 100%; gap: 30px;transform: scale(1); }
#faq > div.colorectalSection > div.topColorectalSection > h3 { font-size: 32px; }
.navItem.active { display: flex;background-color: #00a1d6;color: white;font-weight: bold;transition: all 0.3s ease; }
.subTitle { position: relative; font-size: 14px;font-weight: 600;line-height: 19.6px;letter-spacing: 1.4px;text-transform: uppercase;color: var(--blue-color);display: inline-block;padding-left: 20px;margin-bottom: 10px; }
.subTitle:before { content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);background: var(--brand-color);border-radius: 50%;width: 8px;height: 8px;}
/*Referinte*/
.referinte { background: #f9f9f9;padding: 30px;border-radius: 12px;font-family: 'Segoe UI', sans-serif;max-width: 100%;margin: auto auto 60px auto;box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.referinte h2 { font-size: 16px;margin-bottom: 15px;color: #2c3e50;border-bottom: 2px solid #ccc; padding-bottom: 8px; }
.referinte ol { padding-left: 15px; }
.referinte li { margin-bottom: 10px;line-height: 1.5; }
.referinte .numere { font-weight: bold;color: var(--brand-color); }
/*referinte Articol*/
.referinteArticol { padding-left: 20px; }
.referinteArticol ul li { font-size: 11px; }
.referinteArticol h3 { margin-bottom: 15px; font-size: 16px; margin-top: 20px; color: #000000; }
.referinteArticol ul { line-height: 20px; padding-left: 10px; }
/*despre colonoscopie*/
.contentCard ul { display: flex;font-size: 14px;flex-direction: column;list-style-type: disc;list-style-position: inside;line-height: 22px; }
.bgCards { background: linear-gradient(135deg, #f8fbfd 0%, #eaf4fb 40%, #f8fbfd 100%); padding: 60px 0; }
.cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.card { height: 350px;position: relative;background: #FFFFFF;border: 1px solid #20296E1A;border-radius: 20px;padding: 30px;overflow: hidden;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);transition: transform 0.3s ease, box-shadow 0.3s ease; }
.card h3 { font-size: 27px; margin-bottom: 20px; text-transform: unset; }
.card:hover { transform: translateY(-10px) scale(1.02);box-shadow: 0 12px 24px rgba(32, 41, 110, 0.15); }
.card:after { content: '';transition: all 300ms ease-in-out;z-index: -1;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;background: #FFFFFF;border-radius: 20px; }
.card:hover:after { background: linear-gradient(to bottom, #c7dde5 0%, #ffffff 100%);}
.contentCard { transition: transform 0.4s ease-in-out; }
.card:hover .contentCard { transform: translateY(-145px);z-index: 5;position: relative; }
.card img { width: 100%;max-width: 90px;margin-bottom: 50px;transition: opacity 0.4s ease; }
.card:hover img { opacity: 0; }
.overlay { position: relative;z-index: 2;opacity: 0;transition: opacity 0.4s ease; }
.card:hover .overlay { opacity: 1;visibility: visible;}
.card .text p { line-height: 22px;font-size: 14px;}
/*aboutSection*/
.wrapperBox { display: flex; gap: 30px; width: 100%; padding-top: 60px; height: 100%; }
.titleWrapper { font-size: 27px; font-weight: 700; }
.leftBox { width: 50%;display: flex;flex-direction: column;justify-content: center; }
.rightBox { position: relative; flex-wrap: wrap; display: flex; width: 50%; }
.wrapperImage { max-width: 100%;padding-right: 15px;padding-left: 15px;margin-top: 30px; flex: 0 0 auto; width: 50%; }
#faq > div.about.wrapper > div > div.rightBox > div:nth-child(1), #faq > div.about.wrapper > div > div.rightBox > div:nth-child(2) { width: 100%; }
#faq > div.about.wrapper > div > div.rightBox > div:nth-child(3) { width: 100%; /*height: 220px;*/ }
.wrapperImage img { width: 100%; height: 100%; object-fit: cover; }
.mainParagraph p { line-height: 24px; font-size: 14px; margin-bottom: 20px; }
.paragraph { display: flex;gap: 20px;border-bottom: 1px solid var(--blue-color);margin-bottom: 15px; padding-bottom: 15px; }
.paragraph:last-child { border-bottom: unset; }
.paragraph img { width: 40px; }
.paragraph p { line-height: 24px; font-size: 14px; }
.overlayBox { position: absolute;left: 0;right: 0; top: calc(100% - 570px);bottom: 0;margin: auto;width: 190px;height: 190px;display: flex;align-items: center;flex-direction: column;justify-content: center;text-align: center;padding: 0 0 0;background: white;border-radius: 50%;}
.overlayBox img { height: 87%; }
.overlayBox:after { width: calc(100% - 16px);height: calc(100% - 16px);content: "";border: 1px dashed var(--orange-color);border-radius: 50%;left: 0;position: absolute;top: 0;right: 0;bottom: 0;margin: auto;animation: boxRotate 15s linear 0s forwards infinite alternate; }
@keyframes boxRotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
/*brosura*/
.containerPhotos { display: flex; margin: auto auto 60px auto; }
.containerPhotos img { width: 100%; height: 820px; object-fit: cover; }

/**/
/*#selectLocalitati > div > a:nth-child(1) > h3 { position: relative; }*/
/*#selectLocalitati > div > a:nth-child(1) > h3:after {position: absolute; top: -2px; content: '|';right: -5%;transform: translate(50%);width: 100%;height: 100%;color: white; }*/
.wrapperLinks { display: flex; gap: 15px; }
.wrapperLinks a { color: #ffffff; }
    /* ======================================== CONTACT ================================== */
#contact { margin-bottom: 80px;}
    #contact form { width: 50%; float: left;}
    #contact .blueButton { float: right;}
#infoContact { float: right; width: 40%;}
    #infoContact p { font-size: 16px; line-height: 1.7em;}
form {}
    form input, form textarea { display: block; padding: 15px 30px; border: 1px solid #e4dacf; width: 100%;}
    form input { margin-bottom: 3%;}
    form textarea {margin-bottom: 20px;}
/* ======================================== FOOTER ================================== */
footer { padding: 20px 0; background: #eeeeee/*#ECECEC*/;}
    footer p { line-height: 24px; color: #000;}
#menuFooter {}
    #menuFooter img { float: left; max-width: 170px; }
    #menuFooter ul { float: right; list-style-type: none;}
        #menuFooter li { display: inline-block; margin-left: 20px;}
    #menuFooter a { text-decoration: none; color: #000000;}
        #menuFooter a:hover, #menuFooter a:focus { color: #15406a; text-decoration: underline;}
#despreMarca { margin-top: 30px;}

/* === Politica de confidentialitate === */
.politica { display: block; height: 37px; padding: 5px; margin-bottom: 20px;}
.politica input[type="checkbox"] { width: auto; vertical-align: middle; margin-bottom: 0;}
.politica label { width: auto; font-size: 12px}
.politica a:hover { text-decoration: underline;}
.polbox { display: block; position: relative; padding-left: 30px; padding-top: 3px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.polbox input { position: absolute; opacity: 0; cursor: pointer;}
.checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #fff; border: 1px solid #000000;}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after { content: ""; position: absolute; display: none;}
/* Show the checkmark when checked */
.polbox input:checked ~ .checkmark:after { display: block;}
.polbox .checkmark:after { left: 8px; top: 3px; width: 5px; height: 10px; border: solid #000; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}


.otnotice .otnotice-content .otnotice-menu {position: absolute !important;}