@charset "UTF-8";

/* latin-ext */
@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/inconsolata-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/inconsolata-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/inconsolata-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/inconsolata-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

*, *:before, *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary{display:block;}
audio,
canvas,
video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
[hidden]{display:none;}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:100%;}
body{margin:0;}
a:focus{outline:0;}
a:active,
a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b,
strong{font-weight:bold;}
dfn{font-style:italic;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
mark{background:#ff0;color:#000;}
code,
kbd,
pre,
samp{font-family:monospace, serif;font-size:1em;}
pre{white-space:pre-wrap;}
q{quotes:"\201C" "\201D" "\2018" "\2019";}
small{font-size:80%;}
sub,
sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:0;}
fieldset{border:1px solid silver;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
button,
input,
select,
textarea{font-family:inherit;font-size:100%;margin:0;}
button,
input{line-height:normal;}
button,
select{text-transform:none;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],
html input[disabled]{cursor:default;}
input[type="checkbox"],
input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;}
textarea{overflow:auto;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}



* { margin: 0; padding: 0; border-width: 0; outline: none; }




.cols-LR0 { margin: 0 0 0 0; display: flex; flex-wrap: wrap; }
.cols-LR0-item { padding: 0 0 0 0; float: left; display: flex; }
 
.cols-LR5 { margin: 0 -5px 0 -5px; display: flex; flex-wrap: wrap; }
.cols-LR5-item { padding: 0 5px 0 5px; float: left; display: flex; } 
 
.cols-LR10 { margin: 0 -10px 0 -10px; display: flex; flex-wrap: wrap; }
.cols-LR10-item { padding: 0 10px 0 10px; float: left; display: flex; }
 
.cols-LR15 { margin: 0 -15px 0 -15px; display: flex; flex-wrap: wrap; }
.cols-LR15-item { padding: 0 15px 0 15px; float: left; display: flex; }
 
.cols-LR20 { margin: 0 -20px 0 -20px; display: flex; flex-wrap: wrap; }
.cols-LR20-item { padding: 0 20px 0 20px; float: left; display: flex; }
 
.cols-LR25 { margin: 0 -25px 0 -25px; display: flex; flex-wrap: wrap; }
.cols-LR25-item { padding: 0 25px 0 25px; float: left; display: flex; }   
 
 

 
.cols-LR1em { margin: 0 -1em 0 -1em; display: flex; flex-wrap: wrap; }
.cols-LR1em-item { padding: 0 1em 0 1em; float: left; display: flex; }
 
.cols-LR15em { margin: 0 -1.5em 0 -1.5em; display: flex; flex-wrap: wrap; }
.cols-LR15em-item { padding: 0 1.5em 0 1.5em; float: left; display: flex; }   
 
.cols-LR2em { margin: 0 -2em 0 -2em; display: flex; flex-wrap: wrap; }
.cols-LR2em-item { padding: 0 2em 0 2em; float: left; display: flex; } 
 
.cols-LR25em { margin: 0 -2.5em 0 -2.5em; display: flex; flex-wrap: wrap; }
.cols-LR25em-item { padding: 0 2.5em 0 2.5em; float: left; display: flex; } 
 
.cols-LR3em { margin: 0 -3em 0 -3em; display: flex; flex-wrap: wrap; }
.cols-LR3em-item { padding: 0 3em 0 3em; float: left; display: flex; } 




@media screen and (min-width: 1px) and (max-width: 1024px) {
.cols-LR3em { margin: 0 -1.5em 0 -1.5em; }
.cols-LR3em-item { padding: 0 1.5em 0 1.5em; }
}

    
 
.cols-md5 { width: 5%; }
.cols-md10 { width: 10%; }
.cols-md12 { width: 12%; }
.cols-md12-5 { width: 12.5%; }
.cols-md16-6 { width: 16.66%; }
.cols-md13 { width: 13%; }
.cols-md14 { width: 14.28571428571429%; }
.cols-md15 { width: 15%; }
.cols-md16 { width: 16.6%; }
.cols-md17 { width: 17%; }
.cols-md20 { width: 20%; }
.cols-md22 { width: 22%; }
.cols-md23 { width: 23%; }
.cols-md24 { width: 24%; }
.cols-md25 { width: 25%; }
.cols-md27 { width: 27%; }
.cols-md28 { width: 28%; }
.cols-md285 { width: 28.5%; }
.cols-md29 { width: 29%; }
.cols-md295 { width: 29.5%; }
.cols-md30 { width: 30%; }
.cols-md31 { width: 31%; }
.cols-md32 { width: 32%; }
.cols-md33 { width: 33.33%; }
.cols-md35 { width: 35%; }
.cols-md37 { width: 37%; }
.cols-md38 { width: 38%; }
.cols-md39 { width: 39%; }
.cols-md40 { width: 40%; }
.cols-md415 { width: 41.5%; }
.cols-md42 { width: 42%; }
.cols-md43 { width: 43%; }
.cols-md44 { width: 44%; }
.cols-md45 { width: 45%; }
.cols-md50 { width: 50%; }
.cols-md52 { width: 52%; }
.cols-md55 { width: 55%; }
.cols-md58 { width: 58%; }
.cols-md60 { width: 60%; }
.cols-md61 { width: 61%; }
.cols-md62 { width: 62%; }
.cols-md63 { width: 63%; }
.cols-md65 { width: 65%; }
.cols-md66 { width: 66.66%; }
.cols-md70 { width: 70%; }
.cols-md72 { width: 72%; }
.cols-md73 { width: 73%; }
.cols-md75 { width: 75%; }
.cols-md78 { width: 78%; }
.cols-md80 { width: 80%; }
.cols-md85 { width: 85%; }
.cols-md87 { width: 87%; }
.cols-md90 { width: 90%; }
.cols-md100 { width: 100%; }


@media screen and (min-width: 1px) and (max-width: 1024px) { 
.cols-sm5 { width: 5%; }
.cols-sm10 { width: 10%; } 
.cols-sm12 { width: 12%; } 
.cols-sm15 { width: 15%; } 
.cols-sm20 { width: 20%; }
.cols-sm25 { width: 25%; }
.cols-sm30 { width: 30%; }
.cols-sm33 { width: 33.33%; }
.cols-sm40 { width: 40%; }
.cols-sm50 { width: 50%; }
.cols-sm60 { width: 60%; }
.cols-sm63 { width: 63%; }
.cols-sm66 { width: 66.66%; }
.cols-sm70 { width: 70%; }
.cols-sm75 { width: 75%; }
.cols-sm80 { width: 80%; }
.cols-sm100 { width: 100%; }
.cols-sm-dn { display: none; }
}


@media screen and (min-width: 1px) and (max-width: 768px) { 
.cols-ss5 { width: 5%; }
.cols-ss10 { width: 10%; } 
.cols-ss15 { width: 15%; } 
.cols-ss20 { width: 20%; }
.cols-ss25 { width: 25%; }
.cols-ss30 { width: 30%; }
.cols-ss33 { width: 33.33%; }
.cols-ss40 { width: 40%; }
.cols-ss45 { width: 45%; }
.cols-ss50 { width: 50%; }
.cols-ss55 { width: 55%; } 
.cols-ss60 { width: 60%; }
.cols-ss66 { width: 66.66%; }
.cols-ss70 { width: 70%; }
.cols-ss75 { width: 75%; }
.cols-ss80 { width: 80%; }
.cols-ss85 { width: 85%; }
.cols-ss100 { width: 100%; } 
.cols-ss-dn { display: none; }
}


@media screen and (min-width: 1px) and (max-width: 480px) { 
.cols-xs15 { width: 15%; }
.cols-xs20 { width: 20%; }
.cols-xs25 { width: 25%; }
.cols-xs30 { width: 30%; }
.cols-xs33 { width: 33.33%; }
.cols-xs50 { width: 50%; }
.cols-xs66 { width: 66.66%; }
.cols-xs70 { width: 70%; }
.cols-xs75 { width: 75%; }
.cols-xs85 { width: 85%; }
.cols-xs100 { width: 100%; } 
.cols-xs-dn { display: none; }
}



.cols-TB0 { width: 100%; float: left; margin: 0px auto; } 
.cols-TB2-5 { width: 100%; float: left; margin: 2.5px auto; } 
.cols-TB5 { width: 100%; float: left; margin: 5px auto; } 
.cols-TB10 { width: 100%; float: left; margin: 10px auto; } 
.cols-TB15 { width: 100%; float: left; margin: 15px auto; } 
.cols-TB20 { width: 100%; float: left; margin: 20px auto; } 
.cols-TB25 { width: 100%; float: left; margin: 25px auto; } 
.cols-TB30 { width: 100%; float: left; margin: 30px auto; }
.cols-TB40 { width: 100%; float: left; margin: 40px auto; }
.cols-TB50 { width: 100%; float: left; margin: 50px auto; }
.cols-TB60 { width: 100%; float: left; margin: 60px auto; }


.cols-T0 { width: 100%; float: left; margin: 0px auto 0 auto; } 
.cols-T2-5 { width: 100%; float: left; margin: 2.5px auto 0 auto; } 
.cols-T5 { width: 100%; float: left; margin: 5px auto 0 auto; } 
.cols-T10 { width: 100%; float: left; margin: 10px auto 0 auto; } 
.cols-T15 { width: 100%; float: left; margin: 15px auto 0 auto; } 
.cols-T20 { width: 100%; float: left; margin: 20px auto 0 auto; } 
.cols-T25 { width: 100%; float: left; margin: 25px auto 0 auto; } 
.cols-T30 { width: 100%; float: left; margin: 30px auto 0 auto; }
.cols-T40 { width: 100%; float: left; margin: 40px auto 0 auto; }
.cols-T50 { width: 100%; float: left; margin: 50px auto 0 auto; }
.cols-T60 { width: 100%; float: left; margin: 60px auto 0 auto; }


.cols-B0 { width: 100%; float: left; margin: 0 auto 0px auto; } 
.cols-B2-5 { width: 100%; float: left; margin: 0 auto 2.5px auto; } 
.cols-B5 { width: 100%; float: left; margin: 0 auto 5px auto; } 
.cols-B10 { width: 100%; float: left; margin: 0 auto 10px auto; } 
.cols-B15 { width: 100%; float: left; margin: 0 auto 15px auto; } 
.cols-B20 { width: 100%; float: left; margin: 0 auto 20px auto; } 
.cols-B25 { width: 100%; float: left; margin: 0 auto 25px auto; } 
.cols-B30 { width: 100%; float: left; margin: 0 auto 30px auto; }
.cols-B40 { width: 100%; float: left; margin: 0 auto 40px auto; }
.cols-B50 { width: 100%; float: left; margin: 0 auto 50px auto; }
.cols-B60 { width: 100%; float: left; margin: 0 auto 60px auto; }



.flexContainer { display: flex; flex-wrap: wrap; }
.flexCenter { justify-content: center; margin: 0 !important; }
.flexRight { justify-content: flex-end; margin: 0 !important; }
.flexVCenter { align-items: center; align-content: center; }
.flexVEnd { align-items: flex-end; }

.itemFlexEnd { align-self: flex-end; }
.flexGrow2 { flex-grow: 2; }



/* core */
.w-inline-block { max-width: 100%; display: inline-block !important; }
.w-embed:before,
.w-embed:after { content: " "; display: table;
 grid-column-start: 1; grid-column-end: 2;
 grid-row-start: 1; grid-row-end: 2; }
.w-embed:after { clear: both; }



::selection { color: #fff; background: #ff0066; }
::-webkit-scrollbar { width: 17px; }
::-webkit-scrollbar-thumb { background: #ff0066; cursor: pointer; }
::-webkit-scrollbar-thumb:hover { background: #ff0066; }
::-webkit-scrollbar-track { background: #1f1f1f; }


:root { 

-webkit-font-smoothing: antialiased;

--clamp-h1: clamp( 7.0em, 7.0em + 3.1250vw, 13.0em );
--clamp-h2: clamp( 4.0em, 4.0em + 1.5625vw,  7.0em );
--clamp-h3: clamp( 3.5em, 3.5em + 1.3020vw,  6.0em );
--clamp-p: clamp( 1.8em, 1.8em + 0.2083vw,  2.2em );

--grayLight: #e6e6e6; 
--grayDark: #414141; 
--black: #1f1f1f; 
--white: white; 
--rosu: #ff0066; 
--purp: #660099; 
--pink: #ffbbd6;

}





img { display: block; }
img.responsive { width: 100%; max-width: 100%; height: auto; }
img.maxResponsive { width: auto; max-width: 100%; height: auto; }
img.maxResponsiveCenter { width: auto; max-width: 100%; height: auto; margin: 0 auto; }

.txt-semibold { font-weight: 600 !important; }
.txt-bold { font-weight: 700 !important; }

.txt-rosu { color: var(--rosu); }
.txt-purp { color: var(--purp); }
.txt-pink { color: var(--pink); }


.txt-30 { font-size: 300% !important; }
.txt-25 { font-size: 250% !important; }
.txt-24 { font-size: 240% !important; }
.txt-23 { font-size: 230% !important; }
.txt-22 { font-size: 220% !important; }
.txt-21 { font-size: 210% !important; }
.txt-20 { font-size: 200% !important; }
.txt-19 { font-size: 190% !important; }
.txt-18 { font-size: 180% !important; }
.txt-17 { font-size: 170% !important; }
.txt-16 { font-size: 160% !important; }
.txt-15 { font-size: 150% !important; }
.txt-14 { font-size: 140% !important; }
.txt-13 { font-size: 130% !important; }
.txt-12 { font-size: 120% !important; }
.txt-11 { font-size: 110% !important; }
.txt-09 { font-size: 90% !important; }
.txt-08 { font-size: 80% !important; }
.txt-07 { font-size: 70% !important; }
.txt-06 { font-size: 60% !important; }
.txt-05 { font-size: 50% !important; }

@media screen and (min-width: 1px) and (max-width: 1023px) {
.txt-30 { font-size: 200% !important; }
.txt-25 { font-size: 200% !important; }
.txt-24 { font-size: 190% !important; }
.txt-23 { font-size: 180% !important; }
.txt-22 { font-size: 170% !important; }
.txt-21 { font-size: 160% !important; }
.txt-20 { font-size: 150% !important; }
.txt-19 { font-size: 140% !important; }
.txt-18 { font-size: 130% !important; }
.txt-17 { font-size: 120% !important; }
.txt-16 { font-size: 110% !important; }
.txt-15 { font-size: 100% !important; }
.txt-14 { font-size: 100% !important; } 

.txt-06,
.txt-05 { font-size: 80% !important; }

.ss-txt-70 { font-size: 70px !important; }
.ss-txt-65 { font-size: 65px !important; }
.ss-txt-60 { font-size: 60px !important; }
.ss-txt-55 { font-size: 55px !important; }
.ss-txt-50 { font-size: 50px !important; }
.ss-txt-45 { font-size: 45px !important; }
.ss-txt-40 { font-size: 40px !important; }
.ss-txt-35 { font-size: 35px !important; }
.ss-txt-30 { font-size: 30px !important; }

}

@media screen and (min-width: 1px) and (max-width: 480px) {
.txt-30 { font-size: 150% !important; }
.txt-25 { font-size: 150% !important; }
.txt-24 { font-size: 140% !important; }
.txt-23 { font-size: 130% !important; }
.txt-22 { font-size: 120% !important; }
.txt-21 { font-size: 110% !important; }
.txt-20 { font-size: 110% !important; }
.txt-19 { font-size: 110% !important; }
.txt-18 { font-size: 110% !important; }
.txt-17 { font-size: 110% !important; }
.txt-16 { font-size: 110% !important; }
.txt-15 { font-size: 100% !important; }
.txt-14 { font-size: 100% !important; }

.txt-06,
.txt-05 { font-size: 90% !important; }

}

@media screen and (min-width: 1px) and (max-width: 320px) {
.xxs-txt-70 { font-size: 70px !important; }
.xxs-txt-65 { font-size: 65px !important; }
.xxs-txt-60 { font-size: 60px !important; }
.xxs-txt-55 { font-size: 55px !important; }
.xxs-txt-50 { font-size: 50px !important; }
.xxs-txt-45 { font-size: 45px !important; }
.xxs-txt-40 { font-size: 40px !important; }
.xxs-txt-40 { font-size: 35px !important; }

}


.txt-center { text-align: center !important; }
.txt-justify { text-align: justify !important; }
.txt-left { text-align: left !important; }
.txt-right { text-align: right !important; }

@media screen and (min-width: 1px) and (max-width: 768px) { 
.txt-right,
.txt-justify { text-align: left !important; } 
}

.txt-nowrap { white-space: nowrap; }
.txt-uppercase { text-transform: uppercase; }

span.brb { display: inline; }
span.brb:before { content: "\a "; white-space: pre; }


.cols2 { column-count: 2; column-gap: 3em; }
.cols2 p, 
.cols2 li { display: table; width: 100%;
 page-break-inside: avoid; break-inside: avoid; } 

.cols3 { column-count: 3; column-gap: 3em; }
.cols3 p, 
.cols3 li { display: table;
 page-break-inside: avoid;  break-inside: avoid; }
 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.cols2 p, 
.cols3 p { overflow: hidden; }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
.cols3 { column-count: 2; column-gap: 1.5em; }
}

@media screen and (min-width: 1px) and (max-width: 480px) {
.cols2,
.cols3 { column-count: 1; column-gap: 0em; }
}



.relativ { position: relative; }
.float_none { float: none !important; }
.cols-center { margin-left: auto; margin-right: auto; }


img { display: block; }
img.responsive { width: 100%; max-width: 100%; height: auto; }
img.responsive1000 { width: 100%; max-width: 1000px; height: auto; margin: 0 auto; }
.pictefec { overflow: hidden; }
.pictefec img { transition: transform 0.8s ease; transform: scale(1); }
.pictefec:hover img { transition: transform 0.8s ease; transform: scale(1.05); }


/* Locomotive Scroll for parallax */
html.has-scroll-smooth { overflow: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; }
html.lenis { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }
.lenis.lenis-scrolling iframe { pointer-events: none; }



#cursor-svg { position:fixed; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:9999; }



body { background-color: var(--grayLight); overflow-x: hidden; 
 font-family: neue-haas-grotesk-text, Arial; font-size: 62.5%; color: var(--black); font-weight: 400; line-height: 1.3;
 transition: border-color .2s, border-width .2s, background-color .3s; }



/* texte */
h1,
h2,
h3,
.paragraf__title { margin: 0px; padding: 0;
 font-family: dharma-gothic-e, Impact; line-height: .95; text-transform: uppercase; }

h1, .h1 { font-size: var(--clamp-h1); font-weight: 700; }
h2, .h2 { font-size: var(--clamp-h2); font-weight: 400; }
h3, .h3 { font-size: var(--clamp-h3); font-weight: 400; }

.paragraf__big { margin: 0px; padding: 0; line-height: 1.2; }

h1.paragraf__big,
h2.paragraf__big,
h3.paragraf__big { font-family: neue-haas-grotesk-text, Arial; text-transform: none; }



.scroll-line { position: relative; display: inline-block; overflow: hidden; }
.scroll-line .outline { color: transparent; -webkit-text-stroke: 2px var(--black, #000); line-height: 1.2; }
.scroll-line .fill { position: absolute; inset: 0; clip-path: inset(0 100% 0 0); pointer-events: none;
 color: var(--black, #000); line-height: 1.2; }
.scroll-line .outline .rosu { -webkit-text-stroke: 2px var(--rosu); }
.scroll-line .fill .rosu { color: var(--rosu); }

@media screen and (min-width: 1px) and (max-width: 480px) {
.scroll-line .outline { -webkit-text-stroke: 1px var(--black, #000); }
.scroll-line .outline .rosu { -webkit-text-stroke: 1px var(--rosu); }
}


.landing-page { position: relative; z-index: 50; }

.landing-page-h1 { 
 display: grid;  
 grid-column-gap: 0px; grid-template-columns: repeat(12, 1fr); grid-auto-columns: 1fr;
 grid-row-gap: 0px; grid-template-rows: 1fr; }

.landing-page-h1-inner { position: relative; min-height: calc(100vh - 3rem - 35px);
 display: flex; flex-direction: column; justify-content: center;
 grid-area: 1 / 2 / 2 / 12; }  
.landing-page-h1-inner.narrower_page,
.landing-page-h1-inner.narrow_page { min-height: unset; margin: 10vh 0; }
.landing-page-h1-inner.narrower_page { grid-area: 1 / 3 / 2 / 11; } 
.landing-page-h1-inner.narrow_page { grid-area: 1 / 2 / 2 / 12; } 

.landing-page-h1-inner.narrower_page h1,
.landing-page-h1-inner.narrow_page h1 { margin: 7.5vh 0 10vh 0; }

.landing-page-h1-inner.narrower_page h2,
.landing-page-h1-inner.narrower_page h3 { margin-top: 0.5em; margin-bottom: 0.5em;
 font-family: neue-haas-grotesk-text, Arial; text-transform: none; font-weight: 700; text-align: left; line-height: 1.2; }
.landing-page-h1-inner.narrower_page h2 { font-size: 2.4rem; }
.landing-page-h1-inner.narrower_page h3 { font-size: 2.2rem; }
.landing-page-h1-inner.narrower_page a,
.landing-page-h1-inner.narrow_page a { color: var(--rosu); }

.landing-page-h1-inner-text { position: relative; margin: 0vh 0 0vh 0; padding-bottom: 5vh;
 text-align: center; }

@media screen and (max-width: 480px) {
.landing-page-h1-inner { min-height: calc(100vh - 2rem - 25px); }
.landing-page-h1-inner-text { margin: 10vh 0; }
.landing-page-h1-inner.narrower_page,
.landing-page-h1-inner.narrow_page { grid-area: 1 / 3 / 2 / 12; }
}

@media screen and (max-width: 1024px) {
.landing-page-h1-inner.narrower_page h2 { font-size: 1.9rem; }
.landing-page-h1-inner.narrower_page h3 { font-size: 1.7rem; }
}



.l-cards { width: 100%; max-width: 90vw; margin: 0 auto; }

.c-card { margin-top: 20px; width: 100%; min-height: 90vh; padding: 5rem;
 display: flex; }
.c-card.black { color: var(--white);
 background-color: var(--black); }
.c-card.white { 
 background-color: var(--white); }
.c-card.rosu { color: var(--white);
 background-color: var(--rosu); }

.spacer { width: 100%; height: 10vh; }


@media screen and (max-width: 480px) {
.c-card { padding: 2rem; }
}


p { margin-top: 0; margin-bottom: 1em; font-size: var(--clamp-p); }
a { color: var(--black); text-decoration: underline; }

ul + p,
ol + p,
img + p { margin-top: 1em; }


._splt_type_sect-titl-blur .word { display: inline-block; white-space: nowrap; }


.kicker { font-family: Inconsolata, monospace; font-size: 1.8em; text-transform: uppercase; }
.kicker.is--center { text-align: center; }
.kicker.is--right-aligned { text-align: right; }
.kicker.is--inline { display: inline-block; font-size: 100%; margin-right: 10px; }

._splt_type_text-kick kicker { text-align: left; text-transform: uppercase; font-size: 1rem; }
._splt_type_text-kick kicker.is--center { text-align: center; }
._splt_type_text-kick kicker.is--right-aligned { text-align: right; }



ul, ol { clear: both; padding: 0; }

.ul-list ul li,
.ol-list ol li { position: relative; display: block;
 padding: 0.25em 0 0.25em 0;
 font-size: var(--clamp-p); }

.ul-list ul li:before,
.ol-list ol li:before { content: ''; display: inline-block; vertical-align: middle; } 

.ul-list.square ul li { padding-left: calc(10px + 0.5em); } 
.ul-list.square ul li:before { width: 10px; height: 10px; margin: -0.25em 0.5em 0 calc(-10px - 0.5em); 
 background: var(--grayLight); }
.ul-list.square.rosu ul li:before { background: var(--rosu); }
.ul-list.square.purp ul li:before { background: var(--purp); }
.ul-list.square.pink ul li:before { background: var(--pink); }

.ul-list.bullet ul li { padding-left: calc(7px + 0.5em); }
.ul-list.bullet ul li:before { width: 7px; height: 7px; margin: -0.25em 0.5em 0 calc(-7px - 0.5em); 
 background: var(--grayLight); border-radius: 50%; } 
.ul-list.bullet.black ul li:before { background: var(--black); }
.ul-list.bullet.rosu ul li:before { background: var(--rosu); }
.ul-list.bullet.purp ul li:before { background: var(--purp); }
.ul-list.bullet.pink ul li:before { background: var(--pink); }

.ol-list.normal ol > li:before { margin: -0.125em 0.5em 0 calc(-2em - 0.5em); }
.ol-list.square ol > li:before { width: 2em; height: 2em; margin: -0.2em 1em 0 -3em; vertical-align: top; }

.ol-list.normal ol,
.ol-list.square ol { counter-reset: contor; }

.ol-list.normal ol li,
.ol-list.square ol li { padding: 0.5em 0 0.5em 0; } 

.ol-list.normal ol li { padding-left: 2em; }
.ol-list.square ol li { padding-left: calc(2em + 0.5em); }

.ol-list.normal ol > li:before,
.ol-list.square ol > li:before { content: counter(contor); counter-increment: contor;
 width: 2em; height: 2em; }

.ol-list.normal ol > li:before { margin: -0.2em 0 0 -2em; vertical-align: middle;   
 font-size: 1em; line-height: 2; font-weight: 700; color: var(--black); }

.ol-list.square ol > li:before { margin: -0.2em 1em 0 -3em; vertical-align: top;
 background: var(--grayLight);
 font-size: 0.8em; line-height: 2; color: #fff; text-align: center; }
.ol-list.square.rosu ol li:before { background: var(--rosu); }
.ol-list.square.purp ol li:before { background: var(--purp); }

.ul-list.border ul li,
.ol-list.border ol li { border-bottom: 1px solid #ddd; }
.ul-list.borderDark ul li,
.ol-list.borderDark ol li { border-bottom: 1px solid var(--grayDark); }

.ul-list.last ul li:last-child,
.ol-list.last ol li:last-child { border-bottom: none; }

.ul-list.narrow ul li,
.ol-list.narrow ol li { padding-top: 0.125em; padding-bottom: 0.125em; }

.ul-list.wide ul li,
.ol-list.wide ol li { padding-top: 0.5em; padding-bottom: 0.5em; } 

ol li ul li { counter-reset: contor; font-size: 100% !important; }
ol li ul li:before { content: ''; }

.ul-list table ul li { font-size: 100%; }
.ul-list table td:first-child { padding-top: 0.5em !important; padding-bottom: 0.5em !important; }

.ul-list ul li > .line { display: inline !important; }

.ul-list ul ul { margin: 0; margin-left: calc(20px + 1em); }
.ul-list ul li li { font-size: 100%; padding-left: 0 !important; }
.ul-list ul li li:last-child { border-bottom: none; }




.button { cursor: pointer; z-index: 150; position: relative; overflow: hidden; padding: .75rem 1.75rem .70rem 1.75rem; 
 display: flex; align-items: center;
 grid-column-gap: 12px; 
 grid-row-gap: 12px;
 border-radius: 40px; 
 font-family: dharma-gothic-e, Impact; font-size: 1.5rem; font-weight: 400; color: var(--white); letter-spacing: 2px; text-transform: uppercase; text-decoration: none;  
 transition: background-color .2s, transform 0.2s ease;
 -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); mix-blend-mode: normal; background-color: #00000080; }

.button::before { content: ''; width: 0%; position: absolute; z-index: -1; inset: 0 0 -100% 0; 
 transition: 0.5s ease all; 
 border-radius: 50%; background: var(--rosu); }

.button:hover::before { width: 100%; inset: 0 0 0 0; scale: 2; }

.button.is-rosu { background: var(--rosu); }
.button.is-rosu:hover { color: var(--white); }
.button.is-rosu:before { background: var(--black); }

.button.is-purple { background: var(--purp); }
.button.is-purple:hover { color: var(--white); }
.button.is-purple:before { background: var(--black); }

.button.is-outlined-rosu { color: var(--rosu); 
 border: 1px solid var(--rosu); background: var(--black); }
.button.is-outlined-rosu:hover { color: var(--black); }
.button.is-outlined-rosu:before { background: var(--rosu); }

.button.is-outlined-purp { color: var(--purp); 
 border: 1px solid var(--purp); background: var(--black); }
.button.is-outlined-purp:hover { color: var(--black); }
.button.is-outlined-purp:before { background: var(--purp); }

.button.is-outlined-pink { color: var(--pink); 
 border: 1px solid var(--pink); background: var(--black); }
.button.is-outlined-pink:hover { color: var(--black); }
.button.is-outlined-pink:before { background: var(--pink); }

.landing-page-h1-inner.narrower_page .button,
.landing-page-h1-inner.narrow_page .button { color: var(--white); }


.button.este-animat:hover {
 animation: wiggle 1.5s infinite ease-in-out;
}
@keyframes wiggle {
  0%   { transform: translate(0, 0) rotate(0deg); }
  10%  { transform: translate(-1px, -1px) rotate(-1deg); }
  20%  { transform: translate(1px, -2px) rotate(1deg); }
  30%  { transform: translate(-2px, 1px) rotate(-1deg); }
  40%  { transform: translate(2px, 1px) rotate(1deg); }
  50%  { transform: translate(-1px, -1px) rotate(-1deg); }
  60%  { transform: translate(1px, -2px) rotate(1deg); }
  70%  { transform: translate(-2px, 1px) rotate(-1deg); }
  80%  { transform: translate(2px, 1px) rotate(1deg); }
  90%  { transform: translate(-1px, -1px) rotate(0deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}

.button-row { z-index: 50; position: relative;
 grid-column-gap: 2rem; justify-content: center;  
 border-radius: 40px; }
.button-row.is--flex { display: flex; }
.button-row .button { min-width: 120px; }

.button__icon { flex-direction: column; justify-content: center; align-items: center; line-height: 1; display: flex; }
.button__icon svg { display: block; width: 20px; height: 20px;
 fill: var(--white); }
.button__icon,
.button__text { position: relative; z-index: 5; }


@media screen and (max-width: 1023px) {
._splt_type_text-kick kicker { text-align: center; }
.button-row.is--flex { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-wrap: wrap; }
}

@media screen and (max-width: 768px) {
._splt_type_text-kick kicker { text-align: center; max-width: 70vw; line-height: 1.25; }
.button-row.is--flex { grid-row-gap: 2rem; flex-wrap: wrap; max-width: 80vw; }
}

@media screen and (max-width: 480px) {
.button { text-align: center; flex: 0 auto; justify-content: center; }
.button-row.is--flex { grid-row-gap: 1rem; }
}



.boxCardArticol { border-bottom: 1px solid #4141411a; }

.paginatorProd p { padding: 0.5em 0; 
 font-size: 1.9em;
 border-top: 1px solid #4141411a; border-bottom: 1px solid #4141411a; } 
.paginatorProd p a { color: var(--rosu); text-decoration: none; }
.paginatorProd p a.prev:before { content: '\2190'; display: inline-block; vertical-align: baseline; margin-right: 5px; }
.paginatorProd p a.next:after { content: '\2192'; display: inline-block; vertical-align: baseline; margin-left: 5px; }

@media screen and (max-width: 480px) {
.paginatorProd p { font-size: 1.5em; }
}


/* to-top */
.to-top { z-index: 9000; width: 1px; height: 1px; position: absolute; inset: 0% auto auto 0%; }



/* grid de 12 linii */
.grid-container.is--background { display: grid; width: 100%; height: 100vh; position: fixed; inset: 0%; z-index: 2; 
 grid-template-columns: repeat(12, 1fr); grid-auto-columns: 1fr; grid-column-gap: 0px;
 grid-template-rows: auto; grid-row-gap: 0px;  }

.grid-background__item { border-left: 1px solid #4141411a; }

#_g-node_grid-it01, 
#_g-node_grid-it02, 
#_g-node_grid-it03, 
#_g-node_grid-it04, 
#_g-node_grid-it05, 
#_g-node_grid-it06, 
#_g-node_grid-it07, 
#_g-node_grid-it08, 
#_g-node_grid-it09, 
#_g-node_grid-it10, 
#_g-node_grid-it11, 
#_g-node_grid-it12 { grid-area: span 1 / span 1 / span 1 / span 1; }

@media screen and (max-width: 480px) {
/*.grid-container.is--background { display: none; }*/
}




/* deco wrapper */
.deco-wrapper { z-index: 499; width: 100%; height: 100vh; position: fixed; inset: 0%; pointer-events: none; }
.teaser__deco { width: 24px; height: 24px; position: absolute; }
.teaser__deco.is--right-top { border-top: 1px solid var(--black); border-right: 1px solid var(--black); top: 40px; bottom: auto; right: 40px; }
.teaser__deco.is--right-top.is--wrapper { width: 40px; height: 40px; top: 2rem; right: 2rem; }
.teaser__deco.is--right-bottom { border-right: 1px solid var(--black); border-bottom: 1px solid var(--black); bottom: 40px; right: 40px; }
.teaser__deco.is--right-bottom.is--wrapper { width: 40px; height: 40px; bottom: 2rem; right: 2rem; }
.teaser__deco.is-left-bottom { border-bottom: 1px solid var(--black); border-left: 1px solid var(--black); bottom: 40px; left: 40px; }
.teaser__deco.is-left-bottom.is--wrapper { width: 40px; height: 40px; bottom: 2rem; left: 2rem; }
.teaser__deco.is--left-top { border-top: 1px solid var(--black); border-left: 1px solid var(--black); top: 40px; left: 40px; }
.teaser__deco.is--left-top.is--wrapper { width: 40px; height: 40px; top: 2rem; left: 2rem; }

#_g-node_deco-left { grid-area: 1 / 2 / 2 / 3; }
#_g-node_deco-righ { grid-area: 1 / 11 / 2 / 12; justify-self: end; }




/* head */
.head { display: flex; justify-content: center; flex-direction: row;
 position: relative; z-index: 500; }



/* menu */
.menuLong { position: fixed; z-index: 2; inset: calc(2rem + 1px) auto auto calc(2rem + 1px); } 

.menu-btn { width: auto; cursor: pointer; padding: 14px 0 7px 14px; } 
.menu-btn span { display: block; width: 25px; height: 4px; margin: 0 0 2px 0; z-index: 100;
 background: var(--black); border: 1px solid var(--grayLight); }
.menu-btn span:last-of-type { margin-bottom: 0; }

.responsive-menu-bg.active { position: fixed; top: 0; bottom: 0; left: 0; right: 0; 
 width: 100%; height: 100%; z-index: 100;
 background: rgba(0,0,0,0.75); }
 
.mobile-nav-close { margin-bottom: 1em; width: 13px; cursor: pointer; } 

.responsive-menu { display: none; padding: 2em; 
 position: relative; z-index: 1000;
 width: 100%; height: 100%;
 overflow-x: hidden; overflow-y: auto;
 -webkit-overflow-scrolling: touch;
 background: #fff; box-shadow: 0px 2.5px 2.5px rgba(0,0,0,0.25); }
.expand { display: block !important; }
 
.menuLong nav { height: auto; margin-top: 5em; } 
.menuLong nav > ul { flex-wrap: wrap; } 
.menuLong nav > ul > li { width: 100%; display: block; margin: 0;
 border-bottom: 1px solid #eee; } 

.menuLong nav > ul > li > a,
.menuLong nav > ul > li > .aspan { padding: 0.75em 0; margin: 0; display: block;
 font-size: 1.8em; text-align: center; color: var(--gray); text-decoration: none; }
header.topMin .menuLong nav > ul > li > a,
header.topMin .menuLong nav > ul > li > .aspan { padding: 0.75em 0; } 

.menuLong nav > ul > li:hover > a,
.menuLong nav > ul > li:hover > .aspan,
.menuLong nav > ul > li > a.active,
.menuLong nav > ul > li > .aspan.active,
.menuLong nav > ul > li > .aspan.activeClick { color: var(--rosu); background: transparent; } 

.menuLong nav > ul > li:hover > a:before,
.menuLong nav > ul > li:hover > .aspan:before,
.menuLong nav > ul > li > a.active:before,
.menuLong nav > ul > li > .aspan.active:before,
.menuLong nav > ul > li > .aspan.activeClick:before { display: none; }

.menuLong nav > ul > li.hasChild a,
.menuLong nav > ul > li.hasChild .aspan { position: relative; } 

.menuLong nav > ul > li.hasChild a:after,
.menuLong nav > ul > li.hasChild .aspan:after { position: static; display: inline-block; margin-left: 5px; vertical-align: middle;
 background-position: -80px -20px; } 

.menuLong nav > ul > li.hasChild a.active:after,
.menuLong nav > ul > li.hasChild .aspan.active:after,
.menuLong nav > ul > li.hasChild > .aspan.activeClick:after { background-position: -80px -10px; }

@media screen and (min-width: 1px) and (max-width: 1023px) { 
.menu-btn { width: auto; cursor: pointer; padding: 10px 0 7px 10px; } 
}



/* logo */
.logo { margin-top: 3rem; }
.logo a { display: block; }
.logo a img { display: block; width: auto; height: 35px; }



/* link contact */
.contact-link { position: fixed; inset: 3rem 4rem auto auto; }
.contact-link p { margin: 0;
 font-family: Inconsolata, monospace; text-align: right; text-transform: uppercase;  }
.contact-link p a { color: var(--black); text-decoration: none; }
.contact-link p a:hover { color: var(--rosu); text-decoration: none; }


@media screen and (min-width: 1px) and (max-width: 1023px) { 

.teaser__deco.is--right-top.is--wrapper { top: 10px; right: 10px; }
.teaser__deco.is--right-bottom.is--wrapper { bottom: 10px; right: 10px; } 
.teaser__deco.is-left-bottom.is--wrapper { bottom: 10px; left: 10px; }
.teaser__deco.is--left-top.is--wrapper { top: 10px; left: 10px; }

.teaser__deco.is--right-top { top: 20px; right: 20px; }
.teaser__deco.is--right-bottom { bottom: 20px; right: 20px; } 
.teaser__deco.is-left-bottom { bottom: 20px; left: 20px; }
.teaser__deco.is--left-top { top: 20px; left: 20px; }

.menuLong { inset: calc(10px + 1px) auto auto calc(10px + 1px); }
.logo { margin-top: 2rem; }
.contact-link { position: absolute; inset: 1.5rem calc(10px + 15px) auto auto; }

}

@media screen and (min-width: 1px) and (max-width: 768px) {   

.teaser__deco.is--right-top.is--wrapper,
.teaser__deco.is--right-bottom.is--wrapper,
.teaser__deco.is-left-bottom.is--wrapper,
.teaser__deco.is--left-top.is--wrapper,
.teaser__deco.is--right-top,
.teaser__deco.is--right-bottom,
.teaser__deco.is-left-bottom,
.teaser__deco.is--left-top { width: 30px; height: 30px; } 

.contact-link { display: none; } 

}

@media only screen and (min-width: 1px) and (max-width: 480px) and (orientation: portrait) { 
.logo { align-self: flex-start; }
.logo a img { height: 25px; }
}




/* First screen */
.hero-section { position: relative; margin-top: 7.5vh; z-index: 50;
 display: grid; flex-direction: column; justify-content: center; align-items: center;  
 grid-template-columns: repeat(12, 1fr); grid-auto-columns: 1fr; grid-column-gap: 0px; 
 grid-template-rows: auto auto; grid-row-gap: 0px; }

.hero__deco { width: 50px; height: 50px; margin-top: auto; margin-bottom: auto; position: absolute; z-index: 1; 
 display: flex; flex-direction: column; justify-content: center;
 grid-template-columns: repeat(12, 1fr); grid-auto-columns: 1fr; grid-column-gap: 0px; 
 grid-template-rows: auto auto; grid-row-gap: 0px; }
.hero__deco.is--right { align-items: flex-end; }
.hero__deco.is--left { align-items: flex-start; }

.hero { display: flex; flex-direction: column; align-items: center; }
.hero__title { position: relative; pointer-events: none;
 color: var(--black); text-align: center; }

:root { 

--rem: 10px;

--logo-h: 30px;
--logo-mt: 3rem;

--hero-mt: 10vh;
--hero-mb: 5vh;
--small-text-h: 16px;
--hero-lh: 0.95;
--h1-lines-land: 5;
--h1-lines-port: 7;
--occupied: calc(var(--logo-mt) + var(--logo-h) + var(--hero-mt) + var(--hero-mb) + var(--small-text-h));
--h1-multiplicator-land: calc(var(--h1-lines-land) * var(--hero-lh));
--h1-multiplicator-port: calc(var(--h1-lines-port) * var(--hero-lh));

--hero-min: 5em;
--hero-max-land: 16em;
--hero-max-port: 9em;

--hero-preferred-land: calc( (100vh - var(--occupied)) / var(--h1-multiplicator-land) );
--hero-preferred-port: calc( (100vh - var(--occupied)) / var(--h1-multiplicator-port) );

--clamp-hm-land: clamp(var(--hero-min), var(--hero-preferred-land), var(--hero-max-land));
--clamp-hm-port: clamp(var(--hero-min), var(--hero-preferred-port), var(--hero-max-port));

}


/*._splt_type_hero-head-blur {
    opacity: 1 !important;
    visibility: visible !important;
}  */

._splt_type_hero-head-blur h1 { font-size: var(--clamp-hm-land); line-height: var(--hero-lh); }

.hero__sub { margin-top: 2.5vh; }
.hero__sub p { margin: 0; }
.hero__sub.is--left-aligned { text-align: left; }

#_g-node_hero-titl { grid-area: 1 / 2 / 2 / 12; }
#_g-node_hero-subh { grid-area: 2 / 3 / 3 / 12; }


@media screen and (max-width: 1023px) { 
.hero__deco.is--right, 
.hero__deco.is--left { display: none; }
}

@media only screen and (min-width: 1px) and (max-width: 480px) and (orientation: portrait) { 
._splt_type_hero-head-blur h1 { font-size: var(--clamp-hm-port); }
}


/* bird - fullscreen background video */
.bird {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; 
  z-index: 1;
  pointer-events: none;
  touch-action: none;
  will-change: transform; 
  transform: translateZ(0);
}

@media screen and (max-width: 480px) {
.bird { object-fit: contain; }
}





/* Intro section */
.intro-section { position: relative; z-index: 100; margin-top: 25vh;
 display: grid;  
 grid-column-gap: 0px; grid-template-columns: repeat(12, 1fr); grid-auto-columns: 1fr;
 grid-row-gap: 0px; grid-template-rows: auto auto; }
.intro-deco { font-family: Inconsolata, monospace; font-size: .8rem; line-height: 1.1; }
.intro-deco__element { display: inline-block; }
.intro-wrapper { display: flex; flex-direction: column; align-items: center; }

#_g-node_intr-arrw { grid-area: 1 / 3 / 2 / 4; }
#_g-node_intr-text { grid-area: 1 / 4 / 2 / 10; }

@media screen and (max-width: 1023px) {
.intro-section.section { margin-top: 15vh; }

#_g-node_intr-arrw { grid-area: 1 / 2 / 2 / 3; }
#_g-node_intr-text { grid-area: 2 / 2 / 3 / 12; }
}


.subliniat-curba { position: relative;
  /* valori inițiale pentru GSAP (vor fi animate) */
 --u-scale: 0;      /* 0 = invizibil, 1 = dimensiune completă */
 --u-blur: 8px;     /* blur inițial */
 --u-opacity: 0;    /* opacitate inicială 0 */ }

/* pseudo-element vizual al underline-ului */
.subliniat-curba-clip::after { content: ''; width: 150%; aspect-ratio: 3 / 1;
 position: absolute; top: 95%; left: 50%;
 transform-origin: left center;
 /* folosim variabila --u-scale pentru a desena linia (scaleX) */
 transform: translate(-50%, 0) scaleX(var(--u-scale));
 border-radius: 50%;
 border: 5px solid var(--rosu);
 clip-path: polygon(0 0, 50% 50%, 100% 0);
 filter: blur(var(--u-blur));
 opacity: var(--u-opacity);
 pointer-events: none;
 will-change: transform, filter, opacity; }

.subliniat-curba-clip.v2::after { width: 140%; top: 105%; border-width: 3px; }

.subliniat-curba.v3 { --u-scale: 1; --u-blur: 0px; --u-opacity: 1; }


.text-outline { color: var(--grayLight); font-weight: 700;
  text-shadow: 1px 1px 1px var(--black), 1px -1px 1px var(--black), -1px 1px 1px var(--black), -1px -1px 1px var(--black); } 
.text-outline:hover { color: var(--white); text-shadow: none; }
.text-outline.c1:hover { background-color: var(--rosu); }
.text-outline.c2:hover { background-color: var(--purp); }






/* About section - 3 coloane scris */
.about-section { margin-top: 10vh; margin-bottom: 5vh; position: relative; z-index: 50; }
.about-container { width: 100%; display: grid; 
 grid-template-columns: repeat(13, 1fr); grid-auto-columns: 1fr; grid-column-gap: 0px; 
 grid-template-rows: auto; grid-row-gap: 0px; }

.about__block { grid-row-gap: 2rem; flex-direction: column; display: flex; }
.about__block-head { grid-row-gap: .5rem; flex-direction: column; display: flex; }
.about__block-meta { margin-bottom: 2rem; padding-bottom: 1rem;
 border-bottom: 1px solid var(--grayDark);  }
.about__block-meta.rosu { color: var(--rosu); border-bottom-color: var(--rosu); }
.about__block-meta.purp { color: var(--purp); border-bottom-color: var(--purp); }
.about__block-meta.pink { color: var(--pink); border-bottom-color: var(--pink); }
.about__meta-label { display: inline-block;
 font-family: dharma-gothic-e, Impact; font-size: 15rem; font-weight: 700; line-height: .85; }
.about__block-title h2 { font-weight: 400; }

#_g-node_abot-bloc-01 { grid-area: 1 / 2 / 2 / 5; }
#_g-node_abot-bloc-02 { grid-area: 1 / 6 / 2 / 9; }
#_g-node_abot-bloc-03 { grid-area: 1 / 10 / 2 / 13; }


@media screen and (max-width: 1023px) {
.about-container { grid-template-columns: repeat(12, 1fr); }
.about__meta-label { font-size: 7rem; }

#_g-node_abot-bloc-01 { grid-area: 1 / 2 / 2 / 12; }
#_g-node_abot-bloc-02 { grid-area: 2 / 2 / 3 / 12; }
#_g-node_abot-bloc-03 { grid-area: 3 / 2 / 4 / 12; }


}

@media screen and (max-width: 768px) {
.about-container { grid-row-gap: 0; }
.about__block { grid-row-gap: 1rem; }
.about__block-head { grid-row-gap: .25rem; }


}

@media screen and (max-width: 480px) {
.about-container { flex-direction: column; align-items: center; display: flex; }

.about-section { max-width: 90vw; margin-bottom: 5vh; margin-left: auto; margin-right: auto; }
.about__block, 
.about__block-head, 
.about__block-paragraph { width: 100%; }
}




/*@media (max-width: 768px) and (orientation: portrait) {
  [data-scroll-speed] {
    transform: none !important;
  }
} */


@media (max-width: 768px) and (orientation: portrait) {
  #_g-node_abot-bloc-01,
  #_g-node_abot-bloc-02,
  #_g-node_abot-bloc-03 {
    transform: none !important;
  }
}




/* intrebare */
.intrebare-section { margin-top: 5vh; margin-bottom: 10vh; display: grid; position: relative; z-index: 50; 
 grid-column-gap: 0px; grid-template-columns: repeat(12, 1fr); grid-auto-columns: 1fr; 
 grid-row-gap: 0px; grid-template-rows: auto auto; }
.intrebare__content { grid-column-gap: 0; grid-row-gap: 1rem; flex-direction: column; align-items: flex-start; display: flex; }

#_g-node_ques-co01 { grid-area: 1 / 4 / 2 / 12; }

@media screen and (max-width: 1023px) {
.intrebare-section { margin-top: 5vh; }
}

@media screen and (max-width: 480px) {
#_g-node_ques-co01 { grid-area: 1 / 3 / 2 / 12; }

}




/* marquee */
.marquee-section { margin-top: 25vh; margin-bottom: 12.5vh; position: relative; z-index: 50; }

.marquee-wrapper { z-index: 5; grid-column-gap: 1rem; width: 100%; display: flex; position: relative; overflow: hidden; }
.marquee-wrapper.is--z-index-top { z-index: 300; }

.marquee-jos-bg { position: relative; }

.marquee { display: flex; flex: none; justify-content: space-around; align-items: center;
 grid-column-gap: 1rem; flex-direction: row;  min-width: 100%;
 font-family: dharma-gothic-e, Impact; font-size: 300px; font-weight: 700; line-height: .8; color: var(--white); }
.marquee__text.is--outline { color: #0000; -webkit-text-stroke-width: 3px; -webkit-text-stroke-color: var(--white); }

.marquee__arrow { z-index: 10; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; }
.marquee__svg { transition: transform 0.4s ease; }
.marquee__svg:hover { transform: rotate(-45deg); }

.scroll { animation: scroll 15s linear infinite; }
.scroll-reverse { animation: scroll 15s linear infinite reverse; }

@keyframes scroll { 
from { transform: translateX(0); }
to { transform: translateX(calc(-100% - 1rem)); /* match 1 rem to gap above */ }
}


.marquee-section.is-footer { margin-top: 10vh; margin-bottom: 0; position: relative; padding: 6em 0 3em 0;
 background: rgba(0,0,0,0.125); }

.call-final-section { display: grid; justify-content: center; padding-bottom: 3em; 
 grid-column-gap: 0px; grid-template-columns: repeat(12, 1fr); grid-auto-columns: 1fr; 
 grid-row-gap: 0px; grid-template-rows: auto auto; 
 text-align: center; }

.call-final { padding-bottom: 3em;
 display: flex; flex-direction: column; justify-content: center; align-items: center;
 text-align: center; }
.call-final .topline { margin-bottom: 3em; }
.call-final .text p { margin: 0;
 font-size: var(--clamp-h3); line-height: 1.2; margin-bottom: 0.75em; }

#_g-node_call-finl { grid-area: 1 / 2 / 2 / 12 }



@media screen and (max-width: 1023px) {
.marquee-section { margin-top: 5vh; }
.marquee__text { font-size: 200px; }
}

@media screen and (max-width: 480px) {
.marquee-section { margin-top: 5vh; margin-bottom: 10vh; }
.marquee__text { font-size: 120px; }

.marquee__svg svg { width: 110px; height: 110px; }
}



/* galerie dreapta */
.gallery-wrapper { width: 100vw; min-height: 100vh; margin-top: 25vh; margin-bottom: 25vh; position: relative; z-index: 50; overflow: hidden; }

.gallery-border__wrapper { width: 100vw; height: 100%; overflow: hidden;
 display: flex; flex-direction: row; justify-content: center; }
.gallery-border__wrapper.top { align-items: flex-end; margin-bottom: -1px; }
.gallery-border__wrapper.bottom { align-items: flex-start; margin-top: -1px; }
.gallery-border__wrapper svg { z-index: 50; width: 100%; height: auto; position: relative; display: block; }

.gallery-section { position: relative; z-index: 100; margin-top: 0;
 background-color: var(--black); }
.gallery { width: 100%; }

.gallery__head { padding-top: 5rem; padding-bottom: 5rem;
 display: flex; flex-direction: column; justify-content: center; align-items: center;
 background-color: var(--black); 
 color: var(--white); }
.gallery__topline { margin-bottom: 3em;
 text-align: center;
 display: flex; flex-direction: column; justify-content: center; align-items: center; }
.gallery .paragraf__title { font-size: var(--clamp-h1); font-weight: 700; color: var(--white); text-align: center; }

.gallery-desc { width: 100%; display: grid; padding-bottom: 5rem;
 grid-template-columns: repeat(12, 1fr); grid-auto-columns: 1fr; grid-column-gap: 3em;
 grid-template-rows: auto; grid-row-gap: 0px;
 color: var(--grayLight); }
.gallery-desc .gallery-left { text-align: right; }
.gallery-desc .gallery-center { text-align: right; }

#_g-node_gall-desc-cent { grid-area: 1 / 2 / 2 / 12; display: flex; flex-direction: column; }
#_g-node_gall-desc-left { grid-area: 1 / 3 / 2 / 7; }
#_g-node_gall-desc-righ { grid-area: 1 / 7 / 2 / 11; }



.gallery__content { margin-right: 10rem; padding-left: 10rem; z-index: 50; width: fit-content;
 display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap;
 background-color: var(--black); 
 color: var(--white); }

.gallery__item { min-height: 80vh; max-height: 100vh; padding: 4rem 6rem; position: relative;
 flex: none; justify-content: flex-start; align-items: center;  display: flex;
 grid-column-gap: 8rem; 
 grid-row-gap: 8rem; flex-flow: row; 
 border: 1px solid #fff3; }

.gallery__mask { z-index: 100; background-color: var(--black); width: 60%; display: none; position: absolute; inset: 0%; }

.gallery__embed { width: 380px; height: 380px; position: relative;
 display: flex; flex: none; justify-content: center; align-items: center; }   
.gallery__embed svg { display: block; }
.gallery__embed .svg-anim-02 svg,
.gallery__embed .svg-anim-03 svg,
.gallery__embed .svg-anim-04 svg { min-width: 380px; height: auto; }

.gallery__item-content { position: relative; z-index: 5;
 display: flex; 
 grid-row-gap: 1rem; flex-direction: column; flex: none; align-items: flex-start; }

.gallery__number { padding: .5rem; 
 border: 1px solid var(--white); border-radius: 8px; flex: none;
 font-family: dharma-gothic-e, Impact; font-size: 2.5rem; line-height: 1; }
.gallery__number.pink { color: var(--pink); border-color: var(--pink); }
.gallery__number.rosu { color: var(--rosu); border-color: var(--rosu); }
.gallery__item-title h3 { color: var(--grayLight); }
.gallery__item-sub { max-width: 500px; margin-bottom: 0; }
.gallery__item-content .button { margin-top: 1em; }

.gallery__content.nopics .gallery__item-title h2,
.gallery__content.nopics .gallery__item-sub,
.gallery__content.nopics ul { max-width: 600px; }

.gallery__features { padding-top: 5vh; padding-bottom: 0vh; }
.gallery__topline.is--features { display: flex; flex-direction: row; }
.gallery__topline.is--features .p01 { margin-right: 1em; }
.gallery__topline.is--features .p03 { margin-left: 1em; }

.gallery__features_content { width: 100%; display: grid; padding-bottom: 5rem;
 grid-template-columns: repeat(12, 1fr); grid-auto-columns: 1fr; grid-column-gap: 0;
 grid-template-rows: auto; grid-row-gap: 0px;
 color: var(--grayLight); }

#_g-node_gall-desc-feat { grid-area: 1 / 2 / 2 / 12; }


@media screen and (max-width: 1023px) {
.gallery__head { padding-bottom: 4rem; }
.gallery-wrapper.section { margin-top: 10vh; margin-bottom: 10vh; }
.gallery__content { margin-right: 0rem; padding-left: 0rem; flex-direction: column; width: 100%; }
.gallery__embed { margin-bottom: 3em; }
.gallery__item { min-height: auto; max-height: 100%;
 grid-column-gap: 0; grid-row-gap: 0; flex-direction: column; }
.gallery__item-content { text-align: center; align-items: center; }
.gallery__feature-item { padding-left: 2rem; padding-right: 2rem; }
.gallery__features { padding-top: 5vh; }

#_g-node_gall-desc-left { grid-column:  2 / 7; }
#_g-node_gall-desc-righ { grid-column:  7 / 12; }
}

@media screen and (max-width: 768px) {
.gallery__item { max-width: 100vw; }
.gallery__embed { width: 100%; height: auto; }
.gallery__item-content { width: 100%; }  
}

@media screen and (max-width: 480px) {
.gallery__item { padding: 1.5rem 3rem; }
.gallery__embed svg { width: 100%; height: auto; }
.gallery__embed .svg-anim-02 svg,
.gallery__embed .svg-anim-03 svg,
.gallery__embed .svg-anim-04 svg { min-width: auto; }
}


:root {
  --underline-intrinsic-width: 8;
  --underline-width: 12;
  --underline-color: #ff0066;
  --underline-cap-width: 4px;
  --underline-offset-y: -2px;
  --underline-padding-x: 0.12em;
}

.marker-roz { display: inline;
  --underline-width-scale: calc( var(--underline-width) / var(--underline-intrinsic-width) );
  padding: 0 calc( var(--underline-padding-x) + calc(var(--underline-cap-width) * var(--underline-width-scale)) );
  box-decoration-break: clone;
  background-repeat: no-repeat;
  background-image: linear-gradient( 180deg, var(--underline-color), var(--underline-color) ), var(--cap-image-left), var(--cap-image-right);
  background-position-x: calc( var(--underline-cap-width) * var(--underline-width-scale) ), 0, 100%;
  background-position-y: calc(100% - var(--underline-offset-y) * -1);
  background-size: calc( 100% - calc(var(--underline-cap-width) * var(--underline-width-scale) * 2) )
                   calc( var(--underline-width) * 1px ),
                   auto calc(var(--underline-width) * 1px),
                   auto calc(var(--underline-width) * 1px);
}

.marker-roz-corner { 
  --underline-width: 8;
  --underline-offset-y: -2px;
  --cap-image-left: url(/img/svg/marker-left.svg);
  --cap-image-right: url(/img/svg/marker-right.svg);
}

.atom-container { width: 600px; height: 600px; margin: 0 auto; }
.nucleus { fill: #ffbbd6;
 filter: drop-shadow(0 0 8px rgba(255, 187, 214, 0.7));
 animation: pulse 3s infinite ease-in-out;
 transform-origin: center center;  }
.orbit { stroke: #999; stroke-width: 2; fill: none; }
.electron { fill: #ff0066; 
 filter: drop-shadow(0 0 5px rgba(255,0,102,0.75)); }
.orbit-1 { animation: rotate-orbit 16s linear infinite; }
.orbit-2 { animation: rotate-orbit 16s linear infinite reverse; }
.orbit-3 { animation: rotate-orbit 16s linear infinite; }
.orbit-4 { animation: rotate-orbit 16s linear infinite reverse; }
.electron-1 { animation: electron-1 4s linear infinite; }
.electron-2 { animation: electron-2 5s linear infinite; }
.electron-3 { animation: electron-3 6s linear infinite; }
.electron-4 { animation: electron-4 7s linear infinite; }
.electron-5 { animation: electron-5 8s linear infinite; }
@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.2); }
}
@keyframes rotate-orbit {
0% { transform-origin: center center; transform: rotate3d(0, 0, 1, -360deg); }
100% { transform-origin: center center; transform: none; } 
}
@keyframes electron-1 {
0% { transform: rotate(0deg) translateX(60px) rotate(0deg); }
100% { transform: rotate(360deg) translateX(60px) rotate(-360deg); }
}
@keyframes electron-2 {
0% { transform: rotate(120deg) translateX(100px) rotate(-120deg); }
100% { transform: rotate(480deg) translateX(100px) rotate(-480deg); }
}
@keyframes electron-3 {
0% { transform: rotate(240deg) translateX(60px) rotate(-240deg); }
100% { transform: rotate(600deg) translateX(60px) rotate(-600deg); }
}
@keyframes electron-4 {
0% { transform: rotate(45deg) translateX(20px) rotate(-45deg); }
100% { transform: rotate(405deg) translateX(160px) rotate(-405deg); }
}
@keyframes electron-5 {
0% { transform: rotate(0deg) translateX(80px) translateY(80px) rotate(0deg); }
100% { transform: rotate(360deg) translateX(80px) translateY(80px) rotate(-360deg); }
}

.landing-page .orbit { stroke: #777; }


.moon { animation: rotate-moon 20s linear infinite; transform-origin: center; }
.crater-large { fill: #d9d9d9; opacity: 0.3; }
.crater-medium { fill: #e6e6e6; opacity: 0.2; }
.crater-small { fill: #f2f2f2; opacity: 0.15; }
.moon-shadow { fill: url(#moon-gradient); filter: drop-shadow(0 0 8px rgba(255, 187, 214, 0.7)); }
@keyframes rotate-moon {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}








/* servicii */
.serv-sect { width: 100%; margin-top: 10vh; margin-bottom: 5vh; position: relative; z-index: 50; }
.serv-cont { display: grid;  
 grid-column-gap: 0px; grid-template-columns: repeat(12, 1fr); grid-auto-columns: 1fr; 
 grid-row-gap: 0px; grid-template-rows: auto auto; }

.serv-sect .topline { margin-bottom: 3em; margin-left: -4px;
 display: flex; flex-direction: column; align-content: center; justify-content: flex-start; }
.serv-sect .topline svg { margin-left: -12px; }
.serv-sect .topline p { margin-top: 1em; }

.serv-sect .header { margin-bottom: 5em;
 display: flex; flex-direction: row; justify-content: center; align-items: center; }
.serv-sect .header p { margin: 0;
 font-size: var(--clamp-h2); line-height: 1.1; text-indent: 2em; }
.serv-sect .header.noident p { text-indent: 0; }
.serv-sect .colpadright { padding-right: 2rem; }

.serv-sect .citat { padding: 0em 0em 0em calc(10px + 2em); margin-top: 2em;
 border-left: 10px solid var(--rosu); }
.serv-sect .citat p { margin: 0.5em 0; }

#_g-node_serv-topl { grid-area: 1 / 7 / 2 / 12; }
#_g-node_serv-top2 { grid-area: 2 / 2 / 3 / 12; }
#_g-node_serv-head { grid-area: 2 / 2 / 3 / 12; }
#_g-node_serv-col1 { grid-area: 3 / 2 / 4 / 7; }
#_g-node_serv-cl1a { grid-area: 3 / 2 / 4 / 7; }
#_g-node_serv-col2 { grid-area: 3 / 7 / 4 / 12; }
#_g-node_serv-cita { grid-area: 4 / 2 / 5 / 12 }

#_g-node_serv2-topl { grid-area: 1 / 7 / 2 / 12; }
#_g-node_serv2-head { grid-area: 2 / 2 / 3 / 12; }
#_g-node_serv2-col1 { grid-area: 3 / 2 / 4 / 7; }
#_g-node_serv2-cl1a { grid-area: 3 / 2 / 4 / 7; }
#_g-node_serv2-col2 { grid-area: 3 / 7 / 4 / 12; }
#_g-node_serv2-cent { grid-area: 5 / 2 / 6 / 12; }
#_g-node_serv2-cita { grid-area: 4 / 2 / 5 / 12 }

@media screen and (max-width: 480px) {
.serv-sect .colpadright { padding-right: 0rem; }

#_g-node_serv-col1 { grid-area: 3 / 2 / 4 / 12; text-align: center; }
#_g-node_serv-cl1a { grid-area: 3 / 2 / 4 / 12; }
#_g-node_serv-col2 { grid-area: 4 / 2 / 5 / 12; }
#_g-node_serv-cita { grid-area: 5 / 2 / 6 / 12 }

#_g-node_serv2-col1 { grid-area: 3 / 2 / 4 / 12; text-align: center; }
#_g-node_serv2-cl1a { grid-area: 3 / 2 / 4 / 12; }
#_g-node_serv2-col2 { grid-area: 4 / 2 / 5 / 12; }
#_g-node_serv2-cita { grid-area: 5 / 2 / 6 / 12 }
}




/* articole teaser */
.teaser-section { width: 100%; position: relative; z-index: 50; }
.teaser-content { display: grid;  
 grid-column-gap: 0px; grid-template-columns: repeat(12, 1fr); grid-auto-columns: 1fr; 
 grid-row-gap: 0px; grid-template-rows: auto auto; }

.teaser-content .topline { margin-bottom: 3em; }

.teaser { padding: calc(40px + 3em); position: relative;
 display: flex; flex-direction: row; grid-column-gap: 3em;
 -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); background-color: #fffc; border-radius: 24px;  }

.teaser .articol { display: flex; flex-direction: column; justify-content: space-between; }
.teaser .paragraf__title { font-size: var(--clamp-h3); margin: 0.5em 0; text-align: center; }
.teaser .articol_more { margin-top: auto; margin-bottom: 0; align-self: center;
 font-family: Inconsolata, monospace; font-size: var(--clamp-p); text-align: center; }

#_g-node_teas-topl { grid-area: 1 / 7 / 2 / 11; }
#_g-node_teas-bggg { grid-area: 2 / 3 / 3 / 11; }

@media screen and (max-width: 1023px) {
.teaser { padding: calc(20px + 2em); }
}

@media screen and (max-width: 768px) {
#_g-node_teas-topl { grid-area: 1 / 5 / 2 / 12; }
#_g-node_teas-bggg { grid-area: 2 / 2 / 3 / 12; }
}

@media screen and (max-width: 480px) {
.teaser { flex-direction: column; grid-column-gap: 0em; grid-row-gap: 3em; }
}





/* contact */
.tutorials-section { width: 100%; position: relative; z-index: 50; margin-top: 0vh; margin-bottom: 5vh; }
.tutorials-section iframe.typeform { width: 100%; height: 600px; }

.tutorials-content { display: grid;  
 grid-column-gap: 0px; grid-template-columns: repeat(12, 1fr); grid-auto-columns: 1fr; 
 grid-row-gap: 0px; grid-template-rows: auto auto; }

.tutorials-content .topline { margin-bottom: 4em; }
.tutorials-content .topline.is--margin { margin-top: 4rem; margin-bottom: 2rem; }

.tutorials { padding: calc(40px + 3em); position: relative;
 display: flex; flex-direction: column; justify-content: center;
 -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); background-color: rgba(255,255,255,0.5); border-radius: 24px;  }

.tutorials .paragraf__title { font-size: var(--clamp-h3); margin: 0.5em 0; text-align: center; }
.tutorials .tutorials__text { display: flex; flex-direction: column; justify-content: center; align-content: center; }
.tutorials .tutorials__text p { text-align: center; }

#_g-node_tuto-top1 { grid-area: 1 / 2 / 2 / 12 }
#_g-node_tuto-bggg { grid-area: 2 / 2 / 3 / 12 }
#_g-node_tuto-bg02 { grid-area: 2 / 3 / 3 / 11 }
#_g-node_tuto-top2 { grid-area: 3 / 7 / 4 / 11 }
#_g-node_tuto-buto { grid-area: 4 / 3 / 5 / 11 }

@media screen and (max-width: 1023px) {
.tutorials { padding: calc(20px + 1em); }
}

@media screen and (max-width: 768px) {
#_g-node_tuto-bggg,
#_g-node_tuto-bg02 { grid-area: 2 / 2 / 3 / 12; }
#_g-node_tuto-top2 { grid-area: 3 / 5 / 4 / 12 }
}

@media screen and (max-width: 480px) {
.tutorials { flex-direction: column; grid-column-gap: 0em; grid-row-gap: 3em; }
}



@media (max-width: 768px) and (orientation: portrait) {
  #learn {
    transform: none !important;
  }
}




.form-contact p { padding: 0.25em 0; font-size: 1.8em; }

.form-contact .fieldg { width: 100%; float: left; padding: 0px 0px 0px 20px; position: relative; 
 background: var(--white); border: 1px solid #ddd; border-radius: 5px; }
.form-contact .fieldg:hover { border: 1px solid var(--rosu); }

.form-contact .fieldg:hover .insert:before { display: block; width: 10px; height: 10px; position: absolute; left: 10px; top: calc(50% - 5px);
 font-size: 10px; color: var(--rosu); }
.form-contact .fieldg:hover .insert.numepren:before,
.form-contact .fieldg:hover .insert.telefonn:before,
.form-contact .fieldg:hover .insert.adremail:before,
.form-contact .fieldg:hover .insert.mesajcli:before,
.form-contact .fieldg:hover .insert.password:before { content: '\27A4'; top: 15px; }

.form-contact input[type="text"],
.form-contact input[type="email"],
.form-contact input[type="tel"],
.form-contact input[type="password"],
.form-contact textarea { float: left; width: 100%; padding: 10px 5px;
 background: #fff; 
 font-size: 1.7em;
 border-radius: 5px; }

.form-contact input[type="submit"],
.form-contact a.gosubmit { display: inline-block;
 padding: .75rem 1.75rem .70rem 1.75rem; 
 background: var(--rosu); border-radius: 40px;
 font-family: dharma-gothic-e, Impact; font-size: 1.5rem; font-weight: 400; color: var(--white); letter-spacing: 2px; text-transform: uppercase; text-decoration: none; }
.form-contact input[type="submit"] { display: block; float: right; }
.form-contact input[type="submit"]:disabled { background: #ff66a3; }
.form-contact input[type="submit"]:enabled:hover,
.form-contact a.gosubmit:hover { background: var(--black); color: #fff;
 transition: all 0.8s ease 0s; }

.form-contact .fieldg .insert label { padding-left: 10px; font-size: 14px; color: var(--rosu); }
.form-contact .camp-email { display: none; }

#recaptcha-error { display: none; color: #cd2027; background: #fff; } 

#rc-imageselect,
.form-contact .g-recaptcha { transform: scale(0.80); transform-origin: 0 0;  } 

/* ONLY PHONE LANDSCAPES + ONLY PHONE PORTRAITS */
@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 926px) and (orientation: landscape),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 926px) and (orientation: landscape),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 926px) and (orientation: landscape),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 926px) and (orientation: landscape),
only screen and (                min-resolution: 192dpi) and (max-width: 926px) and (orientation: landscape),
only screen and (                min-resolution: 2dppx)  and (max-width: 926px) and (orientation: landscape),

only screen and (min-width: 1px) and (max-width: 480px) and (orientation: portrait) { 

.form-contact .fieldg { padding: 0px 0px 0px 0px; border: none; }
.form-contact .fieldg:hover { border: none; }
.form-contact .fieldg:hover .insert:before { display: none; }

.form-contact input[type="text"],
.form-contact input[type="email"],
.form-contact input[type="tel"],
.form-contact input[type="password"],
.form-contact textarea { padding: 10px;
 border: 1px solid #ddd; border-radius: 5px; }

.form-contact input[type="text"]:focus,
.form-contact input[type="email"]:focus,
.form-contact input[type="tel"]:focus,
.form-contact input[type="password"]:focus,
.form-contact textarea:focus { border: 1px solid var(--rosu); }
}

@media screen and (min-width: 1px) and (max-width: 480px) {
.form-contact input[type="submit"],
.form-contact a.gosubmit { position: static; float: none; margin: 0 auto; }
}





.footer-section { width: 100%; position: relative; z-index: 50; }
.footer-content { padding: 2.5em 1em 2em 1em;
 display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; justify-content: center;
 background: var(--black);
 color: var(--grayLight); text-align: center; }
.footer-content p { margin: 0;
 font-size: 1.6em; line-height: 1.5; }
.footer-content p a { color: var(--white); }




#cookiescript_description,
#cookiescript_readmore,
span.cookiescript_checkbox_text,
#cookiescript_accept,
#cookiescript_save,
#cookiescript_reject,
#cookiescript_manage_wrap,
#cookiescript_categories > div,
.cookiescript_category_description,
.cookiescript_fullreport td,
.cookiescript_fullreport th { font-size: 13px !important; }

#cookiescript_accept,
#cookiescript_save,
#cookiescript_reject { line-height: 2 !important; }
#cookiescript_description { line-height: 1.4 !important; }
 


.cookiePanel { padding-top: 1em; margin-top: 1em;
 border-top: 1px solid #eee; }
.cookiePanel ._CookieScriptReportPageConsentKey { font-size: 1.8em; margin-bottom: 1em; } 
.cookiePanel ._CookieScriptReportPageTable { font-size: 1.4em;
 background: #eee; }
.cookiePanel ._CookieScriptReportPageSaveSettingButton { padding: 5px 10px;
 font-size: 1.5em; color: #fff;
 background: #aaa; border-radius: 5px; }
.cookiePanel h4 { margin: 1em 0;
 font-size: 2em; }
.cookiePanel ._CookieScriptReportPageTable thead th:nth-of-type(1) { width: 18%; }
.cookiePanel ._CookieScriptReportPageTable thead th:nth-of-type(2) { width: 15%; }
.cookiePanel ._CookieScriptReportPageTable thead th:nth-of-type(3) { width: 10%; }
.cookiePanel ._CookieScriptReportPageTableTd,
.cookiePanel ._CookieScriptReportPageTableTh { background: #f5f5f5 !important; }



.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
.st-key { width: 49%; text-align: right; padding-right: 1%; }
.st-val { width: 49%; padding-left: 1%; }

.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

@media screen and (min-width: 1px) and (max-width: 768px) {
.cookiePanel .stacktable.large-only { display: none; }
.cookiePanel .stacktable.small-only { display: table;
 border: 1px solid #ddd; }
}

@media screen and (min-width: 1px) and (max-width: 480px) {
.stacktable.large-only { display: none; }
.stacktable.small-only { display: table; } 
}