/* ========================================================================== NORMALIZE - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css ========================================================================== */ /* Document */ html {line-height: 1.15; /* 1 */-webkit-text-size-adjust: 100%; /* 2 */} /* Sections*/ body {margin: 0;} main {display: block;} h1 {font-size: 2rem;margin: 0.67em 0;} /* Grouping content*/ hr {box-sizing: content-box; /* 1 */height: 0; /* 1 */overflow: visible; /* 2 */} pre {font-family: monospace, monospace; /* 1 */font-size: 1rem; /* 2 */} /* Text-level semantics */ a {background-color: transparent;} abbr[title] {border-bottom: none; /* 1 */text-decoration: underline; /* 2 */text-decoration: underline dotted; /* 2 */} b, strong {font-weight: bolder;} code, kbd, samp {font-family: monospace, monospace; /* 1 */font-size: 1rem; /* 2 */} small {font-size: 80%;} sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;} sub {bottom: -0.25em;} sup {top: -0.5em;} /* Embedded content */ img {border-style: none;} /* Forms */ button, input, optgroup, select, textarea {font-family: inherit; /* 1 */font-size: 100%; /* 1 */line-height: 1.15; /* 1 */margin: 0; /* 2 */} button, input { /* 1 */overflow: visible;} button, select { /* 1 */text-transform: none;} button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;} button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0;} button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;} fieldset {padding: 0.35em 0.75em 0.625em;} legend {box-sizing: border-box; /* 1 */color: inherit; /* 2 */display: table; /* 1 */max-width: 100%; /* 1 */padding: 0; /* 3 */white-space: normal; /* 1 */} progress {vertical-align: baseline;} textarea {overflow: auto;} [type="checkbox"], [type="radio"] {box-sizing: border-box; /* 1 */padding: 0; /* 2 */} [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;} [type="search"] {-webkit-appearance: textfield; /* 1 */outline-offset: -2px; /* 2 */} [type="search"]::-webkit-search-decoration {-webkit-appearance: none;} ::-webkit-file-upload-button {-webkit-appearance: button; /* 1 */font: inherit; /* 2 */} /* Interactive */ details {display: block;} summary {display: list-item;} /* Misc */ template {display: none;} [hidden] {display: none;} /* ========================================================================== WEBSITE CUSTOM ========================================================================== */ html { font-size: 16px;} BODY {background-color: #fff;font-family: 'Mulish',sans-serif; font-weight:500;line-height:2em;font-size: 1rem;color: #484848;} .wrapper {max-width: 1320px;width: 96vw;margin: 0 auto;} *, *::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:rgb(162, 144, 97);} a:focus { outline: none;} button { padding: 0; cursor: pointer; color: inherit; border-width: 0; background-color: transparent;} figure { margin: 0;} /* SCROLL BAR ========================================================================== */ body::-webkit-scrollbar { width: 8px;} body::-webkit-scrollbar-track { background: #24292e;} body::-webkit-scrollbar-thumb {height: 3.125em; outline: none;background-color: #242424;} /* NOTIFICATIONS, SUCCESS, ERRORS ========================================================================== */ .noResults { display: inline-block; width: 80%; margin: 2.5em 10%; padding: 1em 2em; text-align: center; color: #000000; border: 1px solid #dddddd;background: transparent;font-weight: 500;} .successMessage { margin: 0.625em 0; color: #3d8540;font-weight: 600;} .errorMessage { margin: 0.625em 0; color: #da1b0c;font-weight: 400;} #pgError { min-height: 60vh; display: flex; align-items: center;} #pgError p { font-size: 1.2rem; margin: 2em 0 1em; font-weight: 600;} #pgError .wrapper { position: relative; z-index: 1;} #pgError ul li { list-style-type: none; font-size: 1.2rem;} #pgError li::before { margin-right: 0.375em; content: "\f0da"; font-family: FontAwesome;} INPUT.error, SELECT.error, TEXTAREA.error, INPUT.error-js, SELECT.error-js, TEXTAREA.error-js, .error, .message-error-container { border: 1px solid #da1b0c !important; margin-bottom: 0;} .message-error-container {padding: 10px 10px 0 10px;} /*.boxExplanation.error .message-error-container { border: none !important; padding: 0;}*/ /* MAP ========================================================================== */ #map { width: 100%; height: 600px; background: #dddddd;} /* TYPO ========================================================================== */ p { margin: 0;} ol { margin: 0; padding: 0 0 0 0.9375em;} 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-family: 'Open Sans Condensed', sans-serif;font-weight: 300;color: #484848;line-height: 1.2em;} h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 400;} h1 {margin-bottom: 2em;font-size: 3.4rem;} h2 { margin-bottom: 1em; font-size: 3rem;color:rgb(162, 144, 97);} h3 { margin-bottom: 1em; font-size: 2rem; } h4 {margin-bottom: 1em;font-size: 1.4rem;} h5, .compressTitle { margin-bottom: 1em; font-family: 'Roboto', sans-serif;text-transform: uppercase;letter-spacing: 2px;font-size: 14px;line-height: 25px;font-weight: 700;} h6 { margin-bottom: 1em; font-size: 1.2rem;} .bold, strong, b { font-family: 'Mulish', sans-serif;font-weight: 600;} /* BOXES ========================================================================== */ .box100 {width: 100%;} .box85 {float: left; width: 85%; margin-right: 2%;} .box75 {float: left; width: 75%;} .box60 {float: left; width: 60%;} .box50 {float: left; width: 48.5%; margin-right: 3%;} .box50:nth-of-type(2n) {margin-right: 0;} .box40 {float: left; width: 40%;} .box30 {float: left; width: 32%; margin-right: 2%;} .box30:nth-of-type(3n) {margin-right: 0;} .box25 {float: left; width: 24.2%; margin-right: 0.5%;} .box25:nth-of-type(4n) {margin-right: 0;} .box20 {float: left; width: 19%; margin-right: 1.2%;} .box20:nth-of-type(5n) {margin-right: 0;} .box15 {float: right; width: 13%;} .box7 { float: left; width: 70%;} .box5 { float: left; width: 50%;} .box3 { float: left; width: 30%;} .box4 { float: left; width: 23.5%; margin-right: 2%;} .box4:nth-of-type(4n+4) { margin-right: 0;} /* BG ========================================================================== */ .redBg { background-color: #e31a33;} .grayBg { background-color:#f4f4f4;} .lightGrayBg { background-color: #f9f9f9;} .whiteBg { background-color: #ffffff;} .blackBg { background-color: #000000;} .mainColorBg {background:#a29061; color: #ffffff;} .mainColorBg h1, .mainColorBg h2, .mainColorBg h3 {color: #ffffff;} .mainColorBg b, .mainColorBg strong {color: #ffffff;} .secondaryColorBg { background-color: #242424; color: #ffffff;} .whiteTxt h2 { color: #ffffff;} .whiteTxt .borderButton { color: #ffffff; border-color: #ffffff;} .whiteTxt .borderButton:hover { background: #ffffff; color: rgb(162, 144, 97);} /* HELPER CLASSES ========================================================================== */ .clearfix:before, .clearfix:after { display: table; content: " "; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .floatLeft { float: left;} .floatRight { float: right;} /* EDITOR ========================================================================== */ .content {} .content h1 { margin-bottom: 1.25em;} .content h1:not(:first-of-type) { margin: 1.25em 0; padding-top: 1.25em; border-top: 1px solid #d1d1d1;} .content h2, .content h3, .content h4, .content h5, .content h6 {/* margin: 1.5625em 0; *//* text-transform: none; *//* line-height: 1.2em; */} .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: 0.625em 0; transition: all 0.3s ease-in-out; border-top: 1px solid #dddddd; background: transparent;} .content table td, .content table th { padding: 0.625em 1.25em; text-align: left; border: none;} .content table th { color: #ffffff; background: transparent;font-weight: 400;} .content table tr:hover { background: #ffffff;} /*.content a { color: #242424;}*/ .content a.mainButton { float: none; color: #000000;} .content ul, .content ol { margin-bottom: 1.25em;} .content ul li { position: relative;} .content ul li::before { position: relative;top: 3px; float: left; margin-right: 6px; content: "\f0da"; color: #242424; font-family: FontAwesome;} .content ul li ul { padding-left: 1.875em;} /*.content ul li ul li::before { margin-right: 3px; content: "- "; color: #757575; font-size: 120%;}*/ .content span strong { text-decoration: underline;} .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: #6a6a6a;} :-ms-input-placeholder {color: #6a6a6a;} ::placeholder {color: #6a6a6a;} .formStyle {} /*.formStyle input, .formStyle textarea, .formStyle select { background-color: #ffffff;display: block; width: 100%; margin-bottom: 10px;padding: 0.9375em;letter-spacing: 1px;color:#333333;border: 1px solid #eeeeee;font-family: 'Roboto', sans-serif;}*/ .formStyle input, .formStyle textarea, .formStyle select {font-size: 1rem;display: block;width: 100%; /*height: 36px;*/padding: 14px 20px;background: #ffffff;color: #333333;border: 1px solid #e8e8e8;} .formStyle input:focus, .formStyle textarea:focus, .formStyle select:focus { border-color: #000000; outline: none; outline: 0;} .formStyle button { float: right;transition: all 0.3s ease-in-out;} .formStyle button:focus { outline: none;} select {/* padding-right:22px !important; *//* -webkit-appearance: initial; *//* appearance: initial; *//* background-image: url("data:image/svg+xml;utf8,"); *//* background-color:#FFFFFF; *//* background-repeat:no-repeat; *//* background-position: right center; */} .formStyle input.error, .formStyle textarea.error, .formStyle select.error {margin-bottom: 0;} .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;} .styleForm {} .groupForm {position: relative;margin-bottom: 15px; padding-top: 8px;} .labelForm {color: #6a6a6a;font-size: 1rem;/* letter-spacing: 1px;*/font-weight: normal;position: absolute;pointer-events: none;left: 15px;top: 21px;padding: 0 5px;background: #ffffff;line-height:1.4em;transition: 0.2s ease all;} .inputForm {font-size: 1rem;display: block;width: 100%; /*height: 36px;*/padding: 14px 20px;background: #ffffff;color: #333333;border: 1px solid #e8e8e8;} .inputForm:focus, .inputForm:-webkit-autofill { outline: none;border: 1px solid #000000; -webkit-box-shadow: 0 0 0 30px white inset !important;} .inputForm:focus ~ .labelForm, .inputForm:-webkit-autofill ~ .labelForm, .inputForm:not(:placeholder-shown) ~ .labelForm {top: 0;font-size: 12px;color: #000000;line-height: 1.8em;background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255) 38%);} .errorForm { font-size: 12px; color: #da1b0c; display: block; padding-top: 4px; line-height: 1;} .error ~ .labelForm, .message-error-container ~ .labelForm { color:#da1b0c !important; top: 0;font-size: 12px;} select.inputForm::-ms-expand {display: none;} select.inputForm:not([value="0"]):valid ~ .labelForm {top: 0; font-size: 12px;} .select2-container--default .select2-selection--single { border-radius: 0;padding: 14px 20px;background-color: #ffffff;color: #333333;border: 1px solid #e8e8e8;} .select2-container .select2-selection--single { height: 48px;} .select2-container--default .select2-selection--single .select2-selection__rendered { 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-dropdown { border-color: #e8e8e8;} [id^='cantitate']:invalid {background: red;} /* TABLES ========================================================================== */ table { border-spacing: 0; border-collapse: collapse; } /* BUTONS ========================================================================== */ .mainButton { position: relative;z-index: 1;display: inline-block;padding: 1em 1.8em;font-weight:500;font-family: 'Roboto', serif;font-size: 0.8rem;line-height: 1em;letter-spacing: 1px;border-radius: 30px;text-transform: uppercase;color:#ffffff;border: 2px solid rgb(162 144 97 / 100%);background:rgb(162 144 97 / 100%); transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1), border-color .45s cubic-bezier(0.25, 1, 0.33, 1), color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1);} .mainButton:hover { box-shadow: 0 20px 38px rgb(0 0 0 / 16%); transform: translateY(-3px); opacity: 0.87; } .borderButton { position: relative;z-index: 1;display: inline-block;padding: 1em 1.8em;font-weight:500;font-family: 'Roboto', serif;font-size: 0.8rem;line-height: 1em;letter-spacing: 1px;border-radius: 30px;text-transform: uppercase;color: rgb(162, 144, 97);border: 2px solid rgb(162 144 97 / 75%);background:transparent; transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1), border-color .45s cubic-bezier(0.25, 1, 0.33, 1), color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1);} .borderButton:hover { box-shadow: 0 20px 38px rgb(0 0 0 / 16%); transform: translateY(-3px); background: rgb(162, 144, 97); color: #ffffff;} .backButton { margin-top: 80px; float: right;} .simpleButton { color:#333333;position: relative; padding-bottom: 0.625em;} .simpleButton:after, .simpleButton:before { position:absolute; content: '';left: 0; top:100%; height: 1px;transition: all 0.3s ease-in-out;} .simpleButton:after { background: #dedcd8; width: 100%; } .simpleButton:before { background: #000000; width:0; z-index: 1;} .simpleButton:hover:after {background: #000000;} /* OTHERS ========================================================================== */ .borderTop { border-top: 1px solid #d1d1d1;} .alignRight { text-align: right;} .alignCenter { text-align: center;} .tabelFormatat { overflow-x: scroll;} .shadow { box-shadow: 0 0 0.625em 0 rgba(0, 0, 0, 0.2);} .imgContainer { position: relative; overflow: hidden;} .imgContainer img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 100%;object-fit: cover;height: 100%;} .content .download { color: #242424; } .download { position: relative; display: block; padding: 0.625em 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;} .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;} hr { height: 1px; background: #dddddd; width: 100%; max-width: none;margin: 1.25em auto;border: 0;} .hidden { display: none !important;} /*??? - de verificat*/ .fullWidthImage {width: 100%; height: auto;} .alignRight {text-align: right;} .borderMain { border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;} .textureBg { background-color: #eeeeee;} .blackBg { background-color: #000;} .halfBox { float: left; width: 50%;} .boxContent {} .boxPadding { padding: 3.75em;} .halfLine {width: 9.375em; height: 1px; margin-bottom: 1.875em; border-bottom: 1px solid #242424;} .bgGrey { background-color: rgb(190 188 188 / 26%);} .borderBottom { border-bottom: 1px solid #d7d7d7;} .redMark { display: table; color: #fff; background-color: #ff0000;} /* ========================================================================== MAIN CONTAINERS ========================================================================== */ #my-page { overflow: hidden;} .headerContainer {position: fixed;z-index: 10;left: 0;right: 0;top: 0;transition: background-color 0.3s ease 0s,box-shadow 0.3s ease 0s,margin 0.25s ease;} .mainContainer { position: relative; z-index: 2; width: 100%;background: #fff; padding-top: 100px;} .generalPadding { padding: 130px 0;} .generalPadding.compressPadding { padding: 30px 0 130px;} .paddingLeft {padding-left: calc((100vw - 1320px) / 2);} .paddingRight {padding-right: calc((100vw - 1320px) / 2);} /* PAGE TITLE ========================================================================== */ .pageTitle {margin-bottom: 6em;} .compressPadding .pageTitle { margin-bottom: 3em;} .pageTitle hr { margin-top: 40px; } .pageTitle .subtitle { font-family: 'Roboto', sans-serif;text-transform: capitalize;letter-spacing: 0;font-size: 1rem;line-height: 30px;font-weight: 700; color: #888888;} .pageTitle .title { margin: 0;} .pageTitle .intro { font-size: 20px;line-height: 28px;} .pageTitle .autor {display: inline-flex;gap: 15px; margin-top: 20px;line-height: 1em; font-family: 'Mulish', sans-serif; font-size: 1rem; font-weight: 500; color: #888888; } .pageTitle .autor li:not(:first-of-type){ border-left: 1px solid #eeeeee; padding-left: 15px;} .pageTitle .titlePart { display: block;} .categ {display: inline-flex;gap: 15px; margin-bottom: 20px;} .categ .borderButton {border-color: #000000;color: #000000;padding: 5px 10px;text-transform: none;font-family: 'Montserrat', sans-serif;font-weight: 500;letter-spacing: unset;font-size: 1rem;} /*..pageTitle .title { position: relative; margin:0;font-size: 3rem; font-weight: 600; line-height: 1em; text-transform: lowercase;} .pageTitle .title::first-letter {text-transform: uppercase;} .pageTitle .intro { font-size: 1.125rem; color: #242424; text-transform: uppercase;} .pageTitle iframe { margin-top: 1.25em;}*/ /* .pageSectionTitle { margin-bottom: 2.5em;} .pageSectionTitle p { max-width: 635px; margin: 0 auto; text-transform: none; } .pageSectionTitle .intro { font-size: 1.2rem;} .pageSectionTitle .title { font-size: 2rem; display: inline-block; position: relative; margin: 0.625em 0 0;font-weight: 600; line-height: 1em;} */ hr {height: 1px;margin-bottom:40px;background-color: #dddddd;} /* 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; } /* 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%;} /* ========================================================================== HEADER ========================================================================== */ .whiteTxt #boxUserTools > A, .whiteTxt .mainMenu > li > a {color: #ffffff;} #my-header.scrollHeader {background: #ffffff;box-shadow: 0 0 3px 0 rgb(0 0 0 / 22%);} #my-header.scrollHeader .mainMenu a { color: #999;} #my-header.scrollHeader #boxUserTools > A { color: #999;} #my-header.scrollHeader .mainMenu a:after { border-color:#a29061;} .header {display: flex;width: 100%;align-items: center;justify-content: flex-end;font-family: 'Roboto', sans-serif;font-size: 0.9rem;font-weight: 500;} /*LANGUAGE*/ /*#languageBox { position: relative; height: 100%;} #languageMenu {position: absolute; right:0; z-index: 2; top: 0;display: inline-block;} #languageMenu a:not(.active) { opacity: 0; display: none; background: #dedcd8;} #languageMenu:hover a { opacity: 1; display: flex;} .languagePicker a { color: #333333;display: flex; height: 2.4em; width: 3.75em; justify-content: center; align-items: center;} .languagePicker a:hover { color: #242424;} .languagePicker a.active { background: #242424; color: #ffffff;}*/ /*LOGO*/ #boxLogo { margin-right: auto;} #boxLogo IMG {margin: 0 auto;padding: 30px 0;display: block;width: 123px;transition: all 0.3s ease;/*-webkit-filter: drop-shadow(0.3125em 0.3125em 0.3125em rgba(0, 0, 0, 0.5));filter: drop-shadow(0.3125em 0.3125em 0.3125em rgba(0, 0, 0, 0.5));*/} #boxLogo IMG:hover {opacity: 1;} /*MENU*/ @media only screen and (min-width: 1201px) { .boxMenu, .boxMenu nav { align-self: stretch; display: grid; } /*.mainMenu ul { height: 100%;}*/ .mainMenu ul .breaker { margin-right: auto;} .mainMenu > li {margin-right: 30px;display: inline-flex;height: 100%;position: relative;} .mainMenu a {display: flex;align-items: center;position: relative;color: #000000;opacity:0.75;text-transform: uppercase;font-weight: 500;letter-spacing: 1px;transition: opacity 0.2s ease, color 0.2s ease;} .mainMenu a:after {border-top: 2px solid #000;content: '';top: 60%;position: absolute;width: 0;left: 0;transition: all 0.3s ease;} .mainMenu a:hover:after, .mainMenu a.active:after {width: 100%;} .mainMenu a.active {opacity: 1;} /*dropdown*/ .mainMenu li:hover .dropdown { visibility: visible;transform: translateY(0);opacity: 1; pointer-events: auto;} .dropdownBtn a { position: relative;} .dropdown {padding:0 15px;min-width: 220px;pointer-events: none;top: 101%;position: absolute;z-index: 10;display: block;transition: all 0.3s ease-in;height: auto;background: #fff;transform: translateY(1.25em);opacity: 0;visibility: hidden;box-shadow: 0 19px 35px rgb(0 0 0 / 11%);} .dropdown a:after { content: none;} .dropdown a {padding: 0 5px;color: #999;font-size: 0.8rem; line-height: 1.6em; margin: 15px 0;} .dropdown a:hover, .dropdown a.active { background: #a29061; color: #ffffff !important;} /* .gridMenu { display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 30px;} .gridMenu a { display: block;} .gridMenu .title, .gridMenu .btn { grid-column: 1/7;} .gridMenu .allBorder { display: flex;} .gridMenu .imgBox { position: relative;display: block; overflow: hidden; height: 100px; margin-bottom: 20px;} .gridMenu .imgBox img {object-fit: cover;width: 100%;height: 100%;object-position: center;position: absolute; transition: all 0.5s ease-in-out;} .gridMenu .imgBox img {object-fit: cover;width: 100%;height: 100%;object-position: center;position: absolute; transition: all 0.5s ease-in-out;} .dropdownMenu a { color: #000000;} .dropdownMenu a:hover img { transform: scale(1.1);} .dropdownMenu a span { display: inline-block; position: relative;} .dropdownMenu a span:after { display: block;content: '';left: 0;top: 100%;height: 1px;background: #000000;width: 0;transition: all 0.3s ease-in-out;} .dropdownMenu a:hover span:after, .dropdown .active span:after { width: 100%;} .dropdownMenu li { position: relative;} .dropdownMenu > li > a { text-transform: uppercase;} .dropdownMenu > li { !* margin-top: 20px;*!} .dropdownMenu > li > ul { margin-top: 20px;} .dropdownMenu .title { color: rgb(0 0 0 / 1); font-size: 2em; margin-top: 20px; margin-bottom: 0;} .gridBoxesMenu { height: 100%;align-self: stretch;display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 60px;} .gridBoxesMenu a { overflow: hidden;display: flex;height: 100%; position: relative;flex-direction: column;justify-content: space-between; background-color: #dedcd8; background-blend-mode: multiply; background-size: cover; background-position: center; background-repeat: no-repeat;} .gridBoxesMenu img { width: 100%; height: 100%; object-fit: cover;position: absolute; z-index: -1;} .gridBoxesMenu .title {color: rgb(0 0 0 / 1);font-size: 2em;padding: 20px; width: 100%; position: relative; background: rgba(222, 220, 216, 0.4);} .gridBoxesMenu .allBorder { width: 100%; padding: 20px;margin: 0;position: relative; background: rgba(222, 220, 216, 0.4);} .allBorder {border-top: 1px solid rgb(0 0 0 / 0.1); padding-top: 20px; display: flex; justify-content: space-between; margin-bottom: 20px; text-transform: uppercase;} .allBorder i { color: #000000;transition: all 0.5s ease-in-out;} .allBorder a { color: rgb(0 0 0 / 1); display: flex; width: 100%;} .allBorder span:after { content: none !important;} .allBorder:hover i { transform: translateX(-10px);}*/ } /*USER*/ /*search button*/ .noScrollBody { overflow: hidden;max-height: 100vh;} #boxSearchContainer { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255,255,255,1); z-index: 11;} #boxSearchContainer:after{ position: absolute; top: 5%; right: 20vw; content: '\f00d '; font-family: FontAwesome; color: #dedcd8; font-size: 1.5em;} #boxSearchContainer INPUT { width: 100%; padding: 10px 30px; border: none; border-bottom: 1px solid #d8d8d8; color: #414141; background: transparent; font-size: 24px; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing: border-box;} #boxSearchContainer INPUT:focus { outline: none;} #search-input { position: relative; top: 30vh; margin: auto; width: 50vw;} #search-input .fa-search { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: 18px; color: #dedcd8;} #search-widget { line-height: initial;} #searchBox::-webkit-input-placeholder { /* Edge */color: #e3d0aa;} #searchBox:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #e3d0aa;} #searchBox::placeholder {color: #e3d0aa;} #searchBox { border: 1px solid transparent;} #searchBox:focus { border: 1px solid #dedcd8;} /*user menu*/ #boxUserTools { display: flex; justify-content: end;} #boxUserTools .boxTools { position: relative;display: flex; justify-content: space-between;} #boxUserTools > A {display: flex;align-items: center;margin-left: 30px;color: #333333;} #boxUserTools > A:first-of-type { margin: 0;} #boxUserTools > A:hover i { color: #ab9a70;} #boxUserTools > A span:not(.countCart) { display: none;} #boxUserTools > A b {display: inline-block; margin-bottom: 0.3125em; font-size: 0.875rem;} #boxUserTools > A > I {/* padding-right: 0.625em; */} #boxUserTools .countCart { right: auto; left: 1em; top:-4px;} /*cart*/ #cart-container { position: relative;} .boxCart { position: relative;} .countCart { position: absolute; top: -2px; right: -2px; width: 14px; height: 14px; text-align: center; display: flex; justify-content: center; align-items: center; font-size:0.75rem; font-weight: 600; line-height: 1em; border-radius: 50%; background: #ab9a70; box-shadow: 0 5px 12px rgb(0 0 0 / 20%); color: #ffffff;} /*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: #999;} .language li { 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: #a29061; 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;} .language a { color:#999;} .language a:hover, .language a.active {color: #000;} /* 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; object-fit: cover; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } /* ========================================================================== HOME PAGE ========================================================================== */ #homePage {overflow: hidden;} #homePage > .grid2fr { margin-top: -100px;} #homePage > .grid2fr ~ .grid2fr { margin-top: 0;} #homePage .grid2fr {display: grid;display: grid;grid-template-columns: 1fr 1fr;/* grid-gap: 100px; */} #homePage .grid2fr.paddingLeft {grid-template-columns: calc(1320px / 2) 1fr;} #homePage .grid2fr .grid { display: grid; grid-template-columns: 1fr 1fr;} #homePage .imgBox img {width: 100%; display: block;} #homePage .gridCenter { align-items: center;} #homePage .grid.imgBox {padding-right: calc(100vw * 0.05);} #homePage .grid.imgBox {padding-right: calc(100vw * 0.05);} #homePage .flex {display: flex;align-items: flex-start; gap: 30px;} #homePage .darkGrayBg { position: relative; overflow: hidden;} #homePage .darkGrayBg .shape {position: absolute;left: 0;transform: rotate(180deg);right: 0;top: -12px;transform: rotate(180deg); z-index: 2;} #homePage .textBox {padding: 0 100px;} #homePage .generalPadding h3 { color: #a29061;} #homePage li:before { margin-right: 15px; font-size: 0.9em; font-family: FontAwesome; content: '\f005'} .darkGrayBg { background: #747e7d; color: #ffffff;} .darkGrayBg h2 { color: #ffffff;} .zoomOut {transition: transform .65s cubic-bezier(.05,0.2,.1,1);} .zoomOut:hover {transform: scale(1.13);} #homeSections {position: relative;} #homeSections svg {width: 100%;left: 0;bottom: -1px;height: 100%;position: absolute;/* z-index: 2; */} #homeSections .sectionBg .grid { padding: calc(1245px * 0.15) 0;} #homeSections .grid { position: relative;z-index: 2;display: grid;grid-template-columns: 16% 1fr 50%;/* grid-gap: 143px; */} #homeSections .section {/* overflow: hidden; */background-color: white;position: relative;} #homeSections .intro {direction:ltr;background: #fff;padding: 50px;border-radius: 15px;position: relative;z-index: 12222;font-family: 'Mulish',sans-serif;/* margin-left: 100px; */margin-bottom: 30px;box-shadow: 0 30px 80px rgb(0 0 0 / 14%), 0 20px 70px rgb(0 0 0 / 12%);font-weight: 600;} #homeSections .introSide {padding: calc(1245px * 0.05); margin-right: 60px;} #homeSections .borderButton { margin-top: 25px; margin-bottom: 0;} #homeSections .borderButton { margin-top: 25px; margin-bottom: 0;} .introSide.content {} #homeSections .section:first-of-type { z-index: 2;} #homeSections .section:first-of-type .introSide {padding-left: 34%;} #homeSections .whiteTxt {color: #ffffff;font-weight: 500;} #homeSections .whiteTxt .intro { background: #a29061;} #homeSections .section:nth-of-type(odd) .grid {direction: rtl;text-align: left;position: relative;} #homeSections .gradient {position: relative;} #homeSections .gradient .wrapper { position: relative;} #homeSections .gradient:after {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: ' ';/* z-index: 2; */background: linear-gradient(45deg, #595959 0%, rgba(72, 72, 72, 0.13) 100%);} .pageBanner { min-height:800px; height: 100vh; position: relative; display: flex; align-items: center; justify-content: center;} .pageBanner .bannerImg {position: absolute;left: 0;right: 0;top: 0;bottom: 0;} .pageBanner .pageTitle {position: relative;z-index: 2; text-align: center;} .pageBanner.gradient:after { display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: ' ';z-index: 1;backface-visibility: hidden;background: rgba(255, 255, 255, 0.01);background: linear-gradient(to bottom, rgba(255, 255, 255, 0.01) 0%, #ffffff 100%);opacity: 1;} .bannerImg {object-fit: cover;height: 100%;width: 100%;} .sigle { position: relative;z-index: 2; display: flex; flex-direction: column; align-items: center;} .sigle img { width: 250px;} .sigle h1 {margin: 30px 0;color: rgb(162, 144, 97);font-family: 'Open Sans Condensed', sans-serif;text-transform: capitalize;letter-spacing: 0;font-size: 60px;line-height: 74px;font-weight: 300;} .sigle .casaregala { width: 150px;} .shapeTop {height: 20vw;margin-left: -50vw;left: 50%;position: absolute;width: 100vw;transform: rotate(180deg);/* z-index: 1; */top: 0;} .shapeTop svg path:nth-child(1) {opacity: 0.15;} .shapeTop svg path:nth-child(2) {opacity: 0.3;} .shapeBottom { height:240px;position: absolute;top: auto;bottom: 0;left: 0;right: 0;width: 100%;height: 150px;z-index: 3;transform: translateZ(0);} .shapeBottom svg { width: 100%;left: 0;bottom: -1px;height: 100%;position: absolute;} #elemente { padding-bottom: 110px;} #elemente img { width: 130px; display: block;} #elemente .flex { display: flex; justify-content: flex-start; gap:40px;} #elemente h2 { margin: 30px 0 0;} /* 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%)} /* HALFBOXES - CATEGORII */ .halfBoxes { display: grid; grid-template-columns: repeat(2,1fr); grid-template-rows:minmax(500px,1fr);overflow: hidden;} .halfBoxes img { object-fit: cover; width: 100%; height: 100%; object-position: center;position: absolute;} .halfBoxes .left, .halfBoxes .right { display: flex;} .halfBoxes .imgBox { width: 100%; position: relative; display: flex; justify-content: center; align-items: center;} .imgBox.main { position: relative; border:1px solid transparent;} .imgBox.main:after { position: absolute; content: ''; top:0; bottom: 0; left:0;right: 0; background: rgb(255 255 255 / 70%); z-index: 1;transition: all 0.3s ease-in-out;} .halfBoxes .content { padding: 60px 0;} .halfBoxes .mainButton { margin-top: 30px;} .halfBoxes .pageSectionTitle { text-align: center;font-size: 3.2em; position: relative; z-index: 2; margin: 0; padding:60px;} /*.halfBoxes .pageSectionTitle { text-align: center;font-size: 3.2em; position: absolute; z-index: 2; top: 50%;left: 50%;transform: translate(-50%, -50%);}*/ .halfBoxes:hover .imgBox.main:after { background: rgb(255 255 255 / 100%);} .halfBoxes .title { position: relative; padding-bottom: 0.625em;} .halfBoxes .title:after { position:absolute; content: '';left: 0; right: 0; margin: auto; top:80%; height: 1px; background: #000000; width: 0; transition: all 0.3s ease-in-out;} .halfBoxes:hover .title:after {width: 80px;} /*BLOG SECTION*/ .blogHome { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; } #homePage .blogHome .imgBox { max-height: 300px; } #homePage .blogHome .imgBox img { height: 100%; width: 100%; object-fit: cover; } .blogHeader { display: flex;flex-direction: column;justify-content: center;align-items: center; } /* ========================================================================== PAGE MAGIE ========================================================================== */ #magiePage { overflow: hidden; color: #ffffff;} #magiePage .pageBanner .pageTitle { text-align: left;} #magiePage .title, #magiePage .subtitle { color: #ffffff;} #magiePage .flex {display: flex;gap: 30px;justify-content: space-between;text-align: center;flex-flow: row;} #magiePage .flex > div {width: 100%;} #magiePage .flex img { max-width: 130px;width: 100%; display: block; margin: 0 auto;} #magiePage .flex span {display: inline-block;font-family: 'Roboto', sans-serif;text-transform: uppercase;letter-spacing: 2px;font-size: 14px;line-height: 25px;margin-top: 15px;font-weight: 700;} #magiePage .grid {display: grid;/* align-items: center; */grid-template-columns: repeat(2,1fr);} #magiePage .mainColorBg { padding: calc(100vw * 0.08);} #magiePage .intro {width: 66%;margin: 0 auto 100px;font-size: 18px;color: rgba(255, 255, 255, 0.65);line-height: 36px;text-align: center;} #magiePage .echilibru { text-align: center; } #magiePage .beneficii { color: rgba(255,255,255,0.65); text-align: center;} #magiePage .beneficii .grid {grid-template-columns: repeat(3,1fr); grid-gap: 100px;} .blackLeftGradient,.blackGradient { position: relative;} .blackLeftGradient:after,.blackGradient:after {background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0.01) 100%);opacity: 1;display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: ' ';/* z-index: 2; */backface-visibility: hidden;} .blackGradient:after { background-color: #0a0a0a;opacity: 0.5;} .blackLeftGradient .wrapper, .blackGradient .wrapper { position: relative;z-index: 1;} .playButton {border: 3px solid rgb(255 255 255 / .6); border-radius: 50%;height: 90px;width: 90px; color: #ffffff; transition: all 0.4s cubic-bezier(0.19,1,0.22,1) 0s;} .playButton:hover { transform: scale(1.1);border-color: rgb(255 255 255 / .3);} .playButton span {transition: all 0.4s cubic-bezier(0.19,1,0.22,1) 0s;width: 0;height: 0;border-top: 11px solid transparent;border-left: 17px solid #ffffff;border-bottom: 11px solid transparent;} .playButton:hover span {transform: scale(1.03);} .centerAll {display: flex; align-items: center;justify-content: center;} .echilibru {} .iconSymbol {line-height: 0;margin: 0 auto 24px;background: #000000;text-align: center;border-radius: 100px;position: relative;border: 2px solid rgba(255, 255, 255, 0.3);height: 125px;width: 125px;transition: all .45s cubic-bezier(0.25,1,0.33,1) !important;} .iconSymbol i {color: #a38b54;font-size: 50px;} .iconSymbol:hover { border-color: #a38b54;} /* ========================================================================== PAGE PREMII ========================================================================== */ #premiiPage {} .gridCategButtons { display: flex; gap: 20px; margin-top: 40px; align-items: center;} .buttonIcon i.fa-angle-down { color: #ffffff; } .buttonIcon .fa-stack {/* transform: translateX(18px); */font-size: 16px;} .buttonIcon {text-transform: none;font-family: 'Montserrat', sans-serif;font-weight: 500;letter-spacing: 0;font-size: 0.9rem;display: inline-flex;padding: 3px 5px 3px 25px;line-height: 1em;justify-content: space-between;align-items: center;gap: 10px;} .mainButton.buttonIcon i.fa-circle { color: rgba(255,255,255,0.22); } .borderButton.buttonIcon i.fa-circle { color: rgb(162, 144, 97); } .gridPremii { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 80px;} .gridPremii > .titlu {grid-column: 1/4;color: rgb(72 72 72);margin-bottom: 40px;} .gridPremii > .titlu span { display: inline-block;position: relative; overflow: hidden;} .gridPremii > .titlu .line {background-color: #a29061;height: 8px;right: 0;left:0;content: '';bottom: 6px;display: block;position: absolute;z-index: -1;} .gridPremii img { max-width: 100%; max-height: 86px;} .gridPremii:not(:last-of-type) {margin-bottom: 160px;} .premiu {} .premiu .titlu { color: #484848; letter-spacing: normal; font-size: 20px; font-weight: 700; line-height: 26px; margin-bottom: 1.5em;} /* ========================================================================== LOCATII VANZAFRE ========================================================================== */ #vanzarePage {} #vanzarePage .pageTitle { text-align: center;} #vanzarePage .pageTitle .title { font-size: 3rem;} #vanzarePage .pageTitle .intro { margin-top: 5px;} .details {margin-bottom: 15px;} .details summary {font-family: 'Open Sans Condensed', sans-serif;font-weight: 300;padding: 14px 14px 16px 20px;font-size: 14px;line-height: 14px;position: relative;color: #484848;background: rgba(0, 0, 0, 0.045);transition: all 0.2s linear;} .details summary:hover {background-color: rgba(0,0,0,0.035);} .details summary::marker {content: '';} .details summary::before {content: '\f055';font-family: FontAwesome;margin-right: 10px;display: inline-block; color: #888;} .details[open] summary { background:#a29061; color: #ffffff; } .details[open] summary::before { content: '\f056'; color: #ffffff;} .detailsContent { padding: 10px 14px; /*border: 1px solid #eeeeee;border-top: none;*/ box-shadow: 0 1px 2px rgb(0 0 0 / 20%);} .detailsContent h3 {background: #a29061;color: #ffffff;padding: 5px 10px;text-transform: uppercase;font-size: 18px;display: inline-block;line-height: 26px;font-weight: 400;margin-top: 10px;font-family: 'Nunito', sans-serif;} .detailsContent ul {color: #484848;font-family: 'Open Sans Condensed', sans-serif;font-size: 20px;line-height: 26px;font-weight: 700;border-bottom: 1px solid rgba(0,0,0,0.12);margin-bottom: 10px;padding-bottom: 15px;} .titleDetails { color: #000000; font-family: 'Mulish', sans-serif; font-size: 2rem; margin: 0 0 20px;} .svgContainer {max-width: 776px; margin: 0 auto;} .lg-map-wrapper {position: relative;overflow: hidden;} .lg-map-wrapper .mapContainer {position: relative;} .lg-map-wrapper .lg-map-text {position: absolute;height: 100vh;width: 100vw; overflow-y: scroll;display: none;background: rgb(0 0 0 / 34%);padding:140px 12vw 100px;} .lg-map-text .content {background: #ffffff;padding: 15px;position: relative;} .lg-map-text.active {position: fixed;display: block;left: 0;right: 0;bottom: 0;top: 0;z-index: 99;margin: auto;} .closetTxtArea {position: absolute;height: auto;width: auto;left: auto;z-index: 18;right: 0px;border-radius: 50%;bottom: auto;top: 0px;padding: 8px;color: #ffffff;font-family: inherit;font-weight: 400;font-size: 12px;line-height: 36px;border: 1px none #ffffff;box-shadow: 1px 1px 3px 0px rgb(2 2 2 / 23%);text-shadow: 0px 0px 0px rgb(0 0 0 / 23%);background-color: rgba(0, 0, 0, 1.00);} .tooltip {position:fixed;display:none; line-height: 1em;padding:8px 5px;font-size:14px;font-weight:bold;border:1px solid #262626;background:#f2f2f2;-moz-border-radius: 4px; /* FF1-3.6 */-webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android <1.6 */border-radius: 4px 4px 4px 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ *//* useful if you don't want a bg color from leaking outside the border: */-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;} .mouse-position{position: fixed;top: 0;left: 0;background: #000;color: #fff;font-size: 14px;padding: 10px;} .lg-map-text.active::-webkit-scrollbar { width: 0;} .lg-map-text.active::-webkit-scrollbar-track { background: transparent;} .lg-map-text.active::-webkit-scrollbar-thumb {height: 0.3125em; outline: none;background-color: transparent;} /* ========================================================================== PAGE DESPRE NOI ========================================================================== */ #desprePage {} #desprePage .echipa { padding-top: 0;} #desprePage .jarallax { min-height: 300px;} .echipa {} .echipa .grid {display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 1.5625em;} .itemEchipa { border: 1px solid #eeeeee;display: grid; grid-template-columns: 170px 1fr;} .itemEchipa .imgContainer { height: 100%;} .itemEchipa .imgContainer img { width: 100%;} .itemEchipa .textContainer {padding: 1.5625em;} /* ========================================================================== 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 0.625em; color: #333333; background: #ffd300; font-size: 0.8rem; font-weight: 600;} .overlayBox { position: absolute; z-index: 2; width: 100%; top: 0; bottom: 0; padding: 1.25em; 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; align-items: center;border-bottom: 1px solid rgba(0,0,0,0.07); margin-bottom: 40px; padding-bottom: 13px;} .flexSort select {padding: 10px;/* width: 100%; */border: none;font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 12px;line-height: 22px;display: inline-block;color: #555555;background-color: #ffffff;box-shadow: 0 1px 2px rgb(0 0 0 / 16%);transition: all 0.2s linear;} .flexSort p { margin-right: 10px; display: inline-block; color: #aaa;} /*breadcrumb*/ .breadcrumbTop {} .breadcrumbTop ul { list-style-type: none;} .breadcrumbTop li {position: relative;float: left;margin-right: 1.25em;font-size: 0.938rem;line-height: 1em;padding-left: 0;color: #aaa;} .breadcrumbTop li:not(:last-of-type):after { position: absolute; right: -1em; top:1px; content: '\f105'; font-size: 0.625rem; font-weight: 500; font-family: FontAwesome; color: #bbb; } .breadcrumbTop li:before {content: '';} .breadcrumbTop .notActive::before {content: none;} .breadcrumbTop .notActive {text-transform: lowercase;} .breadcrumbTop .notActive::first-letter {text-transform: uppercase;} .breadcrumbTop a { color: #767676;} .breadcrumbTop a:hover { text-decoration: none;} .breadcrumbTop.blackBg a:hover { color: #ffffff;} /*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: 0.625em;} .categorie .imgContainer img { width: 100%; max-height: initial;transition: all 0.7s ease-in-out;} .categorie .textContainer {} .categorie .mainButton { margin-top: 1.25em;} /*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:40px 20px} .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: 1.25em;} .listCatalog .preturi { margin-top: 1.25em; 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;} .produs .produsIntro {position: relative;z-index: 1;/* background: #fff; *//* text-align: center; */} .produs .title {text-transform: lowercase;} .produs .title::first-letter {text-transform: uppercase;} .produs .addCart, .produs .addWhishlist { position: absolute; z-index: 2; background: #a29061; color: #ffffff; padding: 0.625em 1.25em; display: block; bottom: 0; transition: all 0.3s ease-in-out; transform: translateY(101%);} .produs .addCart {left: 0; width: 100%; text-align: center;} .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 { padding-top: 100%; display: block;} .produs .imgContainer:after {} .produs img { max-width: 100%;left: 50%; transform: translate(-50%);transition: all 0.5s ease-in-out;} .produs:hover img { transform: scale(1.1) translateX(-45%);} .produs .price { display: inline-block; font-size:1.1rem; color:#a29061;} .produs .greutate {margin-right: 0.625em;} .produs .priceNew {font-size: 1rem !important;} .produs .priceOld {font-size: 0.9rem !important;} .produsIntro .title { margin: 10px 0; line-height: 23px;font-size: 18px;} .produsIntro p i { margin-right: 1em;} .produsIntro .titluPret { font-size: 1rem; margin-top: 3.125em;} .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: 1.25em;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: 0.625em; font-size: 1rem; color: #999999;} .preturi p:last-of-type {text-align: right;} /*produs detaliu*/ .infoBox {} .gridDetaliu {display: grid;grid-template-columns: 1fr;grid-gap:50px;/*direction: rtl;*/text-align: left;} .productDetails { margin-top: 30px; /*margin-top: 100vh; transition: all 0.5s ease-in-out;*/} /*.productDetails.active { margin-top: 40px;}*/ /*.mainContainer { transition: all 0.5s ease-in-out;}*/ /*.mainContainer.active { margin-top: 200px;}*/ /*.mainContainer.active .containerSliderProdus { opacity: 0.1;}*/ .productDetails .pageTitle .title { font-size: 3rem;} .productDetails .pageTitle { margin-bottom: 3rem;} .productDetails .preturi { display: block; font-size: 1.125rem;} .productDetails .preturi p:last-of-type {text-align: left;} .productDetails .preturi span { margin-left: 0.625em; text-transform: unset;} .productDetails .alignCenter h1 { margin: 0; line-height: 36px; font-size: 1.75rem; font-weight: 500;} .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:0.625em 1.25em; margin-top: 2.5em;} .productDetails .detalii p { margin: 0 !important;} .productDetails .detalii b { text-transform: uppercase;} .productDetails .priceNew, .productDetails .price { color: #242424; font-size: 1.875rem;} .productDetails .ui-content {} .productDetails .ui-content table { width: 100%;} .productDetails .ui-content table td {border-bottom: 1px solid #e8e8e8;padding: 1.25em 0; vertical-align: top;} .productDetails .ui-content strong { color: #757575;} .productDetails .ui-content p, .productDetails .ui-content li, .productDetails .ui-content table { margin: 1.2em 0; line-height: 1.2em; } .productDetails .boxTabs { padding-bottom: 0;} .productDetails .mainButton { /*width:100%;*/ text-align: center;margin-top: 1.25em;/* direction: ltr;*/} .productDetails .addToChart { margin-top: 1.875em;} .productDetails .addToChart td:first-of-type { padding-right: 1.25em; } .productDetails .addToChart select { } .productDetails .titluPret {margin: 0; color: #242424;} .productDetails .productNotAvailable {font-size: 1.25rem;} .containerSliderProdus {} .produseRecomandate {padding-top: 0;} /*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: 0.625em; border: 1px solid #e1e1e1; margin-top: 0.625em;} .formPopup label { display: block; padding: 0 0.3125em;} .formPopup .mainButton { float: right; margin-top: 1.25em;} .formPopup h1 { margin-bottom: 5%;} .formPopup .mfp-close { right: 0.625em; top: 0.625em; 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;} /*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; position: absolute;margin-top: 0;right: 0;top:100%;z-index: 8;/*height: calc(100vh - 110px);*/max-height: 90vh;/* overflow-y:scroll; */width: 560px;background: #ffffff;box-shadow: 0 0 0.4375em 0 rgb(0 0 0 / 40%);} #container-cart-products-small:before {display: block;transition: all 0.3s ease-in;position: absolute;content: '';right: calc((100vw - 1130px) / 2);bottom: 100%;margin: auto;height: 0;width: 0;border-right: 9px solid transparent;border-bottom: 8px solid #000000;border-left: 9px solid transparent;} #container-cart-products-small .whiteBg { } .scrollHeader #container-cart-products-small { height: calc(100vh - 61px);} .bar-cart-link-close { background: #000000;padding: 0.8em 1.25em;line-height: 1em;color: #ffffff;font-size: 0.938rem;} .bar-cart-link-close a { color: #ffffff;} #cart-link { text-decoration: underline;} #close-cart { cursor: pointer;} #close-cart .fa-angle-up { font: normal normal normal 16px/1 FontAwesome !important; margin-left: 0.625em;} #cart-link:hover, #close-cart:hover { color: #ffffff;} .cart-product-small { font-size: 0.938rem;padding: 0.8em 1.25em;line-height: 1em;display: flex;border-bottom: 1px solid #d8d8d8;} .cart-product-small-title { display: inline-block; color: #000;font-weight: 500; width: 70%;} .cart-product-small:hover .cart-product-small-title, .cart-product-small-title:hover{ color: #242424; text-decoration: none; } .cart-product-small-quantity { color: #000;} .cart-product-small-delete { font-family: 'Montserrat', sans-serif; text-align: right; margin-left: auto;} .cart-product-small-delete .fa-close { color: #242424; font: normal normal normal 16px/1 FontAwesome !important;} .cart-product-small:hover .cart-product-small-delete .fa-close { color: #757575; text-decoration: none; } .cart-product-small .cart-product-small-delete .fa-close:hover { color: #242424 !important; line-height: 1em;} .bar-order-price { padding: 0.75em 0.9375em; background: #fff; font-family: 'Montserrat', sans-serif;display: flex;justify-content: flex-end;} /* cart icon menu*/ .cart-small-order { padding: 1em; font-weight: 400;} .cart-small-price { font-size: 0.813rem; color: #000; margin-top: 0.625em; font-family: 'Roboto', sans-serif; font-weight: 500;} .cart-small-price SPAN { font-size: 1rem; color: #000;} @media only screen and (max-width: 1000px) { #container-cart-products-small { display: none !important;} } /* ========================================================================== WHISLIST ========================================================================== */ #whishlistPage {} #whishlistPage .mainButton { margin-right: 0.625em;} .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% + 0.625em); visibility: hidden; width: 6.25em; padding: 0.3125em; transition: all 0.3s ease-in; transform: translateY(-1.25em); text-align: center;opacity: 0;color: #ffffff;background: #242424; font-size: 0.625rem;} .addWhishlist span:after { position: absolute; top: 100%; right: 0.625em; width: 0; height: 0;content: '';border-right: 0.625em solid transparent;border-top: 0.625em solid #242424;border-left: 0.625em solid transparent;} .addWhishlist:hover span { visibility: visible; opacity: 1; transform: translateY(0);} /* ========================================================================== FORM COS CUMPARATURI ========================================================================== */ #cosPage {} #cosPage .grayBg { padding: 1.875em; margin-top: 1.875em; color: #757575;} /*sumar comanda pagina sus*/ #cart-table { width: 100%; overflow-x: scroll; margin-bottom: 1.875em; background: #f9f9f9;} #cart-table TR:not(:last-of-type):not(:first-of-type) { border-bottom: 1px solid #dddddd;} #cart-table TH { padding: 0.9375em 0.625em; font-size: 14px; font-family: 'Roboto', sans-serif;line-height: 25px; font-weight: 500; letter-spacing: 1px; text-align: left; background: #dedcd8; text-transform: uppercase;} #cart-table TD { padding: 0.625em; font-weight: 500;} #cart-table TD IMG {max-width: 7.5em;max-height: 6.25em;} #cart-table TD INPUT[type=number] { width: 60px; padding: 0.75em;color: #000;border: 1px solid #e8e8e8;background-color: #fbfbfb;letter-spacing: 1px;} #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; font-size: 0.813rem; vertical-align: middle;} #cart-table .deleteProduct { width: 50px;} .total-price {font-weight: 500;display: flex;justify-content: space-between;margin-bottom: 1.6em; gap: 10px;} .total-price INPUT {} .total-price SPAN { display: block;} .total-price .price { text-align: right;} .total-price .price .fa-eur {padding-right: 3px; font-size: 0.813rem; vertical-align: middle; display: inline-block;} .total-price .voucher {width: 30% !important; margin-top: 0.625em;} .total-price .mainButton { display: flex; align-items: center;} /*comanda minima text*/ .boxContentSmall .no-results { color: #ed5a10; margin: 0.625em 0;} /*sumar comanda pagina jos*/ #table-sumar { width: 100%;} #table-sumar TR { border-bottom: 1px solid #e8e8e8; background: #fff;} #table-sumar .listingProducts { border-bottom: none;} #table-sumar .totalSum { border-top: 1px solid #e8e8e8;} #table-sumar TD {padding: 0.875em 0.625em; color: #000;} #table-sumar TD:first-of-type {font-weight: 500;} #table-sumar #total-cost {font-weight: 600;} #table-sumar .totalRow TD { background: #dadada;} #table-sumar .transportRow TD, #table-sumar .discountRow TD, #table-sumar .totalSum TD { color: #242424; background: #ffffff ;} #send-order i { margin: 0 0 0 0.625em;} /* accept terms - bottom page*/ #container-accept-terms { margin: 0.625em 0;padding-left: 0.625em;padding-bottom: 0.625em;} /*plata si livrare*/ .locatiiLivrare { padding-bottom: 10px;} .boxExplanation { margin-top: 0.9375em; border: 1px solid #e8e8e8; padding: 20px;} .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 #e8e8e8;border-left: 9px solid transparent;} /* ========================================================================== ASIDE UTILIZATOR ========================================================================== */ .userPage { border-top: 110px solid #24292e;} .userPage .wrapper{ display: grid; grid-template-columns: 150px 1fr; grid-gap: 3.75em;} .sideMenu {} .sideMenu H4 { margin: 0 0 0.625em;} .sideMenu UL { padding-left: 0; margin: 0; display: flex;} .sideMenu LI { display: block; text-align: center; margin-bottom: 1px;} .sideMenu i { display: block; margin-bottom: 0.625em; font-size: 1.875rem;} .sideMenu A { position: relative; display: block; height: 100%; padding:1.875em 0.9375em; font-size: 0.9375em; color: #ffffff; background: #dedcd8;} .sideMenu A:hover, .sideMenu .active { text-decoration: none; z-index: 1; color: #242424;box-shadow: 0 0 0.4375em 0 rgba(0,0,0,0.4);} /* ========================================================================== ACCOUNT USER ========================================================================== */ .boxLine { border: 1px solid #eeeeee; transition: all 0.4s;} .boxLine:hover { border: 1px solid #000000;} /*user pages general*/ .userForm {} .userForm .boxContent { padding: 0;} .userForm .grayBg:not(:first-of-type) { margin-top: 2.5em;} .userForm .grayBg {transition: all 0.4s; border: 1px solid transparent;} .userForm .grayBg:hover {border-color: #000000;} .userForm .boxLine { margin-top: 2.5em;} .userForm .grayBg p { color: #191b1c;} .userForm .alignCenter { text-align: center; margin-bottom: 2.5em;} .userForm .halfLine { margin: 0 auto 1.875em auto;} .userForm .intro { font-weight: 400; text-transform: none;} .userForm h2 { margin: 0;} /*page title*/ .centerBox { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); z-index: 2; width: 65%; text-align: center; color: #ffffff;} .centerBox h1 { margin: 0;} .centerBox p { margin: 1.875em 0;} /* custom checkbox/radio just css*/ .labelInput { position: relative; display: inline-block;margin-right: 1.25em;/* margin-top: 2px; margin-bottom: 2px;*/} .labelInput input[type="checkbox"], .labelInput input[type="radio"] {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;} .labelInput label {position: relative;cursor: pointer; display: grid;grid-template-columns: 2.5em 1fr;} .labelInput label:before { margin-top:4px; content:'';-webkit-appearance: none; border: 1px solid #242424; 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: #242424;} .labelInput input:checked + label:after {margin-top:4px; background-color: #242424;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 card*/ .userCard { padding: 1.875em; overflow: hidden;border: 1px solid transparent;} .userCard.grayBg { color: #333333;} .userCard:not(:first-of-type) { margin-top: 1.875em;} .userCard, .userCard * {transition: all 0.3s ease;} /*.userCard:hover {border-color: #000000;}*/ .userCard h3 { margin: 0 0 1.875em 0;} .userCard:hover h3 { color: #242424;} .userCard .flexButtons {margin-top: 3.75em;} /*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, .rowLabel select, .rowLabel textarea {margin: 0; width: auto;} .rowLabel .complexRow { display: flex; align-items: center; gap: 10px; overflow: hidden; flex-direction: row;flex-wrap: wrap;} .rowLabel .errorForm { grid-column: 2/3;} /*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-bottom: 1px solid #242424; margin-top: 1.25em;} #address-list form, #company-list form, #facturare-address-list form { padding-left: 0.9375em; padding-bottom: 0.9375em;} div[id^="address-container"], div[id^="facturare-address-container"], div[id^="company-container"] { border-left: 1px solid #242424; margin-bottom:10px;} .address { padding: 0.9375em; background: #fff; border: 1px solid #dddddd; display: flex; justify-content: space-between; gap: 10px;} .address A {display: inline-block;} .address A I { margin-left: 0.5em; } /*butoane formulare*/ .buttonsBox { margin-bottom: 1.875em;} .form-address-links { margin-bottom: 0.9375em; display: flex;justify-content: space-between;} .form-address-links .borderButton:nth-of-type(2) { margin-right: auto; margin-left: 0.9375em;} /*istoric*/ .listOrders { width: 100%; overflow-x: scroll;} .listOrders tr { background: #fff; border-bottom: 1px solid #e8e8e8;} .listOrders th { background: #dedcd8;} .listOrders tr:hover { background: #e8e8e8;} .listOrders td, .listOrders th { padding: 0.75em 0.3125em; text-align: center;} /* ========================================================================== PAGE NOUTATI ========================================================================== */ #noutatiPage {} #noutatiPage.detailPage .pageTitle { text-align: center;} .detailPage .autor img { width: 80px;} .linkContainer { position: relative;} .linkContainer .linkArticle {position: absolute;top: 0;right: 0;bottom: 0;left: 0; z-index: 1; } .gridArticole{ display: grid; grid-template-columns:1fr 27.5%; grid-gap: 50px;} .gridArticole .articole { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 50px;} .gridArticole .articoleShort {} .gridRecomandate { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 50px;} .gridRecomandate .titlu {font-size: 20px;line-height: 26px;font-weight: 700;} .gridCateg {display: flex;gap: 20px;position: relative;margin-bottom: 30px;z-index: 1;} .gridCateg a {font-size: 14px;line-height: 19px;position: relative; font-weight: 700; font-family: 'Roboto', sans-serif;} .gridCateg a:after {content: '';height: 2px;background: rgb(162, 144, 97);width: 0;left: 0;display: block;top: 100%;transition: all 0.3s ease-in-out;} .gridCateg a:hover:after {width: 100%;} .tags { display: flex; gap: 10px; margin: 50px 0;} .tags a {font-size: 14px;font-family: 'Roboto', sans-serif; font-weight:700;text-transform: capitalize;border-radius: 50px !important;padding: 5px 10px;transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1);display: inline-block;line-height: 22px;background: rgba(162, 144, 97, 0.06) ;} .tags a:hover { box-shadow: 0 10px 24px rgb(0 0 0 / 15%); color: #ffffff; background:rgba(162, 144, 97, 1);} .shareButtons { display: flex; gap: 13px; margin-bottom: 50px;} .shareButtons a {text-transform: none;font-size: 15px;letter-spacing: unset;padding: 10px 30px; font-family: 'Mulish', sans-serif; font-weight: 600;} .shareButtons i { margin-right: 10px;} .articoleShort a { font-weight: 700; color: #484848; font-family: 'Roboto', sans-serif;} .articoleShort a:hover {color: #a29061;} .articoleShort .title { font-size: 1rem; font-weight: 500; color: #999999; font-family: 'Montserrat', sans-serif; margin-top: 3em;} .articoleShort li:first-of-type .title { margin-top: 0;} .noutate {position: relative; border: 1px solid #eeeeee;box-shadow: 0 30px 90px rgb(0 0 0 / 14%); border-radius: 5px;} .noutate .imgContainer {padding-top: 70%;border-top-left-radius: 5px;border-top-right-radius: 5px;} .noutate .imgContainer img {object-fit: cover;height: 100%;} .noutate .imgBox {overflow: hidden;border-top-left-radius: 5px;border-top-right-radius: 5px;display: block;line-height: 0;position: relative;} .noutate:hover img {transform: scale(1.1);} .noutate .textContainer { padding: 20px 30px 30px; color: #676767;} .noutate p { margin: 0;} .noutate .titlu {position: relative;margin-bottom: 1rem;} .noutate .data { font-size: 14px; line-height: 20px; margin-top: 2rem; } .noutate .data img {width: 38px;} .noutate .mainButton { margin-top: 1.5625em; color: #242424;} .noutate img {width: 100%; max-width: unset; max-height: unset; transition: transform 1.25s cubic-bezier(.28,.44,.49,1);} .autor {display: flex; align-items:center;justify-content: flex-start; gap: 10px;} .autor img { border-radius: 50%;} .autor b { font-family: 'Roboto', sans-serif; font-weight: 700;} .autor:hover img { box-shadow: 0 7px 20px rgb(0 0 0 / 19%);} .autor .titlu { margin: 0;} .articleButtons {display: flex;/* flex-wrap: wrap; */} .articleButtons.noutate:hover img { transform: none;} .articleButtons.noutate img { transition: transform 0.4s cubic-bezier(0.05, 0.2, 0.1, 1) 0s;} .articleButtons .titlu { color: #ffffff; transition: all 0.3s ease-in-out;} .articleButtons .text {position: relative;z-index: 2;display: flex;gap:30px;justify-content: flex;margin: auto;transition: all 0.3s ease-in-out;} .articleButtons .imgContainer {height: auto;display: flex;width: 100%;align-items: flex;padding-top: 100px;padding-bottom: 100px;padding: 100px;} .articleButtons .imgContainer:hover:after { background-color: rgba(13, 13, 13, 0.9);} .articleButtons .imgContainer:after { background-color: rgba(13, 13, 13, 0.35);position: absolute;left: 0;top: 0;content: '';display: block;z-index: 1;width: 100%;height: 100%;-webkit-transition: background-color 0.4s cubic-bezier(0.05, 0.2, 0.1, 1) 0s;transition: background-color 0.4s cubic-bezier(0.05, 0.2, 0.1, 1) 0s;} .articleButtons .next { text-align: left;} .articleButtons .prev {text-align: right;} .articleButtons .imgContainer:hover img { transform: scale3d(1.06,1.06,1);} .articleButtons span {font-size: 14px;margin-bottom: 15px;display: block;} .center .titlu { text-align: center;} .arrow {color: #ffffff;display: flex;align-items: center;width: 0;overflow: hidden;transition: all 0.3s ease-in-out;} .arrow .line { background: #ffffff; height: 2px; width: 45px; transition: all 0.4s cubic-bezier(0.05, 0.2, 0.1, 1)} .arrow i {transition: all 0.3s ease-in-out;} .next .line {left: -70px;opacity: 0;position: relative;} .next:hover .arrow {width: 45px;} .next:hover .titlu {transform: translateX(-40px);} .next:hover i {transform: translateX(35px);} .next:hover .line {left: -3px;opacity: 1;} .prev .line {right: -70px;opacity: 0;position: relative;} .prev:hover .arrow {width: 45px;} .prev:hover .titlu {transform: translateX(40px);} .prev:hover i {transform: translateX(-35px);} .prev:hover .line {right: -3px;opacity: 1;} .articleContent { max-width: 960px;} .alignright {float: right;margin-left: 15px;overflow: hidden;} .alignleft {float: left;margin-right: 15px;overflow: hidden;} .wp-caption .wp-caption-text, .row .col .wp-caption .wp-caption-text {padding: 10px 15px;top: -25px;position: relative;border-left: 4px solid #a29061;} .wp-caption .wp-caption-text {max-width: 90%;width: auto;margin-left: 5%;/* display: inline-block; */margin-bottom: 5px;background-color: #ffffff;box-shadow: 0 10px 35px rgb(0 0 0 / 10%)} blockquote {position: relative;padding-left: 1.8em; margin: 0 0 30px;} blockquote:before {border-color: #a29061 !important; display: block;position: absolute;left: 0;top: 0;height: 100%;width: 4px;content: '';border-left: 4px solid rgba(0, 0, 0, 0.1);} em { font-family: 'Nunito', sans-serif;font-size: 16px;line-height: 22px;font-weight: 400;font-style: italic;} /* ========================================================================== MASONRY ========================================================================== */ .gridMasonry { max-width: 100%;} .gridMasonry .grid-item { width: calc(50% - 25px); 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 PRESA ========================================================================== */ #presaPage {} #presaPage .borderButton.center { margin: 30px auto 60px; display: block; max-width: 200px; text-align: center;} #presaPage .pageTitle.center { text-align: center;} .gridLine { display: grid; grid-template-columns: 50% 1fr 1fr; grid-gap: 20px; align-items: center; text-align: right; border-bottom: 1px solid rgba(0,0,0,0.12);padding: 22px; position: relative; transition: all .4s cubic-bezier(0.2,0,0.15,1);} .gridLine .title { margin: 0; font-size: 20px;line-height: 26px;font-weight: 700; color: #484848; transition: all .4s cubic-bezier(0.2, 0, 0.15, 1); } .gridLine .title:first-child {text-align: left;} .gridLine .borderButton {text-align: center;justify-self: flex-end;transition: all .4s cubic-bezier(0.2, 0, 0.15, 1);font-size: 14px;font-family: 'Montserrat', sans-serif;text-transform: capitalize;letter-spacing: 0;font-weight: 500;line-height: 12px;color: #000000;padding: 8px 12px;display: inline-block;border: 2px solid rgba(0, 0, 0, 0.3);} .gridLine:after { background-color: #a29061; height: 100%;opacity: 0;bottom: 0;left: 0;content: '';position: absolute;right: 0;z-index: -1; transition: all .4s cubic-bezier(0.2, 0, 0.15, 1); transform: perspective(1000px) rotateX(90deg);transform-origin: 50% 100%;} .gridLine:hover:after { opacity: 1;transform: perspective(1000px) rotateX(0);} .gridLine:hover .title { color: #ffffff;} .gridLine:hover .borderButton { color: #ffffff; border: 2px solid rgb(255 255 255 / 30%);} .gridLine:last-of-type { border-bottom:none;} .galerieCategorie { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 30px; margin-bottom: 40px;} .galerieCategorie .imgContainer { padding-bottom: 12vw;} /* ========================================================================== PAGE CONTACT ========================================================================== */ #contactPage {} #contactPage .grid { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 100px 30px;} #contactPage .wrapper {position: relative;z-index: 3;} .undercoverBanner { position: relative; overflow: hidden;} .undercoverBanner:before {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: ' ';z-index: 2;background: linear-gradient(to bottom, rgba(255, 255, 255, 0.76) 0%, #ffffff 100%);opacity: 1;} .undercoverBanner .banner { position: absolute; width: 100%; top: 0; left: 0; right: 0;} /* ========================================================================== PAGE SCROLL UP TO PAGE ========================================================================== */ .upPage { position: fixed; z-index: 3; right: 17px; bottom:17px; display: none;} .upPage a { position: relative;display: inline-block;overflow: hidden;width: 30px; height:30px; text-align: center; background:rgba(0,0,0,0.25); border-radius: 50%;} .upPage a i {color: #ffffff;position: absolute;top: 50%;right: 0;bottom: 0;left: 0;margin: auto;color: #ffffff;font-size: 14px;line-height: 0;transition: all 0.2s ease;} .upPage a:hover { box-shadow: 1px 2px 3px rgb(0 0 0 / 16%); } .upPage a:after { background: #a29061; 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;} /* ========================================================================== SOCIAL ========================================================================== */ .socialBtn {} /* .socialmedia {} .socialmedia li { display: inline-block;} .socialmedia a { display: inline-flex; align-items: center; justify-content: center; height: 2em; width: 2em; border: 1px solid #e9e9e9;vertical-align: middle;} .socialmedia a:hover { box-shadow: 1px 2px 3px rgb(0 0 0 / 16%);} .socialmedia a:after { background: #a29061; } .socialmedia i { font-size: 14px;line-height: initial;transform: translate(0, 0px);transition: transform 0.2s ease;} .socialmedia i:first-of-type { color: #1d1d1b; } .socialmedia:hover i:first-of-type {opacity: 0; transform: translate(0,-29px);} */ /* ========================================================================== FOOTER ========================================================================== */ #pageFooter { padding: 75px 0 60px} #pageFooter .logo {display: flex;flex-direction: column;gap: 0;width:35%;} #pageFooter .logo img { width: 200px;} #pageFooter .wrapper { display: flex; justify-content: space-between;} #pageFooter .grid {display: flex; gap: 60px; justify-content: space-between; text-transform: uppercase;} #pageFooter .grid > * { flex: 1; } #pageFooter a { color: #666666; font-family: 'Roboto', sans-serif; font-weight: 700;} #pageFooter a:hover { color: #a29061;} #pageFooter .sigleFooter { display: flex; gap: 30px; justify-content: flex-start; margin-top: 30px;} #pageFooter li { line-height: 1.4; margin-bottom: 10px;} .sigleFooter img { object-fit: contain;height: 40px;} .developer { margin-top: 30px;} .developer ul { display: flex; gap: 20px; font-size: 20px;} .developer i {color: #666666;} .developer p {color: #777777; font-family: 'Mulish', sans-serif; font-size: 14px; font-weight: 600;} .developer a:hover { color: #a29061;} /* ========================================================================== SEARCH ========================================================================== */ #search-widget{ background-color: #ffffff; box-sizing:border-box;z-index: 3; position: absolute; top:115%; width: 110%; left: 50%; transform: translateX(-50%); box-shadow: 0 6px 0.75em rgb(0 0 0 / 18%);} #search-widget .no-results { padding:0.625em 1.875em; background: #fff; color: red;} .product-search { border-bottom: 1px solid #d8d8d8; cursor: pointer; position: relative; background-color: #ffffff; display: grid; grid-template-columns: 80px 1fr;} .product-search, .search-img IMG { transition: all 0.3s ease;} .product-search:hover { opacity: 0.6;} .search-img {display: flex; overflow: hidden; align-items: center; justify-content: center;} .search-img IMG { max-width: 90%; max-height: 90%;} .search-details {overflow: hidden;padding: 0.625em; border-left: 1px solid #d8d8d8; position: relative;} .search-details:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; transform: translateY(-50%); right: 0.625em; font-size: 1.25rem; color: #d8d8d8;} .search-name { width: 90%; color: #242424;font-weight: 500;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: 0.813rem; 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;} /* 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; } /* ========================================================================== NEWSLETTER ========================================================================== */ #newsletter { width: 340px;} #newsletter .groupForm { display: grid; grid-template-columns: 1fr 86px;margin-bottom: 8px;} #newsletter .button {grid-column: 2/3; grid-row: 1; background: rgb(190 188 188 / 26%); margin: 0; padding: 0 1em;text-transform: uppercase; font-size: 0.75rem; line-height: 1em;} #newsletter .button:hover { background: rgb(190 188 188 / 100%); color: #0c1623;} #newsletter input, #newsletter .checkmark, #newsletter .QapTcha .bgSlider { border: 1px solid rgb(0 0 0 / 0.1); background: transparent;} #newsletter .QapTcha, #newsletter .politica { width: 100%;} #newsletter .QapTcha, #newsletter input { margin: 0;} #newsletter .QapTcha .dropError, #newsletter .politica label {color: rgba(0,0,0,0.6);} #newsletter .politica a { color:rgba(0,0,0,0.6);} #newsletter .errorForm {flex: 0 1 100%; grid-column: 1/3;} #newsletter .labelForm { background: #fafafa;} /* ========================================================================== 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 ========================================================================== */ .rating {margin: 0.9375em 0 0; font-size: 1.5rem;} .rating .messageError {font-size: 0.8rem; text-align: left; color: red; font-weight: 600;} .rating input, .rating textarea { width: 100%; padding: 0.625em 0.9375em; border: 1px solid #cccccc;} form.rating { width: 75%; margin-left: 3px; font-size: 1rem;} form.rating p { margin-top: 0.9375em;} form.rating .mainButton { margin-top: 1.875em;} .showRating { margin-right: 1.25em; margin-bottom: 1.25em; padding-right: 1.25em;} .showRating .star_rated { font-size: 3rem; line-height: 1em;display: inline-block; float: left;} .showRating p { display: inline-block; margin:0 !important; padding: 0.625em 0 0 0.625em; line-height: 0.9em; font-size: 1.3rem;} .showRating p span { font-size: 0.7rem; line-height:0.7em; font-weight: 400;} .stars { display: block;font-size: 1.5rem; padding: 3px 0.625em; border-radius: 6px;} .stars, .star {transition: all 0.3s ease; } .stars:hover {} .star {color:#cccccc;cursor: pointer;} .star:hover, .stars .hoverGold, .stars .activeGold {color:gold !important;} .star_rated { color: gold;} .reviews { margin-top: 2.5em;} .reviews h4, .rating h4 { font-weight: 600; font-size: 1.125rem; margin-bottom: 1.875em; color: #000000;} .review { padding: 0.625em; border-top: 1px solid rgb(190 188 188 / 26%);} .review p.nume { font-weight: 600; margin-bottom: 0.625em;} .review p { font-size: 0.8rem;} .review span { font-size: 0.813rem; color: #888888; margin-top: 0.625em;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: 0.75rem; 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: 1.125rem;} .QapTcha { width: 310px; padding: 0.3125em;} .QapTcha .fa-check { top: 0.5625em; left: 0.5625em; color: #757575;} .QapTcha .bgSlider { border-color: #e8e8e8;} .no-margin-right { margin-right: 0 !important;} /* ========================================================================== PLUGINS ========================================================================== */ /* LIGHTGALLERY ========================================================================== */ .lg-backdrop.in { background: rgba(0,0,0,0.9);} .lg-toolbar { background:#a29061;} .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;} /* BXSLIDER ========================================================================== */ .carouselContainer { position: relative;} .carouselContainer .imgContainer { height: 100px; cursor: default;} .carouselContainer .imgContainer img { max-width: 100%; max-height: 100%;} .carouselContainer .bx-wrapper .bx-viewport { background: transparent;} .carouselContainer ul {margin: 0; padding: 0;} .sliderControls { position: absolute; top:0;} .sliderControls a { font-size: 1.5rem; color: #cccccc; font-weight: 500;} .sliderControls .disabled { opacity: 0.5;} .slider-next, .slider-prev { top: -3.125em;} .slider-next { right: 0;} .slider-prev { right: 2.5em;} .bx-wrapper { margin-bottom: 0;} .bx-wrapper .bx-viewport { left: 0; border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;} .bx-wrapper .bx-pager.bx-default-pager a { background: #000000; width: 1.25em;height: 5px; border-radius: 0;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #afac9f;} .bx-wrapper .bx-controls-direction a { top: -2.6875em ;} .bx-wrapper .bx-prev { right: 2.5em;} /* MMENU ========================================================================== */ /*general*/ /*.mm-menu_offcanvas { z-index: 10;}*/ .mm-menu, .mm-panels, .mm-panels > .mm-panel, .mm-navbar_sticky { background: transparent; 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: #000000;} .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;} /* NICE-SELECT ========================================================================== */ .nice-select { border:none; border-radius: 1.5625em;} .nice-select:after { border-bottom: 1px solid #eeeeee;border-right: 1px solid #eeeeee;} .nice-select .list { border-radius: 0;background: #242424 !important; } .nice-select:active, .nice-select.open, .nice-select:focus { border: none;} .nice-select .list li { box-shadow: none;} .nice-select .list li:last-of-type {border-bottom: none;} .nice-select .list li::before { content: '';} .nice-select:active, .nice-select.open, .nice-select:focus {} .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus{background: #242424 !important; color: #ffffff !important;} .nice-select .option.selected { font-weight: 400;} .nice-select .option:hover { opacity: 0.8;} .nice-select .current { display: inline-block;overflow: hidden;max-width: 6.25em;white-space: nowrap;text-overflow: ellipsis;} .nice-select .list::-webkit-scrollbar { width: 6px;} .nice-select .list::-webkit-scrollbar-track { background: #242424;} .nice-select .list::-webkit-scrollbar-thumb {height: 3.125em; outline: none;background-color: #00206A;} /* 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%;}