/* ==========================================================================
   CSS FILES
   ========================================================================== */
@import "normalize.css";

/* ==========================================================================
   WEBSITE CUSTOM
   ========================================================================== */
:root {
 --color-canvas: #ffffff;
 --color-canvas-inverted: #000000;
 --color-gray-1: #eeeeee;
 --color-gray-2: #f9f9f9;
 --color-white: #ffffff;
 --color-black: #000000;
 --color-dark-bg: #1c1c1c;
 --text-color: #242424;

 --color-brand-1: #f8ad2a;
 --color-brand-2: #ffffff;
 --color-brand-3: #ffffff;

 --color-text-1: #ffffff;
 --color-text-2: #a9a9a9;
 --color-text-inverted: #333333;
 --color-text-link: #333333;
 --color-text-placeholder: #6a6a6a;

 --color-ok: #3d8540;
 --color-warn: #da1b0c;
 --color-danger: #da1b0c;
 --color-border-1: rgba(255, 255, 255, 0.2);
 --color-border-2: rgba(0, 0, 0, 0.2);
 /*--color-border-1: #3E3E3E;*/

 --font-fam-1: 'Titillium Web', sans-serif;
 --font-size-root: 16px;

 --border-rad-1: 30px;
 --border-elements: 1px solid var(--color-border-1);
 --border-elements-dark: 1px solid var(--color-border-2);
 --box-shadow: #eb3234;

 --form-border: 1px solid var(--color-text-1);
 --form-focus: 1px solid var(--color-black);
 --width-wrapper: 1400px;
 --viewport-height: 1400px;
 --spacing-main: 30px;
 --height-header: 100px;

 --scale-px: 1px;
 --scale-rem: 1rem;
 --scale-em: 1em;
 --scale-text-px: 1px;
 --scale-text-rem: 1rem;
 --scale-text-em: 1em;
}

html { font-size: 1px;height: 100%;-webkit-overflow-scrolling: touch;scroll-behavior: smooth;overflow-x: hidden}
body { width: 100vw; background-color: var(--color-canvas); font: 300 var(--font-size-root) var(--font-fam-1); color:var(--color-text-1); line-height: 1.6;}
@media print {
 html {height: auto}
 body, html {overflow: visible}
 body {min-height: 0;width: 100%}
}

