/*! 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 {margin: 0.67em 0;font-size: 2em;}

/* Grouping content ========================================================================== */
hr {overflow: visible; /* 2 */box-sizing: content-box; /* 1 */height: 0; /* 1 */}
pre {font-family: monospace, monospace; /* 1 */font-size: 1em; /* 2 */}

/* Text-level semantics========================================================================== */
a {background-color: transparent;}
abbr[title] {text-decoration: underline; /* 2 */text-decoration: underline dotted; /* 2 */border-bottom: none; /* 1 */}
b, strong {font-weight: bolder;}
code, kbd, samp {font-family: monospace, monospace; /* 1 */font-size: 1em; /* 2 */}
small {font-size: 80%;}
sub, sup {position: relative;vertical-align: baseline;font-size: 75%;line-height: 0;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}

/* Embedded content ========================================================================== */
img {border-style: none;}

/* Forms========================================================================== */
button, input, optgroup, select, textarea {margin: 0; /* 2 */font-family: inherit; /* 1 */font-size: 100%; /* 1 */line-height: 1.15; /* 1 */}
button, input { /* 1 */overflow: visible;}
button, select { /* 1 */text-transform: none;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {padding: 0;border-style: none;}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: 0.35em 0.75em 0.625em;}
legend {display: table; /* 1 */box-sizing: border-box; /* 1 */max-width: 100%; /* 1 */padding: 0; /* 3 */white-space: normal; /* 1 */color: inherit; /* 2 */}
progress {vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"], [type="radio"] {box-sizing: border-box; /* 1 */padding: 0; /* 2 */}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {outline-offset: -2px; /* 2 */-webkit-appearance: textfield; /* 1 */}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {font: inherit; /* 2 */-webkit-appearance: button; /* 1 */}

/* Interactive   ========================================================================== */
details {display: block;}
summary {display: list-item;}

/* Misc   ========================================================================== */
template {display: none;}
[hidden] {display: none;}

/* ==========================================================================
   WEBSITE CUSTOM
   ========================================================================== */
/* NOTIFICATIONS, SUCCESS, ERRORS   ========================================================================== */
.noResults { display: inline-block; width: 80%; margin: 40px 10%; padding: 10px 30px; text-align: center;     font-family: "Sawarabi Gothic", sans-serif;
    font-size: 1.6em;
    font-weight: 500;
    background:transparent;border: 1px solid rgb(255 255 255 / 25%); text-transform: uppercase;
    /* -moz-box-shadow: 3px 3px 5px 0 rgba(14, 50, 69, 0.3);-webkit-box-shadow:3px 3px 5px 0 rgba(14, 50, 69, 0.3);box-shadow: 3px 3px 5px 0 rgba(14, 50, 69, 0.3);*/}
.successMessage { margin: 10px 0; color: #ffffff;font-size: 1.1em; font-weight: 600;}
.errorMessage { margin: 10px 0; color: #191919;font-size: 1.1em; font-weight: 400;}

#pgError { padding-top: 300px; min-height: calc(100vh - 140px);}
#pgError .pageSectionTitle  { margin: 0 0 50px; text-align: left;}
#pgError .pageSectionTitle .title { color: #ffffff;}
#pgError ul li { list-style-type: none; font-size: 1.2em;}
#pgError li::before { margin-right: 6px; content: "\f0da"; color: #ffffff; font-family: FontAwesome; font-size: 14px; }

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

/* MAP  ========================================================================== */
#map { width: 100%; height: 700px; background: #eeeeee;}

/* GENERAL  ========================================================================== */
/*.mm-menu_theme-black {--mm-color-border: rgba(255, 255, 255, 0.25);--mm-color-button: rgba(255, 255, 255, 0.4);--mm-color-text: rgba(255, 255, 255, 0.75);--mm-color-text-dimmed: rgba(255, 255, 255, 0.4);--mm-color-background: #000000;--mm-color-background-highlight: rgba(255, 255, 255, 0.2);--mm-color-background-emphasis: rgba(255, 255, 255, 0.15);--mm-shadow: none}
:root {--mm-line-height: 20px;--mm-listitem-size: 44px;--mm-navbar-size: 44px;--mm-offset-top: 0;--mm-offset-right: 0;--mm-offset-bottom: 0;--mm-offset-left: 0;--mm-color-border: rgba(0, 0, 0, 0.1);--mm-color-button: rgba(0, 0, 0, 0.3);--mm-color-text: rgba(0, 0, 0, 0.75);--mm-color-text-dimmed: rgba(0, 0, 0, 0.3);--mm-color-background: #f3f3f3;--mm-color-background-highlight: rgba(0, 0, 0, 0.05);--mm-color-background-emphasis: rgba(255, 255, 255, 0.4);--mm-shadow: 0 0 10px rgba(0, 0, 0, 0.3)}
*/
:root {
    --main-color: #191919;
    --secondary-color: #191919;
    --text-color: #333333;
}
::-moz-selection { background: #222222; color: #f0f0f0;}
::selection { background: #222222; color: #f0f0f0;}
html {font-size: 1px; /*for using REM units*/}
body { color: #656668; background-color: #ffffff; font: 400 16px/28px "Sawarabi Gothic", sans-serif; line-height: 1.5;}
.ui-content { overflow: hidden; background-color: transparent;}

*, *::before, *::after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
a { cursor: pointer; transition: all 0.3s ease-in-out; text-decoration: none;color: #191919;}
a:focus { outline: none;}
button {padding: 0; cursor: pointer; color: inherit; border-width: 0; background-color: transparent;}
figure {margin: 0;}

/* TYPO  ========================================================================== */
p { margin: 0;}
ol { margin: 0; padding: 0 0 0 15px;}
ul { margin: 0; padding: 0; list-style-type: none;}
dd { margin: 0; padding: 0; list-style: none;}
cite {font-style: normal;}
h1, h2, h3, h4, h5, h6 { margin: 0; font-family: "Sawarabi Gothic", sans-serif; font-weight: 500;margin-left: -5px !important;}
h2, h3, h4, h5, h6 { color: #222222;}
h1 { margin-bottom: 25px; font-size: 3em; }
h2 { margin-bottom: 20px; font-size: 2.8em;}
h3 { margin-bottom: 20px; font-size: 1.8em;}
h4 { margin-bottom: 15px; font-size: 1.6em;}
h5 { margin-bottom: 15px; font-size: 1.4em;}
h6 { margin-bottom: 15px; font-size: 1.2em;}
/* POSITION  ========================================================================== */
.helperM { display: table-cell; vertical-align: middle;}
.centerV { display: inline-block; height: 100%; vertical-align: middle;}
.tableBox { display: table; height: 100%;}
/* BOXES  ========================================================================== */
.box30 { float: left; width: 30%;}
.box70 { float: left; width: 70%;}
.box5 { float: left; width: 16.8%; margin-right: 4%;}
.box5:nth-of-type(5n+5) { margin-right: 0;}
.box4 { float: left; width: 23.5%; margin-right: 2%; display: inline-block;}
.box4:nth-of-type(4n+4) { margin-right: 0;}
.box3 {float: left; width: 32%; margin-right: 2%;}
.box3:nth-of-type(3n+3) {margin-right: 0;}
.box2 { float: left; width: 49%;}
.box2:nth-of-type(even) { margin-right: 0;}
.box2:nth-of-type(odd) { margin-right: 2%;}
/* BG  ========================================================================== */
.redBg { background-color: #e31a33;}
.grayLightBg { background-color: #f9f9f9;}
.grayDarkBg { background-color: #5b5b5e;color: #a7a7a7;}
/*.grayDarkBg { background-color: #262626;color: #a7a7a7;}*/
.whiteBg { background-color: #ffffff;}
.whiteTxt { color: #f0f0f0 !important;}
.blackBg { background-color: #000000;}
.mainColorBg { background-color: #191919 !important;}
.secondaryColorBg { background-color: #191919;}
/* 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: 25px;}
.content h1:not(:first-of-type) { margin: 25px 0; padding-top: 25px; border-top: 1px solid #d1d1d1;}
.content h2, .content h3, .content h4, .content h5, .content h6 { margin: 30px 0; text-transform: none; line-height: 1.2em;}
.content p { margin-bottom: 30px;}
.content table { width: 100%; margin-bottom: 30px; border: none; font-size: 1em;}
.content table p { margin-bottom: 0;}
.content table tr { padding: 10px 0; transition: all 0.3s ease-in-out; border-bottom: 2px solid #ffffff; background: #f7f7f7;}
.content table td, .content table th { padding: 10px 20px; text-align: left;}
.content table th { color: #ffffff; background: #757575;font-weight: 400;}
.content table tr:hover { background: #ffffff;}
.content a { color: #191919;}
.content a.mainButton { color: #ffffff; float: none;}
.content a.mainButton:hover { color: #191919;}
.content a:hover { text-decoration: underline;}
.content ul, .content ol { margin-bottom: 20px;}
.content ul li { position: relative;}
.content ul li::before { position: relative;top: 3px; float: left; margin-right: 6px; content: "\f0da"; color: #191919; font-family: FontAwesome; font-size: 14px; }
.content ul li ul { padding-left: 30px;}
.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: rgba(255,255,255,0.8);}
:-ms-input-placeholder {color: rgba(255,255,255,0.8);}
::placeholder {color: rgba(255,255,255,0.8);}
.formStyle {}
/*.formStyle input, .formStyle textarea, .formStyle select { display: block; width: 100%;border: 1px solid rgb(255 255 255 / 25%); background: transparent; padding: 20px;color: #ffffff;font-size: 12px;letter-spacing: 1px;margin-bottom: 25px;font-family: "Sawarabi Gothic", sans-serif;}*/
/*.formStyle input:focus, .formStyle textarea:focus, .formStyle select:focus { border-color: #191919; outline: none; outline: 0;}*/
.formStyle button { float: right; margin-top: 10px;transition: all 0.3s ease-in-out;}
.formStyle button:focus { outline: none;}

.groupForm {position: relative;margin-bottom: 15px; padding-top: 8px;font-family: "Sawarabi Gothic", sans-serif;}
.labelForm {letter-spacing: 1px;color: #151517;font-size: 12px;/* letter-spacing: 1px;*/font-weight: normal;position: absolute;pointer-events: none;left: 15px;top: 21px;padding: 0 5px;background: #5b5b5e;transition: 0.2s ease all;}
.inputForm {font-size: 12px;display: block;width: 100%; /*height: 36px;*/padding: 14px 20px;background: transparent;color: #ffffff;border: 1px solid rgb(255 255 255 / 25%);}
.inputForm:focus, .inputForm:-webkit-autofill { outline: none;border: 1px solid rgb(255 255 255 / 50%);  -webkit-box-shadow: 0 0 0 30px #5b5b5e inset !important;}
.inputForm:focus ~ .labelForm, .inputForm:-webkit-autofill ~ .labelForm {top: 0;font-size: 12px;}
.errorForm { font-size: 12px; color: #da1b0c; display: block; padding-top: 4px;}
.error ~ .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;}

/* TABLES  ========================================================================== */
table { border-spacing: 0; border-collapse: collapse; }
/* BUTONS  ========================================================================== */
.mainButton { position: relative;z-index: 1;display: inline-block; overflow: hidden;padding: 20px 45px;letter-spacing: 1px;text-transform: uppercase;color: #ffffff;border: 1px solid #191919;background-color: #191919;font-family: "Sawarabi Gothic", sans-serif;font-size: 14px;line-height: 14px; font-weight: 400;}
.mainButton:hover { background: transparent; color: #191919;}

.simpleButton { position: relative;display: inline-block;color: #191919; font-family: "Sawarabi Gothic", sans-serif;font-size: 1.6em;font-weight: 500;text-transform: uppercase;}
.simpleButton:after { position: absolute; content: ''; bottom: 5px; left: 0; right: 0; width: 100%; height: 1px; background: #191919;}

.borderButton { position: relative;z-index: 1;display: inline-block; overflow: hidden;padding: 20px 45px;letter-spacing: 1px;text-transform: uppercase;color: #ffffff;border: 1px solid #191919;background-color: transparent;font-family: "Sawarabi Gothic", sans-serif;font-size: 14px;line-height: 14px;font-weight: 400;}
.borderButton:hover { background: #191919; color: #ffffff;}

.whiteButton { position: relative;z-index: 1;display: inline-block; overflow: hidden;padding: 20px 45px;letter-spacing: 1px;text-transform: uppercase;color: #191919;border: 1px solid #ffffff;background-color: #ffffff;font-family: "Sawarabi Gothic", sans-serif;font-size: 14px;line-height: 14px;font-weight: 400;}
.whiteButton:hover { background: transparent; color: #ffffff;}

.arrowButton, .content .arrowButton { display: inline-block; color: #000000;}
.arrowButton:hover, .content .arrowButton:hover { color: #191919; text-decoration: none;}
.arrowButton:after {margin-left: 5px; content: url("../img/sageata.svg"); display: inline-block; transition: all 0.3s ease-in-out;}
.arrowButton:hover:after {transform: translateX(10px);}

/* OTHERS  ========================================================================== */
.borderTop { border-top: 1px solid #d1d1d1;}
.paddingLeft {padding-left: calc((100vw - 1400px) / 2);}
.paddingRight {padding-right: calc((100vw - 1400px) / 2);}
.alignRight { text-align: right;}
.alignCenter { text-align: center;}
.tabelFormatat { overflow-x: scroll;}
.shadow {-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);}
.imgContainer { position: relative; overflow: hidden;}
.imgContainer img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.content .download { color: #191919; }
.download { position: relative; display: block; padding: 10px 30px; color: #191919; border: 1px solid #eeeeee; -moz-border-radius: 25px;-webkit-border-radius: 25px;border-radius: 25px;}
.download:after { position: absolute; top: 50%; right: 15px; 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, .2);}
.tableWrapper::-webkit-scrollbar-thumb {height: 22px; outline: none;background-color: #191919;}

/* PAGE HEADER  ========================================================================== */
#my-header { position: fixed;z-index: 101; top: 0; right: 0; left: 0; cursor: pointer; transition: all 0.3s ease-in-out; text-decoration: none;}
#my-header.scrollHeader #headerBottom { padding-top: 0; background: #5b5b5e; border-bottom-color: transparent; -webkit-box-shadow: 0 7px 10px -5px rgb(0 0 0 / 20%);box-shadow: 0 7px 10px -5px rgb(0 0 0 / 20%);}
#my-header.scrollHeader #headerBottom nav { background: transparent; }
#my-header.scrollHeader #headerBottom .contactInfo { display: none;}
#my-header.scrollHeader #logo { padding-top: 0;}
/*#my-header.scrollHeader #logo img:last-of-type { display: inline-block;}*/
/*#my-header.scrollHeader #logo img:first-of-type { display: none;}*/
/*.scrollHeader .mainMenu a { color: #000000;}*/
/*.scrollHeader .mainMenu a.active { color: #191919;}*/

#my-header.darkHeader #logo img:last-of-type { display: inline-block;}
#my-header.darkHeader.scrollHeader #logo img:last-of-type {filter: invert(1);}
#my-header.darkHeader #logo img:first-of-type { display: none;}
#my-header.darkHeader .contactInfo a { color: #222222; font-weight: 500;}
#my-header.darkHeader .contactInfo i { font-weight: bold;}


#headerBottom { line-height: 80px; position: relative; padding-top: 10px; padding-right: 60px;}
#headerBottom nav {background: #232325 /*rgb(27 27 27 / 90%)*/; padding-right: 30px; margin-left: 30px;}

#logo { float: left;padding: 0 30px 0 60px; line-height: 80px; }
#logo img { height: 35px;vertical-align: middle; display: inline-block;}
/*#logo img:first-of-type { display: inline-block;}*/
#logo img:last-of-type { display: none;}
#navPrimary { float: right;}
#navPrimary ul,#navPrimary nav { float: left;}

.mainMenu { }
.mainMenu li { position: relative; display: inline-block; float: left; padding-left: 30px;}
.mainMenu a { position: relative;display: inline-block;text-transform: none;color: #ffffff;font-family: "Sawarabi Gothic", sans-serif;font-size: 15px;font-weight: 400; letter-spacing: 0.5px;}
.mainMenu a.active, .mainMenu a:hover { color: rgba(255, 255, 255, 0.4);}
/*.mainMenu ul:first-of-type a:before { position: absolute;z-index:1;right: 0;bottom: 0;left: 0;display: block;width: 0;height: 0;margin: 0 auto;padding-bottom: 3px;content: "";transition: all .3s ease-in-out;border-bottom: 2px solid #191919;}*/
/*.mainMenu ul:first-of-type a:hover:before {width: 100%;}*/

#languageMenu {position: absolute; right:0; top: 187px; z-index: 2;}
#languageMenu a:not(.active) { opacity: 0; background: #232325;}
#languageMenu:hover a { opacity: 1;}

.languagePicker a { color: #ffffff;display: inline-block;padding: 0 20px;line-height: 40px; width: 100%; text-align: center;}
.languagePicker a:hover { color: #191919;}
.languagePicker a.active { background: #191919;}
.languagePicker a.active:hover { color: #000000;}

/* PAGE CONTAINERS  ========================================================================== */
#my-content { background: #f0f0f0; overflow: hidden;}

.wrapper { width: 1400px; margin: 0 auto;}
.generalPadding { padding: 100px 0;}
.detailPadding { padding: 40px 0 80px;}

.pageFix { padding-top: 160px;}
/*.timeline__content p, .timeline__content h2, .timeline__item { font-size: 16px;}*/
/* PAGE BREADCRUMB  ========================================================================== */
/*.breadcrumbContainer { position: relative;z-index: 1;display: inline-block; min-width: 27%; padding-top: 15px; padding-right: 60px;padding-bottom: 15px;border-top-right-radius: 25px; border-bottom-right-radius: 25px; background: #191919;}
.breadcrumbContainer h1 { position: relative; text-transform: none; color: #333333; font-size: 2.8em;font-weight: 600;line-height: initial; }

.breadcrumb {}
.breadcrumb li { position: relative; display: inline-block; margin-right: 20px; color: rgba(255, 255, 255, 0.8);font-size: 14px; line-height: 1em;}
.breadcrumb li:last-of-type { margin-right: 0;}
.breadcrumb a { position: relative;display: inline-block;color: rgba(255, 255, 255, 1);}
.breadcrumb a:hover { color: rgba(255, 255, 255, 0.8);}
.breadcrumb a:after { position: absolute;top: 0;right: -15px;content: '\f105'; color: rgba(255, 255, 255, 0.8); font-family: FontAwesome;font-size: 10px; font-weight: 500;}
.breadcrumb .notActive a {cursor: auto; color: rgba(0255, 255, 255, 0.8);}
.breadcrumb .notActive:hover a {text-decoration: none;}
*/

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

/* PAGE TITLE  ========================================================================== */
.miniBorder { width: 50px; height: 2px; margin: 20px 0 30px; background: #191919;}

.pageBanner {  min-height: 400px;background-position: center;background-repeat: no-repeat; background-size: cover;}
.over { color:rgba(255,255,255,0.8); text-align: center;}
.over .content { max-width: 960px; margin: 0 auto; padding-top: 0;}
.sectionTitle { font-size: 5em; color: #222222; line-height: 1; margin: 0;}
.gridTitle { display: grid; grid-template-columns: 40% 40%; grid-gap: 20%;margin-bottom: 80px; text-align: left;}
.gridTitle div { margin-top: 25px;}
.gridTitle p {font-size: 1.2em;}
.titleContainer  { text-align: left;}
.titleContainer .title {font-weight: 400;color: #242424;font-size: 5em;line-height: 1;letter-spacing: -3px; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #eeeeee;}
.under { color:rgba(255,255,255,0.1); position: absolute; top: 55%;transform: translateY(-50%);text-align: center; width:100%;font-size: 20vw; text-transform: uppercase;}
hr { max-width:1400px;height: 1px;margin: 0 auto;border: 0;background-color: #e2e2e2;}

/* PAGE PARALLAX ========================================================================== */
.parallax { background-repeat: no-repeat;background-attachment: fixed;background-position: center;background-size: cover;}
.parallax:after { pointer-events: none;position: absolute;background: rgba(0, 0, 0, .85);right: 0;top: 0;bottom: 0;left: 0;content: "";}
.parallax .wrapper {position: relative; z-index: 1; color: #ffffff;}

/* PAGE DETAIL  ========================================================================== */
.detailPage {}
.detailPage .mainButton {float: right; margin-top: 30px;}

/* PAGE EDITOR  ========================================================================== */
.editorPage {}
.editorPage .sectionTitle  { color: #ffffff;}
.editorPage b,.editorPage strong { color: #f0f0f0;}
/*.editorPage .wrapper { border-bottom: 1px solid rgba(255,255,255,0.2); }*/


/* MAIN SLIDER  ========================================================================== */
/*slider home*/
.sliderContainer { position: relative;}
.sliderContainer video { position: absolute;top: 0;right: 0;bottom: 0;object-fit: cover;width: 101%;height: 101%;margin: auto;}
.sliderContainer img {position: absolute; top: 0; left: 0; max-width: none; width: 100%; height: 100%; object-fit: cover;}
/*.sliderContainer video {position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; transform: translateY(-50%) translateX(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto;}*/
.sliderContainer article:before { pointer-events: none; position: absolute; background: linear-gradient(0deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.7) 100%);right: 0;top: 0;bottom:0; left:0;z-index: 1;content: "";}
.sliderContainer article { position: relative;overflow: hidden; max-height: 1080px; height: 100dvh; min-height: 800px; background-color: #eeeeee;background-repeat: no-repeat; background-position: center; background-size: cover;}
.sliderContainer .bx-wrapper .bx-pager { }
.sliderContainer .bx-wrapper .bx-pager.bx-default-pager a:hover,.sliderContainer  .bx-wrapper .bx-pager.bx-default-pager a.active { background:  #191919;}
.sliderContainer .bx-wrapper .bx-pager.bx-default-pager a:hover:before,.sliderContainer .bx-wrapper .bx-pager.bx-default-pager a.active:before { border-color: rgba(255,255,255,0.5);}
.sliderContainer .bx-wrapper { margin: 0;}

.sliderContainer .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { width: 100%; text-align: center;}
.sliderContainer .bx-wrapper .bx-pager.bx-default-pager a:before { content: ''; position: absolute; width: 22px; height: 22px; top: -6px; left: -6px; border-radius: 50%; background: transparent; border: 1px solid transparent;}
.sliderContainer .bx-wrapper .bx-pager.bx-default-pager a { position: relative;    bottom: 5px;
    display: inline-block;width: 10px; height: 10px; border-radius: 50%; background: #fff; margin: 0;}
.textSlider { position: absolute; z-index: 1;bottom: 100px;left: calc((100% - 1400px) / 2); max-width: 45%;}
.textSlider h1 { font-family: "Sawarabi Gothic", sans-serif;position: relative; font-size: 6em; font-weight: 500;color:#ffffff;line-height: 1em;margin-bottom: 12px; text-transform: none;}
.textSlider p { margin-bottom:30px;color: rgba(255, 255, 255, 0.8);font-size: 1.1em;letter-spacing: 1px; font-weight: 500; }
.textSlider span {color: rgba(255, 255, 255, 0.6);font-size: 0.9em;letter-spacing: 1px; font-weight: 500; margin-bottom: 20px; display: block;}
.textSlider span b{color: rgba(255, 255, 255, 0.9);}
.textSlider span b:after { content: ''; display: inline-block; width: 40px; height: 1px; border-top: 1px solid rgba(255,255,255,0.2); margin: 5px;}
.textSlider .mainButton { /* margin-top: 60px;background: rgba(255, 255, 255, 0.01);-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);*/}
.textSlider .mainButton:hover { color:#191919; /* f0582e */ }

/* PAGE HOME  ========================================================================== */
#homePage { overflow: hidden;}
.homeIntro {position: relative; margin-bottom: 100px;}
/*.homeIntro .content {position: relatresive; font-size: 6em; line-height: 1em; display: inline-block;-webkit-text-stroke: 0.3px #eeeeee;color: #eeeeee;cursor: pointer;}*/
.homeIntro .grid { display: grid; grid-template-columns: 1fr 505px; direction: ltr; position: absolute; right: 0; bottom: 0; width: 100%; z-index: 3;}

.homeVideo { position: relative; overflow: hidden;/* height: 30vw;*/}
.homeVideo .gridTitle {position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%); margin: auto; color: #fff; z-index: 3;}
.homeVideo .sectionTitle { color: #fff;}
/*.homeVideo:after { content:'';position: absolute;top: 0; right: 0; left: 0; bottom: 0; margin: auto; background: rgb(190 34 34 / 0.7); z-index: 2;}*/
.homeVideo video {display: block;/*position: absolute; top: -10vw; right: 0; left: 0; margin: auto;*/ z-index: 1; filter: contrast(100%) grayscale(100%);}

#circle { display: block;position: relative; width: 100%; padding-bottom: 245px /*34% 100%*/; overflow: hidden; }
#circle:after { background-image: url("../img/plus.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; left: 0; height: auto; background-color: transparent; right: 0; bottom: 0; top: 0; margin: auto; width: 100px; content: '';}
#circle text {color: #191919; font-size: 16px; }
#circle:hover svg {fill: #5b5b5e;}
#circle svg {fill: #191919; position: absolute; top: 0; bottom: 0; margin: auto; width: 100%; height: 500px; transition: fill 0.5s ease-in-out;
    -webkit-animation-name: rotate;
    -moz-animation-name: rotate;
    -ms-animation-name: rotate;
    -o-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-duration: 10s;
    -moz-animation-duration: 10s;
    -ms-animation-duration: 10s;
    -o-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes rotate {
    from { -webkit-transform: rotate(360deg); }
    to { -webkit-transform: rotate(0); }
}
@-moz-keyframes rotate {
    from { -moz-transform: rotate(360deg); }
    to { -moz-transform: rotate(0); }
}
@-ms-keyframes rotate {
    from { -ms-transform: rotate(360deg); }
    to { -ms-transform: rotate(0); }
}
@-o-keyframes rotate {
    from { -o-transform: rotate(360deg); }
    to { -o-transform: rotate(0); }
}
@keyframes rotate {
    from { transform: rotate(360deg); }
    to { transform: rotate(0); }
}

.textItem {color: #e3e3e3; vertical-align: middle;position: relative; display: inline;margin: 0 !important;line-height: 1; font-size: 5em;/*-webkit-text-stroke: 0.3px #ffffff;color: transparent;cursor: pointer;*/}
.textItem span { display: block; position: relative; z-index: 1;line-height: 1.12;}
.textItem .text { overflow: hidden;}
.textItem .outer {position: absolute;top: 0;left: 0;overflow: hidden;color: #ffffff; -webkit-text-stroke: 0.3px #eeeeee;transform: translateX(-100%);}
.textItem .inner {display: inline-block;transform: translateX(100%);}
.textItem .outer, .textItem .inner {transition: transform 0.5s cubic-bezier(0.29, 0.73, 0.74, 1.02);}
.textItem:hover .outer, .textItem:hover .inner {transform: none;}

.portofoliuIntro {}
.portofoliuIntro .simpleButton { margin-top: 20px; }
.portofoliuIntro .pageTitle { margin-bottom: 60px;}

.caruselProiect { background: #fff;}
.caruselProiect .bx-wrapper {/* margin: 0;*/ padding: 0 60px;}
.caruselProiect .bx-wrapper .bx-viewport { overflow: auto;}
.caruselProiect .bx-wrapper .bx-pager { bottom: -50px; padding: 0; left: 0; right: 0;}
.caruselProiect .bx-wrapper .bx-prev {right: auto; left: 5px;}
.caruselProiect .bx-wrapper .bx-next { right: 5px;}
.caruselProiect .bx-wrapper .bx-prev , .caruselProiect .bx-wrapper .bx-next { top: 50%; bottom: auto;}
.caruselProiect .bx-wrapper .bx-pager.bx-default-pager a { border: none; background: #5b5b5e; border-radius: 0; }
.caruselProiect .bx-wrapper .bx-pager.bx-default-pager a:hover, .caruselProiect .bx-wrapper .bx-pager.bx-default-pager a.active { background:#191919; }
.caruselProiect .bx-wrapper .bx-controls-direction a { border-color: #e2e2e2; color: #222222;width: 50px; height: 50px;}
.caruselProiect .bx-wrapper .bx-controls-direction i { line-height: 50px;}
.caruselProiect .bx-wrapper .bx-controls-direction:after { content: none;}
.caruselProiect  img { width: 100%;}

/* DESPRE PAGE  ========================================================================== */
#pageDespre {overflow: hidden;}
#pageDespre .sectionSubtitle { text-align: left;color: #656668;margin-top: 60px;}
.intro .grid { display: grid; grid-template-columns: 30vw 1fr; grid-gap: 5vw;justify-items: center; align-items: center;}
.intro .grid img { width: 100%;}

.servicii { text-align: center;}
.servicii .grid { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 5vw; text-align: left;}
.seviciu {}
.seviciu img { margin-bottom: 20px; height: 70px;}
.seviciu p:first-of-type {font-family: "Sawarabi Gothic", sans-serif;font-weight: 500; font-size: 1.6em; color: #333333; margin-bottom: 20px;}

.premii {}
.premii .sectionTitle {}

.team {}
.team img { width:100%; filter: grayscale();}
.team p:first-of-type {font-family: "Sawarabi Gothic", sans-serif;font-weight: 500; font-size: 1.6em; color: #333333;}

.publicatii {}
.publicatii .grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap:3vw;}
/*.publicatii .sectionTitle { text-align: center;}*/
/*.publicatii p { font-size: 14px;}*/
/*.publicatii p:first-of-type { font-size: 14px; font-weight: 600;}*/

.scrollText { font-size: 6em; color: #e3e3e3; white-space: nowrap; margin-bottom: 100px; line-height: 1em;}
/*.gallery-item {width: 200px;padding: 5px;}*/

/* PAGE NOUTATI  ========================================================================== */
#pageNoutati {}
#pageNoutati .generalPadding { padding-top: 80px;}
#pageNoutati .paddingLeft {padding-right: 60px;}
#pageNoutati hr { max-width: 100%;}
#pageNoutati .sectionTitle {position: relative;z-index: 2; margin-bottom: 30px;}
#noutati { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 60px 30px;}

/* PAGE PORTOFOLIU  ========================================================================== */
#pagePortofoliu {}
#pagePortofoliu hr { max-width: 100%;}
#pagePortofoliu .paddingLeft { padding-right: 60px;}
#pagePortofoliu .sectionTitle {position: relative;z-index: 2; margin-bottom: 30px;}
#pagePortofoliu .grid { display: grid; grid-template-columns:20% 1fr; grid-gap: 15px;}
#pagePortofoliu .banner { width: 100%;transition: all 0.5s ease-in-out;}
#pagePortofoliu .mainButton {position: initial;}
#pagePortofoliu .generalPadding { padding-top: 80px;}
#portofoliu { direction: ltr; display: grid; grid-template-columns: repeat(3,1fr); grid-column-gap: 30px; grid-row-gap: 60px;}
#portofoliu .noResults {border-color: #191919;grid-column: span 3;}
.projectBox {color: #333333; text-align: left;}
.projectBox .imgBox {position: relative; margin-bottom: 10px; overflow: hidden; padding-top: 66%; transform-origin: center;}
.projectBox img {  width: 100%;transition: all 0.5s ease-in-out; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.projectBox:hover img { transform: scale(1.2,1.2) translate(-42%,-42%);}
.projectBox { cursor: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg opacity='0.8'%3E%3Cpath fill='%23FFFFFF' d='M50,2c26.467,0,48,21.533,48,48c0,26.467-21.533,48-48,48C23.533,98,2,76.467,2,50C2,23.533,23.533,2,50,2 M50,0.5C22.663,0.5,0.5,22.663,0.5,50c0,27.338,22.163,49.5,49.5,49.5c27.337,0,49.5-22.162,49.5-49.5 C99.5,22.663,77.337,0.5,50,0.5L50,0.5z'/%3E%3C/g%3E%3Cpath fill='%23FFFFFF' d='M58.229,47.943h-6.171v-6.171c0-0.757-0.614-1.372-1.372-1.372h-1.371c-0.757,0-1.372,0.614-1.372,1.372 v6.171h-6.171c-0.757,0-1.372,0.614-1.372,1.372v1.371c0,0.758,0.614,1.372,1.372,1.372h6.171v6.171 c0,0.758,0.614,1.371,1.372,1.371h1.371c0.758,0,1.372-0.613,1.372-1.371v-6.171h6.171c0.758,0,1.371-0.614,1.371-1.372v-1.371 C59.6,48.557,58.986,47.943,58.229,47.943z'/%3E%3C/svg%3E") 16 16, pointer;}
.projectBox .titlu { font-family: "Sawarabi Gothic", sans-serif; font-size: 1.6em; font-weight: 500; text-transform: uppercase; display: flex; justify-content: space-between; }
.projectBox .titlu span {white-space: nowrap; color: #a7a7a7; font-size: 0.8em; display: inline-block; margin-left: 30px; font-weight: 400; text-transform: none;}

.bannerContainer { margin-bottom: 30px;}
.fadeImg {transition: all 0.5s ease-in-out; opacity: 1; display: block; position: absolute; width: 100vw; height: 100vh; top: 0;  right: 0; background-position: center; background-repeat: no-repeat; background-size: cover;}
.fadeImg:after { pointer-events: none;position: absolute;background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.7) 100%);right: 0;top: 0;bottom: 0;left: 0;z-index: 1;content: "";}
.fadeImg.scaleImg{ width: 500px;height: 300px; top: 100vh; opacity: 0; visibility: hidden; right: 60px;}
.fadeImg img {position: absolute; top: 0; left: 0; max-width: none; width: 100%; height: 100%; object-fit: cover;}

#categorii { display: flex; gap: 30px; margin-top: 30px;}
#categorii li { display:block; margin-bottom: 10px;}
/*#categorii li:after {content: '/'; margin: 0 10px; display: inline-block;}*/
#categorii li:last-of-type:after {content:none;}
#categorii a { font-family: "Sawarabi Gothic", sans-serif;font-size: 1.2em;font-weight: 500;color: #a7a7a7;}
#categorii a.active {color:#191919;}

.proiect {direction: ltr;}
.proiect .mainButton {display: none;}
.infoProiect {direction: ltr; z-index: auto !important;}
.infoProiect .banner { display: none;}
.infoProiect span, .infoProiect strong {color: #a7a7a7;display: inline-block; margin-top: 20px; font-weight: 400;}
.infoProiect p:first-of-type span { margin-top: 0;}
.infoProiect .mainButton {margin-top: 40px; }

/* PAGE CONTACT  ========================================================================== */
#pageFormular {overflow: hidden;}
#pageFormular .sectionTitle { color: #fff;}
#pageFormular .generalPadding:not(.wrapper) {padding-top: 0;}
#pageFormular .generalPadding.wrapper .gridTitle { margin: 0;}
#pageFormular .formStyle {width: 45%; float: right;position: relative;z-index: 2;}
#pageFormular .box2 a { display: block; color: #a7a7a7;}
#pageFormular .box2 a:hover {color: #ffffff;}
#pageFormular .box2 i { color: #191919;}
#pageFormular .mapWrapper { padding: 0; background: #5b5b5e; height: 500px;}
#pageFormular .mapWrapper iframe { mix-blend-mode: screen;-webkit-filter: grayscale(100%) contrast(100%);filter: grayscale(100%) contrast(100%);}

.infoContact { font-size: 1.2em;}

/* PAGE PAGINATION  ========================================================================== */
.pagination { text-align: right; margin-top: 30px;}
.pagination a { display: inline-block; padding: 7px 20px;transition: all .3s ease;color: rgba(0, 0, 0, .2);border-bottom: 1px solid rgba(0, 0, 0, .18);font-weight: 600;}
.pagination a:hover { text-decoration: none;}
.pagination a.pagActive { color: #191919; border-color: #191919; border-width: 2px;}
.pagination a:hover:not(.pagActive) { color: #191919;}
.pagination .noActive { cursor: default; color: #e1e1e1;}
.pagination .noActive:hover { color: #e1e1e1 !important;}
.pagination a:first-of-type, .pagination a:last-of-type { border-color: transparent;}

/* PAGE FOOTER  ========================================================================== */
#pageFooter { position: relative; color: #ffffff;background: #5b5b5e; }
#pageFooter #firma {color: #ffffff;font-size: 3em;line-height: 1em;font-family: "Sawarabi Gothic", sans-serif; margin: 0; letter-spacing: -1px;}
.gridFooter { display: flex; gap: 50px; justify-content: space-between;}
.gridFooter .fullLength { grid-column: 1 / 3;}
#footerInfo { padding: 80px 0; display: grid; grid-template-columns:50% 1fr; grid-gap: 60px;}
#footerInfo a { color: #ffffff; white-space: nowrap;}
#footerInfo p { font-family: "Sawarabi Gothic", sans-serif; color: #959595; margin-bottom: 10px; text-transform: uppercase;}
#footerInfo li { display: inline-block; padding-right: 20px;}
#footerInfo li:last-of-type {padding: 0;}
#footerInfo li a:hover { color: #191919;}
#footerInfo i { font-size: 18px;}
#footerInfo img { /*mix-blend-mode: color-dodge;filter: invert(1);*/ max-width: 200px;}

#developer { border-top: 1px solid rgba(255,255,255,0.2); padding: 20px 0 100px;color: #959595; /*font-size: 0.9em;*/}

/* PAGE SCROLL UP TO PAGE  ========================================================================== */
.upPage {display: none; position: fixed; z-index: 10; right: 0; bottom: 0;overflow: hidden;width: 60px; line-height: 60px; height: 60px; text-align: center;-webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px); border: 1px solid rgba(0, 0, 0, .18); background: rgba(255, 255, 255, 0.05);}
.upPage i { position: absolute;top: 50%;right: 0;bottom: 0;left: 0;margin: auto; color: #191919; transition: all 0.3s ease-in-out;font-size: 1em;line-height: 0;}
.upPage:hover { border-color: #191919;}

/* PAGE POLITICA  ========================================================================== */
/* Politica de confidentialitate */
.boxCheckbox { float: left; overflow: hidden; width: 280px;}
.politica { display: inline-block; width: 280px; height: 37px; margin: 10px 0; padding: 5px; }
.politica input[type="checkbox"] { width: auto; margin-bottom: 0; vertical-align: middle;}
.politica label { width: auto; color: rgba(255,255,255,0.8);font-size: 12px; line-height: 12px;}
.politica i { font-weight: bold;}
.politica a {  color:rgba(255,255,255,1);}
.containerLabel { position: relative; display: block; padding-left: 30px; cursor: pointer; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none;}
.containerLabel input { position: absolute; cursor: pointer; opacity: 0;}
.checkmark { position: absolute; top: 0; left: 0; width: 25px; height: 25px; border: 1px solid rgb(255 255 255 / 25%);}
.checkmark:after { position: absolute; display: none; content: "";}
.containerLabel input:checked ~ .checkmark:after { display: block;}
.containerLabel .checkmark:after { top: 3px;left: 3px;content: '\f00c ';color:  rgba(255,255,255,0.8);font-family: FontAwesome;font-size: 18px;line-height: 18px;}
.QapTcha { width: 280px !important; margin: 0 20px 0 0; padding: 5px;}
.QapTcha.error {}
.QapTcha .bgSlider { border:1px solid rgb(255 255 255 / 25%); background: transparent;}
.QapTcha .fa-check { top: 9px; left: 9px; color:  rgba(255,255,255,0.8);}
.QapTcha .dropError { color: rgba(255,255,255,0.8);}
.QapTcha .dropSuccess { color: rgba(255,255,255,0.8);}

/* ==========================================================================
   PLUGINS
   ========================================================================== */
/*BX-SLIDER*/
.bx-wrapper { border: none;}
.bx-wrapper .bx-viewport { left: 0; margin-bottom: 0; border: none; background: transparent; box-shadow: none;}
.bx-wrapper .bx-controls-direction:after { position: absolute; height: 1px; width: 100%; background: rgba(255,255,255,0.2); bottom: 162px; left: 0; z-index: 1; content: '';}
.bx-wrapper .bx-controls-direction a {color: #ffffff;z-index: 3; top: auto; bottom: 115px; display: inline-block; border-radius:50%;width: 100px; height: 100px; transition: all 0.3s ease-in-out;text-align: center;text-indent: initial;background:transparent; border:1px solid transparent;}
.bx-wrapper .bx-controls-direction i {font-size: 1.2em; line-height: 100px;}
.bx-wrapper .bx-prev { right: 180px; left: auto; margin: 0; font-size: 1em;}
.bx-wrapper .bx-next { right: 80px; margin: 0; font-size: 1em;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { border-bottom-color:transparent;}
.bx-wrapper .bx-pager.bx-default-pager a { width: 50px;height: 5px;border-bottom: 2px solid transparent;background:transparent;}
.bx-wrapper .bx-pager { bottom:0;}
.bx-wrapper .bx-controls-direction a, .bx-wrapper .bx-pager.bx-default-pager a { -webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out; border: 1px solid rgba(255,255,255,0.2);}
.bx-wrapper .bx-controls-direction a:hover { transform: scale(1.2,1.2);color: #191919;}
.bx-wrapper .bx-controls-direction:hover a:not(:hover) {border-color: transparent;}
.bx-wrapper:hover .bx-controls-direction a, .bx-wrapper:hover .bx-pager.bx-default-pager a {}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: transparent;}

/* 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: #191919;}
.lg-outer .lg-thumb-item img { opacity: 0.5;}
.lg-outer .lg-thumb-item.active img { opacity: 1;}
.lg-backdrop { background-color: rgba(0, 0, 0, 0.8);}
.lg-next, .lg-prev { padding: 12px 21px 14px; border: 1px solid rgba(255, 255, 255, 0.25);border-radius: 50% !important; background: transparent;}
.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'; font-family: FontAwesome;}
.lg-prev:after { content: '\f104'; font-family: FontAwesome;}

.lg-sub-html { display:none;}
/* PACE LOAD  ========================================================================== */
.pace { position: fixed; z-index: 2000000004; top: 0; left: 0; width: 100%; height: 100vh;}
.pace-cover { position: fixed; z-index: 2000000003;top: 0;left: 0;width: 100%;height: 100vh;-moz-user-select: none; -ms-user-select: none;-webkit-user-select: none;user-select: none;transition: all .5s cubic-bezier(0.7, 0, 0.3, 1);text-align: center;pointer-events: none;background-color: #191919; color: #fff; font-family: "Sawarabi Gothic", sans-serif; text-transform: uppercase;}
.pace-cover .preloaderContainer { position: fixed;top: 0;left: 0;right: 0;bottom: 0; margin: auto;max-width: 20vw; height: 5vw; text-align: center;}


.pace-progress { z-index: 2000000005; position: absolute;  width: 100%;  height: 5px;  right: 100%;  top: 0;  /*background: #c7ac7f;*/}
.pace-inactive, .pace-done .pace-cover {  display: none;}
.pace-inactive .pace-progress {  display: none;}

.textBox { width: 300px; text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.textBox .textItem { display: inline-block;font-size: 4em;}
.textBox .textItem .text { margin-left: -7px;}
.textBox .textItem:first-of-type .text { margin-right: -4px;}
.textBox .textItem .outer { background: #191919; color:#191919; height: 100%; width: 100%; -webkit-text-stroke: unset;}

.textBox .textItem .outer { overflow: initial;
    -webkit-animation: 2s pulse linear infinite;
    -moz-animation: 2s pulse linear infinite;
    -o-animation: 2s pulse linear infinite;
    animation: 2s pulse linear infinite;
}

@-webkit-keyframes pulse {
    0%  {transform: translateX(0);}
    100% {transform: translateX(100%)}
  }
@keyframes pulse {
    0%  {transform: translateX(0);}
    100% {transform: translateX(100%)}
}

/* SEARCHBOX  ========================================================================== */
.ui-helper-hidden-accessible { position: absolute; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; }
.ui-autocomplete { position: absolute; top: 0; left: 0; width: auto; padding: 0; list-style-type: none; cursor: default; border: 1px solid #424242; background: #ffffff; }
.ui-autocomplete-category { display: block; padding: 5px 7px; color: #971748; }
.ui-autocomplete LI.ui-menu-item { padding: 0; }
.ui-autocomplete LI.ui-menu-item A { display: block; padding: 3px 10px; color: #222222; background: #ffffff; text-shadow: none; line-height: 30px;}
.ui-autocomplete LI.ui-menu-item A:hover { color: #7fbd8b; }
.ui-state-focus { color: #ffffff !important; background: #7fbd8b !important; }
.highlight {padding: 1px; color: #ffffff; background-color: #7fbd8b;-moz-box-shadow: 0 0 2px 0 rgba(161, 161, 161, 0.7); -webkit-box-shadow: 0 0 2px 0 rgba(161, 161, 161, 0.7); box-shadow: 0 0 2px 0 rgba(161, 161, 161, 0.7);}

/* directional-hover  ========================================================================== */

.dh-container {position: relative;z-index: 1;overflow: hidden;cursor: pointer;}
.dh-container:before {position: absolute; z-index: 1; top: 0; right: 0; bottom: 0;left: 0; content: '';}
.dh-container .dh-overlay { z-index: 2; }
.dh-overlay {position: absolute;z-index: 0;top: -100%;width: 100px;height: 100px; background: red; border: 1px solid rgba(255,255,255,0.2); border-radius: 50%;}
.dh-overlay:after {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 30px; height: 30px; content: url("../img/svg/plus-solid.svg");}

/* jarallax  ========================================================================== */
.jarallax {   position: relative;z-index: 0;}
.jarallax:after { pointer-events: none;position: absolute; background: rgba(0, 0, 0, .5); right: 0;top: 0;bottom: 0;left: 0;content: "";}
.jarallax .wrapper {position: relative; z-index: 1; color: #ffffff;}
.jarallax.pageTitle:after { content: "";display: block;position: absolute;z-index: 0;top: 0;right: 0;bottom: 0;left: 0; background:linear-gradient(180deg, rgba(0,0,0,0.5) 45%, rgba(0,0,0,0));}
.jarallax > .jarallax-img {position: absolute;object-fit: cover; /* support for plugin https://github.com/bfred-it/object-fit-images */font-family:"Sawarabi Gothic", sans-serif; top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}

/* scrollbar  ========================================================================== */
body::-webkit-scrollbar { width: 8px;}
body::-webkit-scrollbar-track { background: #5b5b5e;}
body::-webkit-scrollbar-thumb {height: 50px; outline: none;background-color: #191919;}

/* ======================================== RIGHT MENU ================================== */
/* Context menu */
.context-menu{display: none;position: absolute;border: 1px solid black;border-radius: 4px;width: 200px;color: #000000;line-height: 11.5px;font-family: sans-serif;padding: 8px 8px;font-size: 11px;margin: 0;background: white;box-shadow: 0 0 5px #222;-webkit-box-shadow: 0 0 5px #222;-moz-box-shadow: 0 0 5px #222;z-index: 10000;}

/* instafeed  ========================================================================== */
#instafeed-container { display: grid; grid-template-columns: repeat(9,1fr); background: #5b5b5e;}
#instafeed-container div { overflow: hidden; height: 100%;}
#instafeed-container a { position: relative; width: 100%; /* height: 25vw; */height: 11vw;overflow: hidden;display: block;}
#instafeed-container a img {object-fit: cover;width: 100%;object-position: center;height: 100%;}
#instafeed-container span { position: absolute; left: 10px; bottom: 10px; color: #fff; opacity: 0; transition: all 0.5s ease-in-out; font-size: 14px;}
#instafeed-container span { position: absolute; color: #fff; opacity: 0; transition: all 0.5s ease-in-out; font-size: 14px;}
#instafeed-container span:first-of-type {left: 10px; top: 10px;}
#instafeed-container span:last-of-type {left: 10px; bottom: 10px;}
#instafeed-container i { font-size: 12px;}
#instafeed-container i.fa-instagram { color: #ffffff; position: absolute; right: 10px; bottom: 10px; opacity: 0;transition: all 0.5s ease-in-out; }
#instafeed-container a:hover span, #instafeed-container:hover i.fa-instagram {opacity: 1;}