*, *::before, *::after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
a { cursor: pointer;transition: all 0.5s ease-in-out; text-decoration: none;color:var(--color-brand-1);}
a:focus { outline: none;}
button { padding: 0; cursor: pointer; color: inherit; border-width: 0; background-color: transparent;}
figure { margin: 0;}
hr { height: 1px; background: #dddddd; width: 100%; max-width: none;margin: 30px auto;border: 0;}

/* SELECTION  ========================================================================== */
::-moz-selection { background: var(--color-brand-1); color: var(--color-white);}
::selection { background: var(--color-brand-1);color: var(--color-white);}
/* SCROLL BAR  ========================================================================== */
body::-webkit-scrollbar { width: 8px;}
body::-webkit-scrollbar-track { background: #24292e;}
body::-webkit-scrollbar-thumb { height: 100px; outline: none; background-color: var(--color-brand-1);}
/* NOTIFICATIONS, SUCCESS, ERRORS   ========================================================================== */
.noResults { display: inline-block; width: 80%; margin: 20px 10%; padding: 1em 2em; text-align: center; color: #000000; border: 1px solid #dddddd;background: transparent;font-weight: 500;}
.successMessage { margin: 20px 0; color: var(--color-ok);font-weight: 600;}
.errorMessage { margin: 20px 0; color: var(--color-danger);font-weight: 600;}
.error, .message-error-container { border: 0.05em solid var(--color-danger) !important; margin-bottom: 0;}
.message-error-container { padding: 10px 10px 0 10px;}
#pgError { min-height: 60vh; display: flex; align-items: center;}
#pgError p { font-weight: 600;}
#pgError ul li { list-style-type: none;}
#pgError ul li:before { display: inline-block;width: 5px;height: 5px;margin: 0 20px 0 10px;content: "";vertical-align: middle;opacity: 0.2;border-radius: 100%;background: var(--color-white);}

 /* MAP  ========================================================================== */
#map { width: 100%; height: 600px; background: var(--color-canvas);}
.mapWrapper {position: relative;overflow: hidden; padding-bottom: 56.25%; height: 0;}
.mapWrapper iframe { position:absolute; left:0; top:0;object-fit: cover;height: 100%;width: 100%;}
/* VIDEO ========================================================================== */
.videoWrapper {position: relative;overflow: hidden; padding-bottom: 56.25%; height: 0;}
.videoWrapper video , .videoWrapper iframe { position:absolute; left:0; top:0;object-fit: cover;height: 100%;width: 100%;}

/* TYPO  ========================================================================== */
p { margin: 0;}
ol { margin: 0; padding: 0 0 0 30px;}
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; font-weight: 500; line-height: 1.2;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 600;}
h1 {margin-bottom: 2em;font-size: 42rem;}
h2 { margin-bottom: 1em; font-size: 30rem;}
h3 { margin-bottom: 1em; font-size: 24rem;}
h4 {margin-bottom: 1em; font-size: 22rem;}
h5 { margin-bottom: 1em; font-size: 20px;}
h6 { margin-bottom: 1em; font-size: 18rem;}
.bold, strong, b { font-weight: 600;}

/* BG  ========================================================================== */
.grayBg { background-color: var(--color-gray-1);}
.lightGrayBg { background-color: var(--color-gray-2); color: var(--color-text-inverted);}
.whiteBg { background-color: var(--color-white);}
.blackBg { background-color: var(--color-black);}
.mainColorBg {background:var(--color-brand-1); color: var(--color-white);}
.secondaryColorBg { background-color: var(--color-brand-2); var(--color-white);}
.glassBg { background: rgba(46, 46, 46, 0.25);overflow: hidden;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);}

/*.lightGrayBg { color: #333333;}*/
/* HELPER CLASSES  ========================================================================== */
.clearfix:before, .clearfix:after { display: table; content: " "; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.floatLeft { float: left;}
.floatRight { float: right;}
.borderTop { border-top: 1px solid #d1d1d1;}
.alignRight { text-align: right;}
.alignCenter { text-align: center;}
.shadow { box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);}
.imgContainer { overflow: hidden;}
.imgContainer img { width: 100%;object-fit: cover;height: 100%;}
.hidden { display: none !important;}

/* EDITOR  ========================================================================== */
.content {}
.content h1 { margin-bottom: 30px;}
.content h1:not(:first-of-type) { margin: 30px 0; padding-top: 30px; border-top: 1px solid #d1d1d1;}
.content h2, .content h3, .content h4, .content h5, .content h6 {}
.content p { margin-bottom: 0.9375em;}
.content b, .content strong { font-weight: 700;}
.content table { width: 100%; margin-bottom: 0.9375em; border: none;}
.content table p { margin-bottom: 0;}
.content table tr { padding: 15px 0; transition: all 0.3s ease-in-out; border-top: 1px solid #dddddd; background: transparent;}
.content table td, .content table th { padding: 15px 30px; text-align: left; border: none;}
.content table th { color: #ffffff; background: transparent;}
.content table tr:hover { background: #ffffff;}
.content a.mainButton { float: none; color: #000000;}
.content ul, .content ol { margin-bottom: 30px; list-style-type: none !important; }
.content ul li { position: relative;}
.content ul li::before { margin: 0 15px; content: "\f0da"; color: #242424; font-family: FontAwesome;}
.content ul li ul { padding-left: 1.875em;}
.content span strong { text-decoration: underline;}
.content .flex {display: flex; gap: 60px; flex-basis: auto; align-items: center;}
.content .flex .col {flex-basis: 50%;}

.content .mainButton:hover, .content .borderButton:hover, .content .download:hover { text-decoration: none;}
.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(--color-text-placeholder);}
:-ms-input-placeholder {color: var(--color-text-placeholder);}
::placeholder {color: var(--color-text-placeholder);}*/
.styleForm {}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
 -webkit-background-clip: text;
 -webkit-text-fill-color: var(--color-text-inverted);
 transition: background-color 5000s ease-in-out 0s;
 box-shadow: inset 0 0 20px 20px #23232329;
}
.groupForm { position: relative;margin-bottom: 15px;padding-top: 8px;}
.labelForm { position: absolute; top: 21px; left: 0; display: flex; align-items: center; width: 100%;transition: 0.2s ease all;white-space: nowrap;pointer-events: none;color: #6a6a6a;background: transparent;line-height: 1.4em;gap: 5px;}
.labelForm:before { display: inline-block;width: 20px;height: 0.05em;content: '';background: transparent;transition: 0.2s ease all;}
.labelForm:after { display: inline-block;width: 100%;height: 0.05em;content: ''; background: transparent;transition: 0.2s ease color;}
.inputForm, input, select, textarea {min-height: 50rem;font-size: 16rem;display: block;width: 100%; /*height: 100%;*/padding:0 20px;background: transparent;color: var(--color-text-inverted);border: var(--border-elements-dark);}
textarea.inputForm { padding-top: 15px;}
.inputForm:not(:placeholder-shown) ~ .labelForm:after, .inputForm:not(:placeholder-shown) ~ .labelForm:before { background: var(--color-border-2);}
.inputForm:not(:placeholder-shown) , .inputForm:not(:placeholder-shown) { border-top-color: transparent !important;}
.inputForm:focus, .inputForm:-webkit-autofill  { outline: none;border-color: var(--color-border-2); box-shadow: none; border-top: transparent;}
.inputForm:focus ~ .labelForm, .inputForm:-webkit-autofill ~ .labelForm, .inputForm:not(:placeholder-shown) ~ .labelForm {top: 0;font-size: 12rem;color: var(--color-text-inverted);}
.inputForm:focus ~ .labelForm:after, .inputForm:-webkit-autofill ~ .labelForm:after,
.inputForm:focus ~ .labelForm:before, .inputForm:-webkit-autofill ~ .labelForm:before {background: var(--color-border-2);}
.inputForm.error, .inputForm.message-error-container { border-top: transparent !important;}
.errorForm { font-size: 12px; color:var(--color-danger); display: block; padding-top: 4px; line-height: 1;}
.error ~ .labelForm, .message-error-container ~ .labelForm { color:var(--color-danger) !important;  top: 0;font-size: 12rem;}
.error ~ .labelForm:after,.error ~ .labelForm:before, .message-error-container ~ .labelForm:after, .message-error-container ~ .labelForm:before { background: var(--color-danger) !important;}
select.inputForm::-ms-expand {display: none;}
select.inputForm:not([value="0"]):valid ~ .labelForm {top: 0; font-size: 12rem;}
option:not(:checked) { color: #000000; }
.flexButtons {display: flex;align-items: flex-start;/* overflow: hidden; */flex-direction: row;flex-wrap: wrap;gap: 10px;text-align: center;}
.flexForm {display: flex; /*overflow: hidden; */flex-direction: row;flex-wrap: wrap; gap: 10px;}
.flexLeft {justify-content: flex-start;}
.flexRight {justify-content: flex-end;}
.flexSpace {justify-content: space-between;}
/*.flexLeft .mainButton:not(:last-child), .flexLeft .borderButton:not(:last-child) { margin-right: 10px;}*/
.gridForm {display: grid; overflow: hidden;}
.gridForm.grid2fr,.gridForm.grid3fr {grid-gap: 0 18px;}
/*.gridForm .groupForm, .flexForm .groupForm { margin-bottom: 0;}*/
.grid3fr { grid-template-columns: repeat(3,1fr);}
.grid2fr {grid-template-columns: repeat(2,1fr);display: grid;}

.mrAuto {margin-right: auto;}
.mlAuto {margin-left: auto;}
.mt10 {margin-top: 10px;}

.select2-container,.select2-container--default .select2-selection--single .select2-selection__rendered {color:var(--color-text-inverted); width: 100% !important; }
.select2-container--default .select2-selection--single { border-radius: 0;padding: 14px 20px;background-color:var(--color-gray-2);border:var(--border-elements-dark);}
.select2-container .select2-selection--single { height: 50px;}
.select2-container--default .select2-selection--single .select2-selection__rendered { min-height: 30px;line-height: normal; padding:0;}
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 99%; right: 4px;}
.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible { outline: none;}
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #000 transparent transparent transparent; border-width: 5px 5px 0 5px;}
.select2-search--dropdown, .select2-results__option { padding-left: 20px;}
.select2-container--default .select2-search--dropdown .select2-search__field { min-height: 50px;}
.select2-dropdown { border-color: #e8e8e8;}
.select2 .select2-selection--single{ background: transparent; border-top-color: transparent;}
.select2.error .select2-selection--single{ border-color: transparent;}
.select2.error { border-top-color: transparent !important;}

.select2-container--default .select2-selection--single .select2-selection__arrow b { display: block; top: 39%; height: 16px; width: 17px; background-size: 10px;   background-repeat:no-repeat;  background-position: center left;
border: none; -webkit-appearance: initial;  appearance: initial;  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='1em' stroke='black' viewBox='0 0 512 512'><path stroke-width='10' d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/></svg>");}

/* TABLES  ========================================================================== */
table { border-spacing: 0; border-collapse: collapse; }
.tableWrapper { overflow-x: scroll; width: 100%;}
.tableWrapper::-webkit-scrollbar { width: 4px;}
.tableWrapper::-webkit-scrollbar-track { background: rgba(0, 0, 0, .01);}
.tableWrapper::-webkit-scrollbar-thumb {height: 0.3125em; outline: none;background-color: #242424;}
.tabelFormatat { overflow-x: scroll;}

/* BUTONS  ========================================================================== */
.mainButton { position: relative;z-index: 1;display: inline-block;padding: 14px 30px;letter-spacing:1px;font-size:14rem;font-weight:500;border-radius: var(--border-rad-1);text-transform: uppercase;color:var(--color-white) !important;border: 2px solid rgb(162 144 97 / 100%);background:rgb(162 144 97 / 100%); transition: all .45s cubic-bezier(0.25, 1, 0.33, 1); line-height: 1em;}
.mainButton{
 background: linear-gradient(-45deg,
 #9a6418, #fabf5f, #f8ac25, #f9b646,
 #9a6418, #fabf5f, #f8ac25, #f9b646,
 #9a6418, #fabf5f);
 background-size: 400% 100%;
 background-position: 0 0;  animation: bling 10s linear infinite;
}
.mainButton:hover {}

@keyframes bling {
 0%{background-position:0 0}
 100%{background-position:100% 0}
}
/*.borderButton {position: relative;z-index: 1;display: inline-block;padding: 14px 30px;transition: all .45s cubic-bezier(0.25, 1, 0.33, 1); letter-spacing:1px;font-size:14rem;line-height: 1em;font-weight:500;border-radius: var(--border-rad-1);text-transform: uppercase;color:var(--color-brand-1);
 box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
 border: solid 2px transparent;
 background-image: linear-gradient(#f8ab21, #a1681a), linear-gradient(101deg, #fed9a4, #a1681a);
 background-origin: border-box;
 background-clip: content-box, border-box;
 box-shadow: 2px 1000px 1px #1c1c1c inset;
}
.borderButton:hover {
 box-shadow: none;
 color: white;
 background: linear-gradient(-45deg,
 #9a6418, #fabf5f, #f8ac25, #f9b646,
 #9a6418, #fabf5f, #f8ac25, #f9b646,
 #9a6418, #fabf5f);
 background-size: 400% 100%;
 background-position: 0 0;  animation: bling 10s linear infinite;
}*/
/*.borderButton::after { font-family: 'Font Awesome 6 Free';content: attr(data-ico); }*/
.borderButton { display: inline-block;
 --slist: #fabf5f, #9a6418;
 position: relative;
 border: solid 2px transparent;
 padding: 14px 30px;
 text-transform: uppercase;
 border-radius: var(--border-rad-1);
 background: linear-gradient(to right bottom, var(--slist)) border-box;
 -webkit-background-clip: text;
 background-clip: text;
 -webkit-text-fill-color: transparent;
 letter-spacing:1px;font-size:14rem;line-height: 1em;font-weight:700;
}
.borderButton:hover::after {content: '';background: rgb(255 255 255 / 0.05);filter: blur(3px);position: absolute;left: 0;top: 0;height: 100%;overflow: hidden;border-radius: var(--border-rad-1);width: 100%;}
.borderButton:hover::before {
 background: linear-gradient(-45deg,
 #9a6418, #fabf5f, #f8ac25, #f9b646,
 #9a6418, #fabf5f, #f8ac25, #f9b646,
 #9a6418, #fabf5f);
 background-size: 400% 100%;
 background-position: 0 0;  animation: bling 10s linear infinite;
}
.borderButton::before {
 content: "";
 position: absolute;
 /*z-index: -1;*/
 inset: -2px;
 border: inherit;
 border-radius: inherit;
 background: inherit;
 background-clip: border-box;
 --full: linear-gradient(purple 0 0);
 -webkit-mask: var(--full) padding-box, var(--full);
 -webkit-mask-composite: xor;
 mask: var(--full) padding-box exclude, var(--full);

}


.backButton { margin-top: 80px; float: right;}

.simpleButton { color: var(--color-brand-1); position: relative; display: flex; align-items: center;}
.simpleButton i { transition: all 0.5s ease-in-out; margin: 0 7px 0 10px; font-size: 14rem;}
.simpleButton:hover i { margin-right: 20px;margin-left: 0;}
.simpleButton.reverse:hover i { margin-left: 20px; margin-right: 0;}

.download { position: relative; display: block; padding: 15px 1.875em; color: #242424; border: 1px solid #dddddd; font-weight: 400;}
.download:after { position: absolute; top: 50%; right: 0.9375em; content: '\f15b'; transform: translateY(-50%);font-family: FontAwesome;}
.download:hover {background: #f7f7f7;}

/* ==========================================================================
   MAIN CONTAINERS
   ========================================================================== */
#my-page { overflow: hidden;}
.mainContainer { position: relative; z-index: 2; width: 100%;background: var(--color-dark-bg);padding-top: 100px;}
.comandaFinalizata { background: #FFFFFF; color: #0D0A0A; }
.comandaFinalizata .pageTitle { margin-bottom: unset; padding: calc(2* var(--spacing-main)) 0; }
.successMessageContainer { padding: calc(2* var(--spacing-main)) 0; padding-top: 0; }
.generalPadding { padding:calc(2 * var(--spacing-main)) 0;}
.wrapper {max-width:var(--width-wrapper);width: 96vw;margin: 0 auto;}
.paddingLeft {padding-left: calc((100vw - var(--width-wrapper)) / 2);}
.paddingRight {padding-right: calc((100vw - var(--width-wrapper)) / 2);}
.metalBg {background: #282828/*#232526*/;background: -webkit-linear-gradient(to right, #414345,#282828 80%);background: linear-gradient(to right, #414345, #282828 80%);}
.metalBg svg  { pointer-events: none; object-fit: cover; height: 100%; width: 100%; position: absolute; left: 0; top: 0;}

.specialBg {}
.specialBg img { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;object-fit: cover;opacity: 0.6;}
/* PAGE TITLE  ========================================================================== */
.pageTitle { margin-bottom: calc(2 * var(--spacing-main));}
.pageTitle.smb { margin-bottom: var(--spacing-main);}
.pageTitle .subtitle {}
.pageTitle .title { margin: 0;}
.pageTitle .intro {}
.pageTitle .data { margin-top: 10px;}

.pageSectionTitle {}
.pageSectionTitle .intro {}
.pageSectionTitle .title { }

.sectionTitle {}
.sectionTitle.flex { display: flex; justify-content: space-between;}
.sectionTitle .title { font-weight: 600;}

/* PAGE ZIGZAG CONTENT (table class) ========================================================================== */
.zigzagContent { table-layout: fixed; width: 100%; border: none;}
.content .zigzagContent tr,.content .zigzagContent td,.content .zigzagContent tr:hover { border: none; background: transparent; padding: 0;}
.zigzagContent tr,.zigzagContent td,.zigzagContent tr:hover { border: none; background: transparent; padding: 0;}
.content .zigzagContent p { margin-bottom: 0.9375em;}
.zigzagContent .lightgalleryEditor { position: relative; display: block; border: 1px solid #242424;}
.zigzagContent tr .lightgalleryEditor { margin: 0.9375em 0.9375em 0 0;}
.zigzagContent tr .lightgalleryEditor img { transform: translateX(0.9375em) translateY(-0.9375em); width: 100%; position: relative; z-index: -1;}
.zigzagContent tr:nth-of-type(odd) .lightgalleryEditor { margin-left: 6.25em;}
.zigzagContent tr:nth-of-type(even) .lightgalleryEditor { margin-right: 6.25em;}
.zigzagContent tr:not(:first-of-type) td { padding-top: 6.25em; }
.zigzagContent tr:not(:first-of-type) td { padding-top: 6.25em; }


/* ==========================================================================
   HEADER
   ========================================================================== */
#my-header {position: absolute;top: 0;right: 0;left: 0;background: rgba(46, 46, 46, 0.25);border-bottom: 1px solid var(--color-border-1); z-index: 100;}
#my-header:before {content:'';position: absolute;top: 0;right: 0;left: 0;bottom:0;background: rgba(46, 46, 46, 0.25);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(5px);}
#my-header .wrapper {display: flex;align-items: center;justify-content: space-between;width: 100%; max-width: 96vw;}
#my-header.scrollHeader { position: fixed;}
/*LOGO*/
#boxLogo { padding: 10px 0; text-align: center;position:relative;}
#boxLogo img {display: block;width: 130px;transition: all 0.3s ease;}
#boxLogo img:hover { opacity: 0.8;}
#boxLogo span { display: block; letter-spacing: 1px; text-transform: uppercase; font-size: 12rem; font-weight: bolder; color: var(--color-brand-1);}
/*MENU*/
@media only screen and (min-width: 1201px) {
   .wrapperMainHeader { font-size: 14rem;}
   .wrapperMainHeader .nav > li:after {content: "";height: 25px;right: 0;background: rgba(255, 255, 255, .2);width: 1px;top: 50%;transform: translateY(-50%);position: absolute;}
   .wrapperMainHeader li { position: relative;}

   .boxMenu, .boxMenu nav { display: grid; align-self: stretch; }
   .mainMenu > li {/* position: relative;*/display: inline-flex;height: 100%;margin-right: 30px;}
   .mainMenu a {position: relative;display: flex;align-items: center;color: var(--color-text-1); letter-spacing: 1px;}
   .mainMenu a.active {opacity: 1;color: var(--color-brand-1);}
   .mainMenu a:hover {opacity: 0.6;}
   /*dropdown*/
   .mainMenu li:hover .dropdown { visibility: visible;transform: translateY(0);pointer-events: auto; opacity: 1;}
   .dropdownBtn a { /*position: relative;*/}
   .dropdown { position: absolute;display: grid; grid-template-columns:repeat(4,1fr); grid-gap:20px;z-index: 10;top: 101%;visibility: hidden;min-width: 220px;height: auto;padding: 0 15px;transition: all 0.3s ease-in;transform: translateY(30px);pointer-events: none;opacity: 0;    background: rgba(0, 0, 0, 0.8);
    -webkit-backdrop-filter: blur(20px); left: 0; right: 0; padding: 30px calc((100vw - var(--width-wrapper)) / 2);
    backdrop-filter: blur(20px);box-shadow: 0 19px 35px rgb(0 0 0 / 11%); border: var(--border-elements); border-top: none;}
   .dropdown a:after { content: none;}
   .dropdown a {color:var(--color-text-2);}
   .dropdown a:hover, .dropdown a.active { color: var(--color-brand-1); opacity: 1;}

   .mobileHeader { display: none !important; }
 /*   #mobile-nav-container { display: none!important; }*/
}
[data-aos] {
 opacity: 1 !important;
 transform: none !important;
}
.carouselHomeHalf .item {
 max-width: 100%;
 box-sizing: border-box;
}
.carouselHomeHalf .item img {
 width: 100%;
 height: auto;
}
#formInregistrareContainer { width: 96vw;margin: 0 auto; }
#inregistrarePage #formInregistrareContainer { width: 100%; }

/*USER*/

/*search button*/
.noScrollBody { overflow: hidden;max-height: 100vh;}
.div-no-results { color: #0D0A0A; }
.boxSearchContainer { position: fixed; z-index: 1100; top: 0; right: 0; bottom: 0; left: 0; display: none; background: rgba(255, 255, 255, 1); }
.boxSearchContainer:after { position: absolute; top: 5%; right: 20vw; content: '\f00d '; cursor: pointer; color: var(--color-brand-1);; font-family: FontAwesome; font-size: 1.5em;}
.boxSearchContainer INPUT { box-sizing: border-box; border-radius: unset; width: 100%; padding: 18px 30px; border-bottom: 1px solid #d8d8d8; background: transparent; font-size: 20px; }
.searchBox:focus { border: 1px solid var(--color-brand-1);; }
.boxSearchContainer INPUT:focus { outline: none;}
.search-input { position: relative; top: 12vh; width: 957px; margin: auto; display: flex; flex-direction: column; gap: 50px; }
.search-input .fa-search { position: absolute; top: 69px; right: 10px; color: var(--color-brand-1);; font-size: 18px;}
.searchBox::-webkit-input-placeholder { /* Edge */color: var(--color-brand-1);;}
.searchBox:-ms-input-placeholder { /* Internet Explorer 10-11 */color: var(--color-brand-1);;}
.searchBox::placeholder {color: var(--color-brand-1);}
.searchBox { border: 1px solid #ffffff;}
.searchBox:focus {}
.scroll { overflow-y: scroll; height: 600px; width: 957px; padding: 10px; }
.scroll::-webkit-scrollbar { width: 8px; }
/*#scroll::-webkit-scrollbar-track {  background-color: #fbfbfb }*/
/*#scroll::-webkit-scrollbar-thumb { max-height: 50px; outline: none; background: #d8d8d8; }*/
.boxSearch {color: var(--text-color); margin-left: 15px;}
.boxSearch i { font-size: 16rem;}
.boxSearch:hover { color: var(--color-brand-1);}
.search-name.cat {letter-spacing: 1px;text-transform: uppercase; color: var(--text-color); font-size: 12rem; font-weight: 500;}
.search-name.title { font-weight: 600;}
.search-name.intro { margin-top: 5px; color: var(--text-color); font-size: 14rem;}

.search-details:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; font-size: 20px; color: #d8d8d8;}
.search-details:hover .search-name { color: var(--color-brand-1);}
.search-details { overflow: hidden; color: #0D0A0A;/* padding: 15px;*/ position: relative; width: 100%;  padding: 12px 0 0 10px; /*width: calc(100% - 120px);*/ cursor: pointer; transition: all 0.3s ease-in-out; border-bottom: 1px solid rgb(227 230 232 / 20%);}
.search-result { background-color: #FFFFFF; display: flex; border-bottom: 1px solid #d8d8d8; }
.search-result-info { padding: 0; }
.search-result:hover { opacity: 0.6; }
.search-result-details { display: flex; flex-direction: column; height: 120px; border-left: 1px solid #d8d8d8; padding-left: 25px; }
.scroll:after { content: " "; display: table; clear: both; }
.search-result { position: relative; cursor: pointer; }
.search-result::after { content: "\f054"; font-family: FontAwesome; color: #d8d8d8; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); z-index: 1; }
.search-result-name { font-size: 18px; color: var(--color-brand-1); }
.grey-text { font-weight: bold; }
/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear { display: none; width: 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width: 0; height: 0; }
/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

.search-widget { line-height: initial; position: absolute;z-index: 3;top:156%; left: 50%;box-sizing:border-box; /*width: 110%;*/ transform: translateX(-50%); /*background: rgba(0, 0, 0, 0.6); */ box-shadow: 0 6px 0.75em rgb(0 0 0 / 18%); -webkit-backdrop-filter: blur(20px); /*backdrop-filter: blur(20px);*/}
.search-widget .no-results { padding:15px 1.875em; background: #fff; color: red;}
.search-widget .scroll { height: 343px; overflow-y: scroll;}
.search-widget .scroll::-webkit-scrollbar { width: 8px;}
.search-widget .scroll::-webkit-scrollbar-track { background: #24292e;}
.search-widget .scroll::-webkit-scrollbar-thumb { height: 100px; outline: none; background-color: var(--color-brand-1);}
.product-search { cursor: pointer; position: relative; display: grid; border-bottom: 1px solid #d8d8d8; grid-template-columns: 80px 1fr;}
.product-search, .search-img IMG { transition: all 0.3s ease;}
.product-search:hover { opacity: 0.8;}

.search-img { border-right: 1px solid #d8d8d8; }
.search-name { transition: all 0.3s ease-in-out; width: 90%;font-weight: 500; color: #0D0A0A; font-family: 'Roboto', serif; margin: 0 0 4px 0; display: block; overflow:hidden; text-overflow: ellipsis;white-space: nowrap;}
.search-info { width: 90%;font-weight: 400; margin: 0;font-size:14rem; overflow:hidden; text-overflow: ellipsis;white-space: nowrap;}
.search-info span { font-weight: 500;}
.search-info:nth-of-type(3) .grey-text {color: #242424; text-decoration: none !important;}
.search-info:nth-of-type(3) .grey-text, .product-search .productNotAvailable { transition: all 0.3s ease;}

/*user menu*/
.boxUserTools { display: flex; justify-content: end; align-items: center;}
.boxUserTools .boxTools { position: relative;display: flex; justify-content: space-between;}
.boxUserTools > A {position:relative;display: flex;align-items: center;margin-left: var(--spacing-main);color: #ffffff;}
/*#boxUserTools > A:first-of-type { margin: 0;}*/
.boxUserTools > A:hover i { color: var(--color-brand-1);}
.boxUserTools > A span:not(.countCart) { display: none;}
.boxUserTools .countCart { right: auto; left:98%; top:6px;}
/*cart*/
#cart-container { position: relative;}
.boxCart { position: relative;}
.countCart { position: absolute; top: -2px; right: -2px; display: flex; align-items: center; justify-content: center; width: 14px; height: 14px; text-align: center; color: #333333; border-radius: 50%; background: var(--color-brand-1); box-shadow: 0 5px 12px rgb(0 0 0 / 20%); font-size: 10rem;font-weight: 600; line-height: 1em;}
/*mobile*/
#toggleSidebarMobile {display: none;padding-left: 15px;}
.mobileButtons { display: none !important;}
/*language*/
.language {display: flex;align-items: center; position: relative; z-index: 2; margin-left: 15px;color: #ffffff;}
.language li {white-space: nowrap;/* text-transform: uppercase;*/position: relative; padding:0 10px;display: flex;/* border: 2px solid transparent; background: #ffffff;*/ text-align: center;}
.language li ul { transition: all 0.3s ease-in-out;display: block;visibility: hidden; opacity:0;position: absolute;left: 50%;transform: translateX(-50%) translateY(-10px);width: calc(100% + 4px);top: 100%; z-index: -1;}
.language > li:first-of-type:hover { background: var(--color-brand-1); color: #fff;/* border-color: #000000;*/}
.language li:hover ul {visibility:visible; opacity: 1;transform: translateX(-50%) translateY(0);}
.language li li { border-color: #000000; border-top: none; display: block; background: #ffffff;}
.language a { color:#ffffff; display: flex; align-items: center;}
.language span { display: flex; align-items: center;}
.language a:hover, .language a.active {color: #ffffff;}
.language img { width: 20px; display: inline-block; margin-right: 5px;}

.selectHeader { position: relative; max-width: 100px; margin-left: 30px; color: #ffffff; background: transparent;}
details summary { cursor: pointer; padding-left: 30px; background-repeat: no-repeat;background-position: left center; background-size: 20px; }
details summary::-webkit-details-marker { display: none;}
details summary::marker { display: none; content: none;}
details a {margin-left: 10px; padding-right: 10px;padding-left: 30px; white-space: nowrap; color: var(--color-text-inverted); background-repeat: no-repeat; background-position: left center;background-size: 20px;}
details a:hover { color: var(--color-brand-1);}
details ul {position: absolute;background: #ffffff;}

 /* PAGE PARALLAX ========================================================================== */
.parallax { background-repeat: no-repeat;background-attachment: fixed;background-position: center;background-size: cover; overflow: hidden;}
.jarallax {position: relative;z-index: 0;}
.jarallax-img img { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
/* TESTIMONIALE */
#testimoniale {text-align: center; position: relative;}
#testimoniale  .bx-wrapper { margin-bottom: 0; padding-bottom: 3.75em; margin-top: 3.75em;}
#testimoniale .wrapper { position: relative; z-index: 1;}
.testimonial { border: 1px solid rgba(0,0,0,0.2); padding: 1.875em;transition: all 0.3s ease-in-out;    backdrop-filter: blur(5px);}
.testimonial .content { font-weight: 400;font-size: 1.1rem;}
.testimonial .nume { font-family: 'Montserrat', sans-serif; font-size: 1rem;}
.testimonial i { /*color: #ffffff;*/ margin-bottom: 0.9375em; font-size: 1.2rem;}
.testimonial img {display: inline-block; height: 19px; margin-bottom: 0.9375em;}
.gradientDown { position: absolute;bottom: 0;left: 0;content: '';right: 0; top:0; background: rgb(255 255 255 / 65%)}
/* PAGE PRODUCATORI ========================================================================== */
#producatoriPage {}
.gridProducatori { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 60px;}
.gridProducatori .producator {border: var(--border-elements); padding: 15px; text-align: center; background: #ffffff;color: #333333;}
.producator .imgBox { height: 150px;}
.producator .imgBox img { object-fit: contain; right: 0; bottom: 0; width: 70%; height:70%;margin:auto;}
.producator .title { font-size: 18rem;line-height: 1.2; font-weight: 600; margin-top: 15px;}
/* ==========================================================================
   CATALOG/SHOP PAGES
   ========================================================================== */
.mainButton.floatRight { margin-top: 3.75em;}
.flex-element {display: inline-block;width: 100%;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;margin-bottom: 1.875em;}
.notAvailable {}
.notAvailable img { opacity: 0.4;}
.productNotAvailable { /*color: #757575;*/ text-decoration: underline;}
.boxPromotie {position: absolute; z-index: 2;top: 0; right: 0; padding: 0.3125em 15px; color: #333333; background: #ffd300; font-size: 0.8rem; font-weight: 600;}
.overlayBox { position: absolute; z-index: 2; width: 100%; top: 0; bottom: 0; padding: 30px; background: rgba(0,0,0,0.7); visibility: hidden;}
.overlayBox p { position: relative; top: 50%; transform: translateY(-50%); margin: 0; color: #FFFFFF; font-size: 1.1rem;}

.flexSort { display: flex; justify-content: space-between; gap:30px; align-items: center;}
.flexSort.wrapper { margin-bottom: 30px;}
.flexSort select {padding: 10px;border: none;display: inline-block;background-color: #ffffff; color:#000000;transition: all 0.2s linear;}
.flexSort p { margin-right: 10px;white-space: nowrap;}
.flexSort a {white-space: nowrap;}

/*breadcrumb*/
.breadcrumbTop {}
.breadcrumbTop.wrapper { margin-bottom: 30px;}
.breadcrumbTop ul { list-style-type: none;}
.breadcrumbTop li {position: relative;display: inline;color: rgb(170, 170, 170);}
.breadcrumbTop li:not(:last-of-type):after { margin: 0 10px;content: '\f105'; font-weight: 500; font-family: FontAwesome; color:rgba(0,0,0,0.07);}
.breadcrumbTop .notActive {}
.breadcrumbTop a { color: #252525;font-weight: 500;}
.breadcrumbTop a:hover { color:var(--color-brand-1);}

/*categorie box*/
.categorie { display: block; position: relative; color: #6a6a6a; line-height: 1.6em;}
.categorie:hover img { transform: scale(1.1);}
.categorie:hover,.categorie.active  {color: #242424;}
.categorie .title { margin: 0; text-transform: uppercase; text-align: center; line-height: 1.1; font-size: 1rem; font-weight:600;}
.categorie p { margin: 0.9375em 0 0 0;}
.categorie .imgContainer { padding-top: 75%; margin-bottom: 15px;}
.categorie .imgContainer img { width: 100%; max-height: initial;transition: all 0.7s ease-in-out;}
.categorie .textContainer {}
.categorie .mainButton { margin-top: 30px;}

/*boxCatalog*/
.boxCatalog {}
.boxCatalog .produs {transition: all 0.3s ease;}
.boxCatalog .mainButton { float: right; margin-top: 2.5em;}
.gridCatalog { display: grid; grid-template-columns: repeat(4,1fr); grid-gap:30px;}
.gridCatalog .intro { display: none;}
.gridCatalog .noResults { grid-column: 1 / 5;}
.listCatalog {}
.listCatalog .produs { display: grid; grid-template-columns: 30% 65%; grid-gap: 5%; margin-bottom: 3.75em;}
.listCatalog .priceChart { margin-top: 30px;}
.listCatalog .preturi { margin-top: 30px; padding: 0.3125em 0;}

/*categorii*/
.gridCategorii { display: none;}
/*.gridCategorii { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 1.5625em;}
.gridCategorii a { color: #000000;}
.gridCategorii img { width: 100%;}
.gridCategorii .pageSectionTitle { margin-top: 6.25em; text-align: left;}
.gridCategorii .pageSectionTitle .mainButton { margin-top: 2.5em; text-transform: none;}
.gridCategorii .flex-element:nth-last-of-type(2) { margin-top: 1.875em;}*/

/*produs box*/
.produs { position: relative; background: #ffffff; padding: 15px; display:grid; grid-template-rows: auto 1fr;}
.produs .produsIntro {position: relative;z-index: 1;height: 100%; display: flex;flex-direction: column;/* background: #fff; *//* text-align: center; */}
.produs .priceContainer {margin-top: auto;}
.produs .title {text-transform: none; color: #333333;font-weight: 500;}
.produs .title::first-letter {text-transform: uppercase; }

.produs .addCart, .produs .addWhishlist { position: absolute; z-index: 2; background: var(--color-brand-1); color: #ffffff; padding: 15px; display: block; bottom: 0; transition: all 0.3s ease-in-out; transform: translateY(101%);}
.produs .addCart {left: 0; width: 100%; text-align: center; border-radius: 0;}
.produs .addCart i { margin-right: 5px;}
.produs .addCart.greenButton { background: #000000; color: #333333;}
.produs .addWhishlist {right: 0;}
.produs:hover .addCart, .produs:hover .addWhishlist { transform: none;}
.addCart:hover, .addWhishlist:hover { opacity: 0.9;}
.produs .imgContainer { height: 20vw; position: relative;}
.produs img { object-fit:contain; width:100%; height:90%;transition: all 0.5s ease-in-out;}
.produs:hover img { transform: scale(1.1);}
.produs .price { display: inline-block; color:var(--color-brand-1); font-size: 20rem; font-weight: 500;}
.produs .greutate {margin-right: 15px;}
.produs .priceNew {font-size: 18rem !important;}
.produs .priceOld {font-size: 14rem !important;}
.produs .producator {text-decoration: underline; color:rgb(170, 170, 170); margin-bottom: 5px; display: block;}
.produs .producator:hover { color: #000000;}

.produsIntro .title { margin: 10px 0;font-size: 18rem;}
.produsIntro p i { margin-right: 1em;}
.produsIntro .titluPret { font-size: 18rem; margin-top: 15px;}

.priceOld { text-decoration: line-through; color: #757575;/* font-size: 1.25rem;*/}
.priceNew { color: red !important; }
.priceChart { display: grid; grid-template-columns: 1fr 3.125em; grid-gap: 30px;align-self: end; align-items: center;}
.priceChart .addCart {display: flex;align-items: center;justify-content: center; background: #242424; color: #fff; padding: 0.9375em 0;}
.priceChart .addCart.greenButton,.priceChart .addCart:hover { background: #FFD300;}
.preturi { display: flex; justify-content: space-between; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; padding: 0.3125em 0;margin-bottom: 15px; font-size: 1rem; color: #999999;}
.preturi p:last-of-type {text-align: right;}

/*produs detaliu*/
.sliderProdus { width: 100%; overflow: hidden;}
.sliderProdus .owl-dots .owl-dot { display: block;}
.sliderProdus .owl-dots span { display: none !important;}
.sliderProdus .owl-theme .owl-dots { margin-top: 30px; margin-left: 30px;}
.carouselProdus { padding:30px 150px;}
.carouselProdus .owl-item { opacity: 0;}
.carouselProdus .owl-item.active { opacity: 1;}
.carouselProdus .owl-dots {position: absolute;left: 0;top: 0; width: 90px;}
.carouselProdus .owl-dot {background-size: cover;background-position: center;background-repeat: no-repeat;height: 90px; margin-bottom: 15px; border:2px solid transparent;}
.carouselProdus .owl-dot.active {border-color: var(--color-brand-1);}
.carouselProdus img {display: block;object-fit: contain;width: 100%;height: 100%;object-position: top;}


.infoBox {right: 0; position: relative;}
.infoBox .whiteBg{padding: var(--spacing-main); overflow: hidden;}
.infoBox .flex { display: flex; justify-content: space-between; align-items: center;}
.infoBox .shareButtons a { padding: 10px 11px; text-align: center;}
.infoBox .shareButtons i {margin: 0; width: 15px;}
.boxTabs {margin-top: 30px;}
.boxTabs .whiteBg {padding: var(--spacing-main);}

.productDetails {margin-top: 30px; display: grid;align-items: flex-start;grid-template-columns: 1fr 30vw;grid-gap:30px;/*margin-top: 100vh; transition: all 0.5s ease-in-out;*/}
.productDetails .col{ overflow: hidden;}
.productDetails .pageTitle .title {}
.productDetails .pageTitle { margin-bottom: 30px;}
.productDetails .preturi { display: block;}
.productDetails .preturi p:last-of-type {text-align: left;}
.productDetails .preturi span { margin-left: 15px; text-transform: unset;}
.productDetails .alignCenter h1 { margin: 0;}
.productDetails .alignCenter h1 span { color: #757575;}
.productDetails .alignCenter p { margin:0; color: #757575;}
.productDetails .imgContainer img {max-width: 100%; max-height: 100%;}
.productDetails .pageSectionTitle {text-align: left; margin: 0;}
.productDetails .pageSectionTitle .title { font-weight: 500; text-transform: none;}
.productDetails .pageSectionTitle .intro { max-width: none; margin: 0;}
.productDetails .detalii { display: grid; grid-template-columns: repeat(2,1fr); grid-gap:30px; margin-top: 30px;}
.productDetails .detalii p { margin: 0 !important;}
.productDetails .detalii b { text-transform: uppercase;}
.productDetails .priceNew, .productDetails .price { color: var(--color-brand-1); font-size: 28rem; font-weight: 500;}
/*.productDetails .ui-content {}
.productDetails .ui-content table { width: 100%;}
.productDetails .ui-content table td {border-bottom: 1px solid #e8e8e8;padding: 30px 0; vertical-align: top;}
.productDetails .ui-content strong { color: #757575;}
.productDetails .ui-content p,
.productDetails .ui-content li,
.productDetails .ui-content table { margin: 30px 0; }*/
.productDetails .boxTabs {}
.productDetails .mainButton { width: 100%; text-align: center;}
.productDetails .atribute { margin-bottom: 30px; width: 100%; color: var(--color-text-inverted);}
.productDetails .addToChart { margin-top: 30px;}
.productDetails .addToChart td:first-of-type { padding-right: 30px; display: block;}
.productDetails .addToChart td:last-of-type { display: block;}
.productDetails .addToChart select { color: #333333; border-color: #cccccc; border-radius: var(--border-rad-1); padding: 8px 20px; margin-bottom: 5px;}
.productDetails .titluPret {}
.productDetails .productNotAvailable {}
.cantitate { display: flex ;gap: 15px;align-items: center;text-transform: uppercase; }
.number-wrapper  input { display: flex;/*width: 20%;*/border-radius: 40px; }
.pretBox .mainButton { margin-top: 15px; }
.errorCantitate { font-size: 13px; }

.produseRecomandate {}
    /*form popup*/
.formPopup { position: relative; width: 30%; background-color: #FFFFFF; padding: 2% 3%; margin: 0 auto;}
.formPopup input, .formPopup textarea, .formPopup select { width: 100%; padding: 15px; border: 1px solid #e1e1e1; margin-top: 15px;}
.formPopup label { display: block; padding: 0 0.3125em;}
.formPopup .mainButton { float: right; margin-top: 30px;}
.formPopup h1 { margin-bottom: 5%;}
.formPopup .mfp-close { right: 15px; top: 15px; color: #242424; font-weight: 700; opacity: 1;}
.formPopup .mfp-close:hover { color: #1b2023;}
.formPopup [type="checkbox"], .formPopup [type="radio"] { width: auto;}
.formPopup  #rezervareDenumireProdus { color: #242424;}
#my-content .addCartD { display: none; }

/*disclaimer magazin*/
.disclaimer { position: relative; padding: 15px 25px;margin-bottom: 40px; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 5px rgb(0 0 0 / 25%);}
.disclaimer:after { content: '';top: 0;transform: translateX(100%);width: 100%;height: 100%;position: absolute;z-index: 1;animation: blingbling 6s infinite;opacity: 0.25;background: linear-gradient(to right, rgb(255 255 255 / 0) 0%, rgb(255 255 255 / 80%) 50%, rgb(255 255 255 / 0) 90%, rgb(255 255 255 / 0) 100%);}
@keyframes blingbling {
 0% {transform:translateX(-100%);}
 100% {transform:translateX(100%);}
}
/* ==========================================================================
WIDGET Cos cumparaturi
========================================================================== */
#container-cart-products-small { display: none; border-left:var(--border-elements);background: rgba(46, 46, 46, 0.8);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);position: absolute;margin-top: 0;right: 8px;top:calc(100% + 1px);z-index: 8;height: calc(100dvh - var(--height-header));/*max-height: 90vh;*/ overflow-y:scroll; width: 560px;box-shadow: 0 0 0.4375em 0 rgb(0 0 0 / 40%);}
#container-cart-products-small::-webkit-scrollbar { width: 8px;}
#container-cart-products-small::-webkit-scrollbar-track { background: #24292e;}
#container-cart-products-small::-webkit-scrollbar-thumb { height: 100px; outline: none; background-color: #000000;}
#container-cart-products-small:before {display: block;transition: all 0.3s ease-in;position: absolute;content: '';right: calc((100vw - 1400px) / 2 + 92px);bottom: 100%;margin: auto;height: 0;width: 0;border-right: 9px solid transparent;border-bottom: 8px solid #161616;border-left: 9px solid transparent;}
#container-cart-products-small .flexBox { display: flex;flex-direction: column; height: 100%;}
.scrollHeader #container-cart-products-small { height: calc(100vh - 61px);}
.bar-cart-link-close { display: flex; padding: var(--spacing-main);justify-content: space-between;color: var(--color-white); background: rgba(0, 0, 0, 0.4);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);}
.bar-cart-link-close a { color: var(--color-white);}
#ajax-cart-product-list { padding: var(--spacing-main);}
#cart-link { text-decoration: underline;}
#close-cart { cursor: pointer;}
#close-cart .fa-angle-up { font: normal normal normal 16px/1 FontAwesome !important; margin-left: 15px;}
#cart-link:hover, #close-cart:hover { color: #ffffff;}
.cart-product-small {display: flex; justify-content: space-between; gap: var(--spacing-main);}
.cart-product-small:not(:first-of-type) {border-top: var(--border-elements); padding-top: 15px; margin-top: 15px;}
.cart-product-small-title { color: var(--color-white);}
.cart-product-small-title:hover { opacity: 0.6; text-decoration: none; }
.cart-product-small-quantity { color:var(--color-white); white-space: nowrap;}
.cart-product-small-delete .fa-close { color: var(--color-white);background: rgba(0, 0, 0, 0.4);width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.cart-product-small-delete:hover .fa-close { background:var(--color-black); }
.bar-order-price {display: flex; justify-content: space-between;padding: var(--spacing-main); background: rgba(0, 0, 0, 0.4);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px); margin-top: auto;}
.cart-small-price { display: block;}
.cart-small-price span:first-of-type { color: var(--color-text-2); text-transform: uppercase;}
@media only screen and (max-width: 1000px) {
    #container-cart-products-small { display: none !important;}
}

/* ==========================================================================
WHISLIST
========================================================================== */
#whishlistPage {}
#whishlistPage .mainButton { margin-right: 15px;}

.addWhishlist { position: relative;}
.addWhishlist span.greenButton { background: #ffd300; color: #333333;}
.addWhishlist span.greenButton:after { border-top-color: #ffd300;}
.addWhishlist span { position: absolute; right: 0; bottom: calc(100% + 15px); visibility: hidden; width: 6.25em; padding: 0.3125em; transition: all 0.3s ease-in; transform: translateY(-30px); text-align: center;opacity: 0;color: #ffffff;background: #242424; font-size: 0.625rem;}
.addWhishlist span:after { position: absolute; top: 100%; right: 15px; width: 0; height: 0;content: '';border-right: 15px solid transparent;border-top: 15px solid #242424;border-left: 15px solid transparent;}
.addWhishlist:hover span { visibility: visible; opacity: 1; transform: translateY(0);}

/* ==========================================================================
FORM COS CUMPARATURI
========================================================================== */
#cosPage {}
#cosPage .grayBg { margin-top:var(--spacing-main); background: transparent; overflow: hidden;}
#cosPage .wrapper { overflow: hidden;}
#cosPage table { color: var(--color-text-inverted);}

/*sumar comanda pagina sus*/
#cart-table { overflow-x: scroll; width: 100%; margin-bottom: var(--spacing-main); background: transparent;}
#cart-table TR { border-bottom: var(--border-elements-dark);border-top: var(--border-elements-dark);}
#cart-table TH { padding: 15px; text-align: left; text-transform: uppercase; background: transparent;}
#cart-table TD { padding: 15px;font-weight: 500;}
#cart-table TD IMG {max-width: 7.5em;max-height: 6.25em;}
#cart-table TD INPUT[type=number] { width: 100px; display: inline-block; padding: 15px;border:var(--border-elements-dark);background-color:transparent;}
#cart-table TD:nth-of-type(2) {font-weight:600;}
#cart-table .mainButton { padding: 0.75em 13px;}
#cart-table .mainButton i { margin: 0;}
#cart-table .orderNumber {font-weight: 400;}
#cart-table .price {text-align: right;}
#cart-table .price .fa-eur {padding-right: 3px;vertical-align: middle;}
#cart-table .deleteProduct { width: 50px;}
#cart-table .fa-close { color: var(--color-white);background: rgba(0, 0, 0, 0.4);width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;border-radius: 50%; }
#cart-table .fa-close:hover { background: var(--color-black);}
.total-price {display: flex;justify-content: flex-end;margin-bottom: var(--spacing-main);font-weight: 500; gap: 15px;}
.total-price INPUT {}
.total-price SPAN { display: block;}
.total-price .price { text-align: right;}
.total-price .price .fa-eur {display: inline-block; padding-right: 3px; vertical-align: middle; font-size: 0.813rem;}
.total-price .voucher {width: 30% !important; margin-top:var(--spacing-main);}
.total-price .mainButton { display: flex; align-items: center;}

/*atribute*/
[id^="attrForm"] {display:grid; gap:0 10px; grid-template-columns: auto 1fr; align-items:center; font-size: 15rem;}
[id^="attrForm"] select {min-height:0; width:auto; padding:0; justify-self:flex-start; display:inline-block; border:none;font-size: 15rem;}

/*comanda minima text*/
.boxContentSmall .no-results { color: #ed5a10; margin: 15px 0;}

/*sumar comanda pagina jos*/
#table-sumar { width: 100%;}
#table-sumar TR { border-bottom: var(--border-elements-dark); background:transparent;}
#table-sumar .listingProducts { border-bottom: none;}
#table-sumar .totalSum { border-top: var(--border-elements-dark);}
#table-sumar TD {padding: 15px;}
#table-sumar TD:first-of-type {font-weight: 500;}
#table-sumar #total-cost {font-weight: 600;}
#table-sumar .totalRow TD { background: transparent;}
#table-sumar .transportRow TD, #table-sumar .discountRow TD,  #table-sumar .totalSum TD  {}
#send-order i { margin: 0 0 0 var(--spacing-main);}

/* accept terms - bottom page*/
#container-accept-terms { margin: 15px 0 0;padding-left: 15px;padding-bottom: 7px;}

/*plata si livrare*/
.locatiiLivrare { padding-bottom: 10px;}
.boxExplanation { margin-top: 15px; border:var(--border-elements-dark); padding: var(--spacing-main);}
.boxExplanation IMG { max-width: 100%;}
.delivery-text { display: none;}
input[type="radio"]:checked ~ span {display: block;position: absolute;content: '';left: 3px;top: calc(100% + 7px);margin: auto;height: 0;width: 0;border-right: 9px solid transparent;border-bottom: 8px solid var(--color-border-1);border-left: 9px solid transparent;}

/* ==========================================================================
ASIDE UTILIZATOR
========================================================================== */
.userPage {}
.sideMenu { border-bottom: var(--border-elements-dark);}
.sideMenu UL {display: flex; justify-content: center; text-align: center;}
.sideMenu i { display: block; margin: 10px 0;}
.sideMenu A { display: block; height: 100%; padding:15px;color: var(--color-text-inverted);}
.sideMenu A:hover, .sideMenu .active {color: var(--color-brand-1);}
/* ==========================================================================
   ACCOUNT USER
   ========================================================================== */
#dateUserPage {}
#dateUserPage .specialBg img { opacity: 0.2;}
/*user pages general*/
.boxPadding { padding: calc(2 * var(--spacing-main));}
/*user forms*/
.userForm { width: 100%; color: var(--color-text-inverted); position: relative;background: rgb(255 255 255 / 95%);}
.userForm .boxPadding {margin: 0 auto; max-width: 590px;}
/*general card*/
.userCard { overflow: hidden;}
.userCard h2 { text-align: center;}
.userCard:not(:first-of-type) { margin-top: var(--spacing-main);}
.userCard, .userCard * {transition: all 0.3s ease;}
.userCard .flexButtons {margin:  var(--spacing-main) 0;}
/* custom checkbox/radio just css*/
.labelInput { position: relative; display: inline-block;margin-right: 30px;/* 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;font-size: 18rem;}
.labelInput label:before { margin-top:4px; content:'';-webkit-appearance: none; border:var(--border-elements-dark); 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;}
.labelInput label:hover:before { background: var(--color-brand-1);}
.labelInput input:checked + label:after {margin-top:4px; background-color:var(--color-brand-1);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;}
/*general row with label*/
.rowLabel { position: relative; margin-bottom: 10px; display: grid; grid-template-columns: 1fr 75%; grid-gap:0 20px;}
.rowLabel label {}
.rowLabel input[size="2"] { width: 100px;}
.rowLabel input[size="6"] { width: 150px;}
.rowLabel input, .rowLabel select, .rowLabel textarea {margin: 0; width: auto; padding: 15px;}
.rowLabel .complexRow { display: flex; align-items: center; gap: 10px; overflow: hidden; flex-direction: row;flex-wrap: wrap;}
.rowLabel .errorForm { grid-column: 2/3;}
.rowLabel input:focus, .rowLabel textarea:focus { border: var(--border-elements-dark); outline: none;}
/*adrese, firme*/
#address-list, #company-list { /*margin: 0.9375em 0;*/}
#address-list .form-edit-address-container, #company-list .form-edit-address-container, #facturare-address-list .form-edit-address-container { border:none; margin-top: 30px;}
#address-list form, #company-list form, #facturare-address-list form {}
.form-edit-address-container {padding: 15px 30px; border: var(--border-elements);}
/*.form-edit-address-container input, .form-edit-address-container select { background: rgba(46, 46, 46, 0.25);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(5px);}*/
div[id^="address-container"], div[id^="facturare-address-container"], div[id^="company-container"] { border: var(--border-elements-dark); margin-bottom:10px;}
.address { padding: 15px 30px; display: flex;  justify-content: space-between; gap: 10px;}
.address A {display: inline-block;}
.address A I { margin-left: 0.5em; }
.address-text { font-size: 18rem;}
/*istoric*/
.listOrders { width: 100%; overflow-x: scroll;}
.listOrders tr { background:transparent; border-bottom: var(--border-elements-dark);}
.listOrders th { background: transparent;}
.listOrders tr:hover { background:transparent;}
.listOrders td, .listOrders th { padding:15px; text-align: center;}

/* ==========================================================================
   PAGE NOUTATI
   ========================================================================== */
#noutatiPage {}
#noutatiPage.detailPage .tags { margin: var(--spacing-main) 0;}

.gridArticole { display: grid; grid-template-columns:repeat(3,1fr); grid-gap: 30px;}
.gridArticole .imgBox {height: 15vw;}
.gridArticole .simpleButton {margin-top: 1em;}

.gridCateg { margin-bottom: 30px;}


.articleButtons { border-top:var(--border-elements-dark);}
.articleButtons .wrapper {display: flex; justify-content: space-between;/* flex-wrap: wrap; */}
.articleButtons .simpleButton { color: var(--color-text-inverted);}
.articleButtons .next { text-align: left;}
.articleButtons .prev {text-align: right;}
.articleButtons .center{ justify-content: center;}

.tags {}
.tags a {line-height: 1.4;/* opacity: 0.6;*/font-size: 14rem; position: relative; color: inherit;}
.tags a:not(:last-of-type):after {opacity: 0.2;display: inline-block;width: 5px;height: 5px;margin: 0 10px;content: "";vertical-align: middle;border-radius: 100%;background: #333;}
.tags a:hover {color:var(--color-brand-1);}

.shareButtons { display: flex; gap: 10px;}
.shareButtons a { font-size: 15rem;padding: 10px 30px;}
.shareButtons i { margin-right: 10px;}

.noutate {position: relative; border: var(--border-elements);/* box-shadow: 0 30px 90px rgb(60 59 59 / 70%)*/}
.noutate .imgBox {overflow: hidden;display: block;line-height: 0;position: relative;}
.noutate .imgBox img {position:relative;width: 100%; max-width: unset; max-height: unset; transition: transform 1.25s cubic-bezier(.28,.44,.49,1);}
.noutate:hover img {transform: scale(1.1);}
.noutate .textContainer { padding: 20px;}
.noutate .title {position: relative;margin-bottom: 1rem; font-size: 20rem;line-height: 1.2;font-weight: 600;}
.noutate .data { font-size: 14rem; margin-top: 1em;}
.lightGrayBg .noutate {border: var(--border-elements-dark);}

.linkContainer { position: relative;}
.linkContainer .linkArticle {position: absolute;top: 0;right: 0;bottom: 0;left: 0; z-index: 1; }
.articleContent {display: grid; grid-template-columns: 960px 1fr; grid-gap: calc(2 * var(--spacing-main))}

.gridRecomandate {}
.gridRecomandate .noutate { box-shadow: none;}
.gridRecomandate .noutate .title { font-size: 16rem;}
.gridRecomandate .noutate:not(:first-of-type) { border-top: none;}

/* ==========================================================================
   MASONRY
   ========================================================================== */
.gridMasonry { max-width: 100%;}
.gridMasonry .grid-item { width: calc(33% - 30px); margin-bottom: 50px;display: block;float: left;opacity: 0;}
.gridMasonry .grid-item:first-of-type,.gridMasonry .grid-item:nth-of-type(2),.gridMasonry .grid-item:nth-of-type(3) {opacity: 1;}
.gridMasonry .grid-item.shown, .no-js .gridMasonry .grid-item, .no-cssanimations .gridMasonry .grid-item {opacity: 1;}

/* Effect: Move Up */
.gridMasonry.moveUp .grid-item.animate {-webkit-transform: translateY(200px);transform: translateY(200px);-webkit-animation: moveUp 0.65s ease forwards;animation: moveUp 0.65s ease forwards;}
@-webkit-keyframes moveUp {
 0% {}
 100% { -webkit-transform: translateY(0); opacity: 1; }
}
@keyframes moveUp {
 0% {}
 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}


/* ==========================================================================
   PAGE EVENIMENTE
   ========================================================================== */
#evenimentePage {}
.carouselEveniment {}
.carouselEveniment .imgBox { display: block; height: 10vw; overflow: hidden;}
.carouselEveniment img { display: block;}
/* ==========================================================================
   PAGE CONTACT
   ========================================================================== */
#contactPage {}
#contactPage .grid { display: grid; grid-template-columns: repeat(2,1fr); grid-gap:calc(2 * var(--spacing-main));}
#contactPage .mapWrapper {padding: 0; height: 100%;}
.contactData { border: var(--border-elements-dark); padding: var(--spacing-main); line-height: 2em;}
.contactData:not(:first-of-type) { margin-top: var(--spacing-main);}
.contactData .extra div {display: flex; width: 100%;}
.contactData div ul{ display: inline-block;}

/* ==========================================================================
   PAGE SCROLL UP TO PAGE
   ========================================================================== */
.upPage { position: fixed; z-index: 3; right: 17px; bottom:17px; display: none;}
.upPage a { position: relative;display: inline-block; -webkit-text-fill-color: var(--color-brand-1);width: 50px; height:50px; text-align: center; color: #EEEEEE;border-radius: 50%;padding: 0;}
.upPage a i {color: #ffffff;position: absolute;top: 50%;right: 0;bottom: 0;left: 0;margin: auto;line-height: 0;transition: all 0.3s ease;}
.upPage a:hover { box-shadow: 1px 2px 3px rgb(0 0 0 / 16%); }
.upPage a:after { background: var(--color-brand-1); border-radius: 50%; content: '';width:0; height: 0; position: absolute;top:0; left: 0;right: 0;bottom:0;margin: auto;transition: all 0.2s ease;}
.upPage a:hover:after {width: 100%; height: 100%;}
.upPage i:last-of-type { color: #ffffff; opacity: 0;z-index: 1;transform: translate(0,32px);}
.upPage:hover i:first-of-type {opacity: 0;transform: translate(0,-29px);}
.upPage:hover i:last-of-type {opacity: 1;transform: none;}

/* ==========================================================================
   FOOTER
   ========================================================================== */
#pageFooter { padding: calc(2 * var(--spacing-main)) 0 calc(3 * var(--spacing-main)); background: var(--color-dark-bg); color: var(--color-text-2); line-height: 2;border-top: var(--border-elements);}
#pageFooter .grid {display: flex; gap: calc(2 * var(--spacing-main)); justify-content: space-between;}
#pageFooter .title { text-transform: uppercase; margin-bottom:var(--spacing-main); display: block;}
#pageFooter li:not(:first-of-type ) .title {margin-top: var(--spacing-main);}
#pageFooter .logo img { width: 200px; margin-bottom: var(--spacing-main);}
#pageFooter a { color: var(--color-text-1);}
#pageFooter a:hover { color: var(--color-brand-1);}

.contactRapid {}
.contactRapid i { margin-right: 20px;}

.sigleFooter { display: flex; gap: 30px; justify-content: flex-start;}
.sigleFooter img { object-fit: contain;height: 40px;}
.sigleFooter svg { height: 40px;}
.sigleFooter .whiteBg { height: 40px; display: flex; align-items: center; padding: 0 5px; border-radius: 4px;}
.sigleFooter .whiteBg img { height: 80%;}

.socialMedia {}
.socialMedia li { display: inline-block;}
.socialMediaWrapper { display: flex;gap: 10px; }
.socialMedia a {/* border: var(--border-elements);*/padding:0;position:relative;display: inline-flex;/*margin-right: 10px;*/ font-size:14rem;align-items: center; justify-content: center; width: 40px; height: 40px; vertical-align: middle; color: #e51732; border-radius: 50%;}
.socialMedia a:hover { opacity: 0.8;}
/*.socialMedia a:hover span {top: 0;}*/
/*.socialMedia a:hover i {color: var(--color-white);}*/
.socialMedia a span {display: none; position: absolute; top: 100%; left: 0; right: 0;transition: all 0.3s ease-in-out; height: 100%;}
/*.socialMedia a i { color: var(--color-brand-1); line-height: initial; position: relative; z-index: 1;}*/
.socialMedia a i { margin: unset; }

.developer { margin-top: 30px; border-top: var(--border-elements); padding-top: 30px;}
/* ==========================================================================
   NEWSLETTER
   ========================================================================== */
#newsletter { max-width: 340px; overflow: hidden;}
#newsletter .borderButton { float: right; margin-top: 20px;}
#newsletter .borderButton { float: right; margin-top: 20px;}

/*NEWSLETTER BREVO*/
#sib-container *{ font-family: var(--font-fam-1);}
#sib-container { line-height: 1.6;}
#sib-container, .sib-form .entry__field { background: transparent;}
.sib-form .entry__field { border: var(--border-elements); outline: none; box-shadow: none !important;}
.sib-form .entry__field:hover input,.sib-form .entry__field:focus input{outline: none !important; box-shadow: none !important;}
#sib-container,.sib-form, .sib-form-block { padding: 0;}
.sib-form .input:not(textarea), .sib-form .input__button { height: auto;}
.ui-input-text { width: 100%;}
.sib-form .input:last-child, .sib-form .input__affix:last-child { padding: 10px 20px; min-height: unset;}
.entry__specification { font-size: 14rem; line-height: 1.2; margin-bottom: 10px !important; color: var(--color-text-2) !important; opacity: 0.9;}
.sib-form .entry__error { font-size: 14rem; margin: 5px 0;}
/*POPUP*/
.advert-once { position: fixed;bottom: 0;right: 0; left: 0; top:0;background: rgb(0 0 0 / 80%);z-index: 99999; justify-content: center; align-items: center;}
.advert-once .box { background-color: #ffffff;min-width: 600px; max-width: 650px;position: relative; display: grid; grid-template-columns: 35% 65%;}
.advert-once .container:first-of-type { background: url(../img/newsletterBg.jpg);background-size: cover;background-repeat: no-repeat;background-position:center;text-align: center;}
.advert-once .container:last-of-type { padding:20px 30px;background-color: #ffffff;box-shadow: -5px 0 5px 1px rgb(0 0 0 / 60%);}
.advert-once img { width: 160px;}
.advert-once .blueButton { float: right; margin-top: 20px;}
.advert-once .advert-button:hover { opacity: 0.8;}
.advert-once .advert-button { transition: all 0.3s ease-in-out;width: 25px;height: 25px;font-size: 18px;font-weight: bold;position: absolute;display: flex;align-items: center;justify-content: center;right: 10px;top: 10px;cursor: pointer;}
#pageFooter .advert-once .title { margin: 0; font-size: 26px; font-weight: 500;}

#newsletter.advert-once { max-width: none !important; display: flex; }
.advert-button { display: none;}

@media only screen and (max-width: 800px) {
 .advert-once .box { min-width: 90vw;max-width: 96vw;}
 .advert-once .container:last-of-type { padding: 30px;}
}
@media only screen and (max-width: 480px) {
 .advert-once .container:last-of-type { padding: 25px;}
 .advert-once .box { grid-template-columns: 1fr;}
 .advert-once .container:first-of-type { height: 155px; background-size: 101% auto;background-position: top center;}
 .advert-button { background: rgb(255 255 255 / 45%);}
 #pageFooter #newsletter.advert-once .title { font-weight: 600; font-size: 16px;}
}

/* ==========================================================================
   TABS
   ========================================================================== */
.tabs { display: table; width: 100%; text-align: center; margin: 0;}
.tabs a { display: table-cell; position: relative; padding: 1em; color: #000000; background-color:#f9f9f9; cursor: pointer; text-transform: uppercase;}
.tabs a:after { position: absolute; content: ''; height: 1px; width: 100%; bottom: 0; left: 0; background:#e1e1e1;}
.tabs a:hover {  text-decoration: none; color: #242424;}
.tabs .tabActive { color: #242424;border: 1px solid #e1e1e1; border-bottom: none;}
.tabs .tabActive:after { background-color: #f9f9f9;}
.tabsContent { margin: -1px auto 0; padding: 3.4375em 3.125em 1.875em; border: 1px solid #e1e1e1; }
.tabsContent .tabItemContent { display: none; overflow: hidden;}
.tabsContent .noResults { display: block; width: 60%; margin: 0 auto 1.875em; grid-column: 1/4;}

/* ==========================================================================
   RATING
   ========================================================================== */
.reviewsContainer { padding-top: 0;}
.reviewsContainer .wrapper { overflow: hidden;}
.reviewsContainer .whiteBg { padding: var(--spacing-main); overflow: hidden;}
.rating  {;}
.rating .messageError {text-align: left; color: var(--color-danger);}
.rating input, .rating textarea { width: 100%; border: 1px solid #eeeeee;}

form.rating {}
form.rating p { margin-top: 30px;}
form.rating .mainButton { margin-top:30px;}

.showRating { margin-bottom:30px; display: flex; gap: 10px; width: 100%; }
.showRating .star_rated { font-size: 40rem; line-height: 1em;display: inline-block;}
.showRating p { display: inline-block; margin:0 !important;line-height: 1em;font-size: 18rem;}
.showRating p span { font-weight: 400; font-size: 12rem;}

.stars { display: block;}
.stars, .star {transition: all 0.3s ease; }
.stars:hover {}
.stars .total { display: inline-flex; margin-left: 10px; gap: 5px; font-size: 14rem; font-weight: 500; color: rgb(170, 170, 170);}
.stars .total b { color: var(--color-black);}
.star {color:#cccccc;cursor: pointer;}
.star:hover, .stars .hoverGold, .stars .activeGold {color:#fabf5f !important;}
.star_rated { color: #fabf5f;}

.reviews { margin-top: 30px;}
.reviews h4, .rating h4 {}
.review { padding: 30px; border-top: #eeeeee;}
.review p.nume { font-weight: 600; margin-bottom: 30px;}
.review p {}
.review span { color: #888888; margin-top: 30px;display: inline-block;}
.review .stars { padding: 0;}

#rating_button { width: auto;float: right;}
#goToReviews { text-decoration: underline; cursor: pointer;}
#goToReviews:hover { text-decoration: none;}

/* ==========================================================================
   POLITICA
   ========================================================================== */
.gdprBox {}
.politica { display: block; width: 310px; height: 37px; padding: 0.3125em;}
.politica input[type="checkbox"] { width: auto; vertical-align: middle; margin-bottom: 0;}
.politica label { position: relative; width: auto; font-size:12rem; line-height: 1em; text-align: left;}
.politica i { font-weight: bold;}
.politica a { text-decoration: underline;}
.politica a:hover { text-decoration: none;}
.containerLabel { display: block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.containerLabel input { position: absolute; opacity: 0; cursor: pointer;}
.checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #fff; border: 1px solid #e8e8e8;}
.checkmark:after { content: ""; position: absolute; display: none;}
.containerLabel input:checked ~ .checkmark:after { display: block;}
.containerLabel .checkmark:after {left: 3px;top: 6px;font-family: FontAwesome;content: '\f00c';color: #757575;font-size: 12rem;}
.QapTcha { width: 310px; padding: 0.3125em;}
.QapTcha .fa-check { top: 0.5625em; left: 0.5625em; color: var(--color-white);}
.QapTcha .bgSlider { border: var(--border-elements); background: transparent;}

.no-margin-right { margin-right: 0 !important;}
/* ==========================================================================
   PLUGINS
   ========================================================================== */
/* LIGHTGALLERY  ========================================================================== */
.lg-backdrop.in { background: rgba(0,0,0,0.9);}
.lg-toolbar { background:var(--color-brand-1);}
.lg-outer .lg-thumb-outer, .lg-outer .lg-toggle-thumb { background:  rgba(0,0,0,0.9);}
.lg-outer .lg-thumb-item { border: 2px solid transparent;}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #242424;}
.lg-actions .lg-next, .lg-actions .lg-prev, .lg-toolbar .lg-icon, .lg-outer .lg-toggle-thumb, .lg-outer *, #lg-counter { color: #ffffff;}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover, .lg-toolbar .lg-icon:hover, .lg-outer .lg-toggle-thumb:hover { color: #242424;}
/* COOKIE CONSENT  ========================================================================== */
.cc-window.cc-banner {}
.cc-banner.cc-top {}
.cc-btn { font-weight: 500; border: 1px solid #fff !important;letter-spacing: 0.14em; font-size: 0.813rem; padding: 0.4em;}
.cc-btn:hover { text-decoration: none; border-color: #242424 !important;}
.cc-banner .cc-message { font-family: 'Roboto', sans-serif; font-weight: 300; letter-spacing: 1px; font-size: 0.8rem;}
.cc-banner .cc-btn:last-child { min-width: 7.5em;}
/* PACE LOAD  ========================================================================== */
.pace { position: fixed; z-index: 2000;top: 0; right: 0; height: 101vh; width: calc(100% - 300px);}
.pace-cover { position: absolute; z-index: 2000;top: 0;right: 0;width:calc(100% - 300px); height: 101vh;background-color: #fff;pointer-events: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;transition: all .5s cubic-bezier(0.7,0,0.3,1);}
.pace-cover img { width: 6.25em; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); opacity: 0.5;}
.pace-progress { z-index: 2000000005; position: absolute;  width: 100%;  height: 0.3125em;  right: 100%;  top: 0;  }
.pace-inactive, .pace-done .pace-cover {  display: none;}
.pace-inactive .pace-progress {  display: none;}
.homeLoader { background: #000;}
.homeLoader .imgLoader {  background: url("../img/logo.png"); background-size: contain; width: 160px; height: 85px;position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}
.homeLoader .imgLoader:after { content: ''; position: absolute; top: 0; left: 0;height:100%; width: 100%; background: rgba(0,0,0,0.5);-moz-animation: changeBg 0.9s  linear;-o-animation: changeBg 0.9s  linear;-webkit-animation: changeBg 0.9s  linear;animation: changeBg 0.9s  linear;}

/* MMENU   ========================================================================== */
/*general*/
/*.mm-menu_offcanvas { z-index: 10;}*/
.mm-menu, .mm-panels, .mm-panels > .mm-panel, .mm-navbar_sticky { background: #FFFFFF;/* overflow: hidden;*/}
.mm-navbar_sticky { border-color: transparent;}
.mm-btn:after, .mm-btn:before { border-width: 1px; border-color: #b8b8b8;}
/*breadcrumb*/
.mm-navbar__title>span { color: #919191;}
/*menu*/
#my-menu {}
#my-menu .mm-listitem:after {border-color: transparent;}
#my-menu .mm-listitem a { color: #919191; font-weight: 400;}
#my-menu .mm-listitem a.active, #my-menu .mm-listitem a:hover  {color:#242424; background: none;}
#my-menu .activeParent {color:#242424;}
/* OWL CAROUSEL  ========================================================================== */
.owl-theme .owl-dots .owl-dot span { background: #6b6b6b;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #afac9f;}
.owl-theme .owl-dots, .owl-theme .owl-nav { margin-top: 2.5em;}
/* LIGHT-GALLERY  ========================================================================== */
.lg-outer .lg-thumb-item { border-color: transparent; -moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #242424;}
.lg-outer .lg-thumb-item img { opacity: 0.5;}
.lg-outer .lg-thumb-item.active img { opacity: 1;}
.lg-backdrop { background-color:#24292e;}
.lg-outer .lg-thumb-outer {background-color: rgba(0, 0, 0, 0.9); }
.lg-next, .lg-prev { padding: 0.75em 1.3125em 0.875em; border: 1px solid rgba(255, 255, 255, 0.25);}
.lg-next, .lg-prev, .lg-next:focus, .lg-prev:focus { -moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0; outline: none;}
.lg-next:before { content: '\f105' !important; font: var(--fa-font-solid);}
.lg-prev:after{ content: '\f104' !important; font: var(--fa-font-solid);}
.lg-show-in .lg-next, .lg-show-in .lg-pager-outer, .lg-show-in .lg-prev, .lg-show-in .lg-toolbar { background:transparent;}

.owl-stage{ display: flex; }
.owl-item > div {display: flex;align-items: center;height: 100%;}


#home {height: 100vh;background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='40' height='40' patternTransform='scale(2) rotate(45)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(0, 0%, 0%, 1)'/><path d='M20-5V5m0 30v10m20-30v10M0 15v10'  stroke-linejoin='round' stroke-linecap='round' stroke-width='4.5' stroke='hsla(0, 0%, 100%, 0.12)' fill='none'/><path d='M-5 40H5M-5 0H5m30 0h10M35 40h10M15 20h10'  stroke-linejoin='round' stroke-linecap='round' stroke-width='4.5' stroke='hsla(0, 0%, 100%, 0.12)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>")}
/* SLIDER */
.sliderContainer { position: relative; overflow: hidden;}
.sliderContainer picture { width: 100%;height: 100%;display: flex;}
.sliderContainer picture img {min-width: 100%;min-height: 100%;object-fit: cover; object-position: center bottom;}
.sliderContainer video {position: absolute;min-width: 100%;min-height: 100%;object-fit: cover;filter: grayscale();}
/*.sliderContainer article:after {z-index: 1; top:0; left: 0; position: absolute;width: 100%;height: 100%;content: "";opacity: .55;background-color: #000000;}*/
.sliderContainer article { position: relative;overflow: hidden; min-height: 600px; height: 100vh;}
.textSlider { position: absolute; z-index: 2;top: 50%; transform: translateY(-50%); right: 0; left: 0;text-align: left; }
.textSlider div {}
.textSlider .title { margin-bottom: 15px; font-size: 80rem; font-weight: 600; line-height: 1.2;}
.textSlider .subtitle { text-transform: uppercase; font-size: 18rem; color: var(--color-brand-1); font-weight: 600; letter-spacing: 1px;}
.textSlider .intro {max-width: 640px; font-size: 20rem;}
.textSlider .mainButton, .textSlider .borderButton {margin-top: var(--spacing-main);margin-right: 15px;}
.noise {;width: 100%;height: 100%;min-height: 100%; z-index: -1; opacity: .04;background-image: url('https://assets.website-files.com/6374dd193b0024045abd8f52/63a8e607c753bd3bd0429ea4_noise.gif');background-position: 0 0;background-size: auto;display: flex;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.textAnim {animation: moveTxt 120s linear infinite;    min-width: 100%; white-space: nowrap; position: absolute; top: 15%;
 opacity: 0.1;
 color: #fff;
 font-size: 25vw;letter-spacing: -2vw;
 font-weight: 600;
 line-height: .9;}

@keyframes moveTxt {
 0% {transform: translateX(0);}
 100% {transform: translateX(calc(-100% - 1rem));}
}

.sliderContainer .bx-wrapper { margin: 0;}
.sliderContainer .bx-wrapper .bx-viewport { box-shadow: none; border: none; left: auto; background: transparent;}
.sliderContainer .bx-wrapper .bx-pager, .sliderContainer .bx-wrapper .bx-controls-auto { padding: 0;}
.sliderContainer .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: center; z-index: 5; }
.sliderContainer .bx-wrapper .bx-pager .bx-pager-item,.sliderContainer  .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: table-cell;}
/*.sliderContainer .bx-wrapper .bx-pager.bx-default-pager a { width: 98%; height: 10px; border-radius: 0;}
.sliderContainer .bx-wrapper .bx-pager.bx-default-pager a:hover, .sliderContainer  .bx-wrapper .bx-pager.bx-default-pager a.active { border-top:2px solid #000; background: #000;}
.sliderContainer .bx-wrapper .bx-controls-direction a { text-indent: unset; margin: 0; background: none; color: #fff; top: 50%; font-size: 30px;}
.sliderContainer .bx-wrapper .bx-next { right: 100px; left: auto;}
.sliderContainer .bx-wrapper .bx-prev { left: 100px; right: auto;}*/

/*BX-SLIDER*/
.bx-wrapper .bx-loading { display: none; }

.sliderContainer .bx-wrapper .bx-controls-direction .bx-prev.disabled { display: block;}
.sliderContainer .bx-wrapper .bx-controls-direction .bx-next.disabled { display: block;}
.sliderContainer .bx-wrapper .bx-controls-direction a {/*visibility: hidden; */position: absolute;margin: 0; width: 50px;height: 50px;    background: rgba(46, 46, 46, 0.25);
 -webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);z-index: 3; border-radius:50%;font-size:0;transition: all 0.3s ease; border: var(--border-elements);}
.sliderContainer .bx-wrapper .bx-controls-direction a:after { position: absolute;top: 0; right: 0; bottom: 0; left: 0;width: 15px;height: 15px;margin: auto;content: '';transform: rotate(45deg);transform-origin: center;}
.sliderContainer .bx-wrapper .bx-prev,.sliderContainer .bx-wrapper .bx-next { top:50% !important; transform: translateY(-50%);}
.sliderContainer .bx-wrapper .bx-prev { left: 20px; right: auto;}
.sliderContainer .bx-wrapper .bx-next { left: auto; right: 28px;}
.sliderContainer .bx-wrapper .bx-prev:after { border-left: 1px solid var(--color-text-1); border-bottom: 1px solid var(--color-text-1);}
.sliderContainer .bx-wrapper .bx-next:after {border-right: 1px solid var(--color-text-1); border-top: 1px solid var(--color-text-1);}

.sliderContainer .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: var(--color-brand-1);}
.sliderContainer .bx-wrapper .bx-pager.bx-default-pager a { visibility: hidden; background: rgba(255,255,255,1); width: 20px; height: 5px; border-radius: 0;}
.sliderContainer .bx-wrapper .bx-pager.bx-default-pager a.active { background: var(--color-brand-1);}
.sliderContainer .bx-wrapper .bx-pager { bottom: 30px; top: auto; left: 50px;}
.sliderContainer .bx-wrapper .bx-controls-direction a, .bx-wrapper .bx-pager.bx-default-pager a {transition: all 0.3s ease-out;}
.sliderContainer .bx-wrapper:hover .bx-controls-direction a, .bx-wrapper:hover .bx-pager.bx-default-pager a { visibility: visible;}


#schimbaTara { position: relative; display: flex; align-items: center; justify-content: center; text-align: center;}
#schimbaTara .logo { filter: drop-shadow(5px 5px 5px #000000); position: relative;z-index: 1; max-width: 500px; width: 100%; display: inline-block; margin-bottom: 40px;}
#schimbaTara .styleForm { position: relative; z-index: 1; }
#schimbaTara .glassBg {background: rgb(255 255 255 / 0.2); border-radius: 30px; overflow: hidden;display: grid; grid-template-columns: 1fr 80px; grid-gap: 20px;
 -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(3px); box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.8); border: 1px solid rgba(238, 238, 238, 0.47);}
#schimbaTara .metalBg {position: absolute; left: 0; top: 0; object-fit: cover; width: 100%;height: 100%;}
#schimbaTara select {padding: 17px 40px 17px 60px; background: transparent; border: none; color: #ffffff;}
#schimbaTara option {color: black !important;}
#schimbaTara select:focus, #schimbaTara select:hover { outline: none !important;}
#schimbaTara i.fa-globe { position: absolute;left: 25px;top: 20px; color: #fff; pointer-events: none;}

.homeIntro {position: relative;background: var(--color-dark-bg);}
.homeIntro .wrapper { position: relative;}
.important {text-align:center;line-height: 1.2;padding-top: 0; display: flex; justify-content: space-around;}
.important .cardImportant { width: 31%; }
.important a {display: block;color: var(--color-white);}
.important > div { padding:0 30px 30px; width: 100%;}
.important > div:not(:first-of-type) { border-left: var(--border-elements);}
.important a:hover { color: var(--color-brand-1);}
.important .rank { font-size: 6px; margin-bottom: 30px;}
.important .title { font-size: 20rem; margin-bottom: 10px;font-weight: 600;}
/*.important .intro { font-size: 20rem;}*/
.svgContainer { position: absolute;top: -9vw; right: 0; z-index: 1; left: 0; overflow: hidden; height: 9vw;}
.svgBg {position: absolute;top: 0;left: 50%;width: 108vw;transform: translatex(-50%); z-index: 2; }
.svgBg.dots {opacity: 0.4;}
.svgBg.shape {}

.svgContainer {
 pointer-events: none; z-index: 2;
}


.rank {position: relative;overflow: hidden;}
.badge, .umbrella, .facet {content: "";position: absolute;border-radius: 50%;left: calc(50% - 5em);top: calc(50% - 5em);width: 10em;height: 10em;}
.glossy {display: block;position: absolute;height: 200%;width: 50%;top: 0;right: 0;background: linear-gradient(to left, white, rgba(255, 255, 255, 0));transform-origin: top right;transform: rotate(45deg);transform-style: preserve-3D;}
.badge {overflow: hidden;position: relative;flex: 0 auto;    transition: all 0.5s ease-in-out;}
.badge:after {content: "";position: absolute;border-radius: 50%;left: calc(50% - 6em);top: calc(50% - 6em);width: 12em;height:12em;box-sizing: border-box;content: "";display: block;box-shadow: 0 0 40px black;}
.badge:hover {-webkit-filter: brightness(1.8);}
.umbrella {position: relative;filter: blur(3px);/*-webkit-filter: blur(10px) brightness(1.5) saturate(1.2);*/}

.facet, .facet:nth-child(n + 7):after {clip: rect(0, 10em, 10em, 5em);transition: 1s all linear;}
.facet:after, .facet:nth-child(n + 7) {content: "";position: absolute;border-radius: 50%;left: calc(50% - 5em);top: calc(50% - 5em);width: 10em;height: 10em;clip: rect(0, 5em, 10em, 0);}
.inner {content: "";position: absolute;border-radius: 50%;left: calc(50% - 4.5em);top: calc(50% - 4.5em);width: 9em;height: 9em;}
.inner:after {content: "";position: absolute;border-radius: 50%;left: calc(50% - 3em);top: calc(50% - 3em);width: 6em;height: 6em;}
.tech {pointer-events: none;font-size: 4em;position: absolute;z-index: 1;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;}
.gold + .tech {color: #f9b646;text-shadow: 1px -1px 1px #fabf5f, 0 4px 4px #9a6418;}
.gold {border: 2px solid #9a6418;}
.gold .facet:nth-child(1):after {background-color: #f9b646;transform: rotate(30deg);z-index: 12;}
.gold .facet:nth-child(2):after {background-color: #fabf5f;transform: rotate(60deg);z-index: 11;}
.gold .facet:nth-child(3):after {background-color: #f8ac25;transform: rotate(90deg);z-index: 10;}
.gold .facet:nth-child(4):after {background-color: #9a6418;transform: rotate(120deg);z-index: 9;}
.gold .facet:nth-child(5):after {background-color: #9a6418;transform: rotate(150deg);z-index: 8;}
.gold .facet:nth-child(6):after {background-color: #f8ac25;transform: rotate(180deg);z-index: 7;}
.gold .facet:nth-child(7):after {background-color: #f9b646;transform: rotate(180deg);}
.gold .facet:nth-child(8):after {background-color: #fabf5f;transform: rotate(210deg);}
.gold .facet:nth-child(9):after {background-color: #f9b646;transform: rotate(240deg);}
.gold .facet:nth-child(10):after {background-color: #fabf5f;transform: rotate(270deg);}
.gold .facet:nth-child(11):after {background-color: #f8ac25;transform: rotate(300deg);}
.gold .facet:nth-child(12):after {background-color: #f8ac25;transform: rotate(330deg);}
.gold .inner {background: linear-gradient(to top, #9a6418, #f9b646);box-shadow: inset 0 30px 30px #5a3a0c;border: 2px solid #fabf5f;}

.carouselHome {}
.carousel article { border-top-left-radius: 20px 20px;border-top-right-radius: 20px 20px;border-bottom-left-radius: 20px 20px;border-bottom-right-radius: 20px 20px; border: var(--border-elements);height: calc(100% - 1px);background: rgba(46, 46, 46, 0.25);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);padding: 15px;}
.carousel .imgContainer { height: 12vw; margin-bottom: 15px; background: #ffffff; padding: 5%; border-radius: 15px; }
.carousel .imgBox { height: 15vw; margin-bottom: 15px; background: #ffffff; padding: 5%;}
.carousel .title { /*font-weight: 600;*/ font-size: 18rem; line-height: 1.2; color: #ffffff;}
.carousel .stars .total b { color: var(--color-text-2);}
.carousel .produs .producator:hover { color: #ffffff;}
.sliderProdusMobile { display: none; }

.imgBox {position: relative;}
.imgBox img { position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;object-fit: contain;}

.owl-theme .owl-nav { margin: 0;}
.owl-theme .owl-dots { margin-top: 15px;}
.owl-theme .owl-nav [class*=owl-] { position: absolute; top: 7vw; transition: all 0.5s ease-in-out;border: var(--border-elements);padding: 0; margin: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%;background: rgba(46, 46, 46, 0.25);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);}
.owl-theme .owl-nav [class*=owl-]:hover { background: var(--color-black);}
.owl-carousel .owl-nav .owl-next { right: -20px;}
.owl-carousel .owl-nav .owl-prev { left: -20px;}
/*galerie-evenimente*/
#noutatiPage > section > div > div.content > div > div.owl-controls > div > div.owl-prev { top: 5vw; }
#noutatiPage > section > div > div.content > div > div.owl-controls > div > div.owl-next { top: 5vw; }
#noutatiPage > section > div > div.content > div > div.owl-stage-outer > div > div > div > a { display: flex;width: 100%;height: 100%; }
.darkBg { background: #1c1c1c;}
.categoriiHome { text-align:center;display: grid; grid-template-columns: repeat(6,1fr); grid-gap: 20px;}
.categoriiHome .imgBox {  background: #fff; border-radius: 50%; overflow: hidden; margin: 10px; position: relative;z-index: 1; height:0; padding-top: 90%;}
/*.categoriiHome a:after { content: ''; position: absolute; left: 0; top: 0; height: calc(12vw + 20px); width: 100%; background: rgba(46, 46, 46, 0.25);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px); border-radius: 50%; border: var(--border-elements);}*/
.categoriiHome img {position: absolute; left:0; top:0;}
.categoriiHome a { color: #fff; position: relative;}
.categoriiHome a:hover { color: var(--color-brand-1)}
.categoriiHome .imgBox:after { position: absolute;top: 50%; left: 50%;width: 101%;height: 101%;content: '';transition: all 0.5s ease-in-out;transform: translate(-50%, -50%);opacity: 0;border: 5px solid transparent; /*2*/border-radius: 50%; /*1*/background: linear-gradient(-45deg, #9a6418, #fabf5f, #f8ac25, #f9b646, #9a6418, #fabf5f, #f8ac25, #f9b646, #9a6418, #fabf5f);-webkit-mask: /*4*/ linear-gradient(#ffffff 0 0) padding-box, linear-gradient(#ffffff 0 0);-webkit-mask-composite: xor; /*5'*/mask-composite: exclude; /*5*/}
.categoriiHome a:hover .imgBox:after { opacity: 1;}

.blogCarousel {background: #1c1c1c;}
.blogCarousel .noutate { display: block; box-shadow: none;background: #1c1c1c;}
.blogCarousel .imgBox {padding: 0; margin: 0;}
.blogCarousel .simpleButton { display: block;}

.carouselParteneri { padding: 0 60px;}
.carouselParteneri .owl-item { display: flex; align-items: center;}
#box-slider-parteneri {}
#box-slider-parteneri .owl-theme .owl-nav [class*=owl-] { top: 39% !important;}
#box-slider-parteneri .owl-carousel .owl-nav .owl-prev { left: 10px;}
#box-slider-parteneri .owl-carousel .owl-nav .owl-next { right: 10px;}
#box-slider-parteneri .owl-carousel .owl-nav .owl-next { right: 10px;}

.carbonBg .grid {display: grid; grid-template-columns: repeat(2, calc(50% - 30px)); grid-gap: 60px;}
.carbonBg .generalPadding:not(:first-of-type) { padding-top: 0;}
.carbonBg {background-color: rgb(32, 32, 32); background-attachment: fixed;
 background-image: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 80%, rgba(0,0,0,1)), linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(to bottom, rgb(8, 8, 8), rgb(32, 32, 32));
 background-size: 100% 100%, 10px 10px, 10px 10px, 10px 5px;
 background-position: 0px 0px, 0px 0px, 5px 5px, 0px 0px;
}


.membru {}
.membru .grid { display: flex;flex-wrap: wrap;}
.membru .imgBox {  flex: 1 0 21%; /*height: 100%;*/}

.halfBoxes { display: grid; grid-template-columns: 1fr 1fr;}
.halfBoxes .paddingLeft { padding-right: 60px;}
.halfBoxes .paddingRight { padding-left: 60px;}
.halfBoxes .mainButton { margin-top: 30px;}
.halfBoxes .content ul li::before { color: var(--color-brand-1);}

#curator-feed-default-feed-layout { padding: 0; overflow: hidden;}

.geolocation { color: var(--color-black); text-align: center; position: relative; max-width: 600px; width: 90vw; background:var(--color-white); padding:var(--spacing-main); margin: 0 auto;}
.geolocation svg { width: 30px; margin-right: 15px;}
.geolocation .action {display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 30px;transition: all 0.5s ease-in-out;}
.geolocation .action.decline {color: var(--color-brand-1);}
.geolocation .action:hover { text-decoration: underline;}
.geolocation .action span { pointer-events: none;}
.geolocation .mfp-close { position: relative; font-size: inherit;}
.geolocation .mfp-close:hover { text-decoration: none;}
.geolocation .selectHeader { color: var(--color-text-inverted); width: auto;max-width:none; margin: 30px 0 0 0;}
.geolocation .selectHeader ul {left: 0; right: 0; max-height: 200px;overflow-y: scroll;box-shadow: 0 0 4px #00000063;}
.geolocation .selectHeader a { margin: 0;}
.geolocation summary { text-decoration: underline; padding: 0;}
.geolocation b { font-size: 18rem;}
.geolocation .flexButtons { flex-wrap: nowrap;}
.geolocation img { display:inline-block; margin-bottom:10px;max-width: 50px;}

.intrebari{ margin-top: 60px;}
.intrebare { border: 1px solid #ccc; padding: 0 20px;}
.intrebare:not(:first-of-type) { border-top:none;}
.intrebare summary { padding: 20px 0; font-weight: 600; display: flex;justify-content: space-between;}
.intrebare[open] > summary:after {content: "\f0d7";}
.intrebare > summary:after {content: "\f0da"; font-family: FontAwesome; margin-left: 10px;}
.intrebare > div { margin-bottom: 20px;}


/*categorii mobile*/
#categorii-mobile-menu { padding: 40px 0 30px   ; /*border-top: 1px solid #eeeeee;*/ }
#categorii-mobile-menu .categorii { display: grid; grid-template-columns: repeat(4,1fr); grid-gap:30px 15px;}
#categorii-mobile-menu img { display: block; width: 100%; height: 100%; object-fit: cover;}
#categorii-mobile-menu span { display: block; margin-top: 10px;}
#categorii-mobile-menu a { background: transparent; border: none; padding: 0;font-size: 10px; text-align: center; text-transform: uppercase;}
#categorii-mobile-menu a.active-arrow { color: #e51732 !important; border: 1px solid #e51732;}
#categorii-mobile-menu a:after { content: none;}
#categorii-mobile-menu  .red-button { padding: 15px 25px; grid-column: 1/5;}
#cauta-mobile { display: none; }

#categorii-mobile-menu LI.suplimente-la-oferta { grid-column: 1/5; margin-top: -10px;}
#categorii-mobile-menu LI.suplimente-la-oferta a. {font-size: 16px !important;}
#categorii-mobile-menu LI.suplimente-la-oferta a:after { content: '%' !important; margin-left: 3px; background: var(--color-brand-1); padding: 0 5px; color: #fff; border-radius: 2px; display: inline-block;}
#categorii-mobile-menu LI.suplimente-la-oferta a:before { content: '%'; margin-right: 3px; background: var(--color-brand-1); padding: 0 5px; color: #fff; border-radius: 2px; display: inline-block;}
#categorii-mobile-menu > ul > li.suplimente-la-oferta > a { font-size: 16px; }

#categorii-mobile {padding: 10px 15px; margin-bottom: 10px;display: block; }
#producatori-mobile-menu { padding: 10px 15px; margin-bottom: 20px; display: block;}
#producatori-mobile-menu-button span, #categorii-mobile-button span { display: none !important;}

#myModal .location, .locationCurrency {font-weight: bold}