/* RESET */

@font-face {
    font-family: 'Minion Pro';
    src: url('/assets/fonts/MinionPro-Bold.eot');
    src: url('/assets/fonts/MinionPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/MinionPro-Bold.woff2') format('woff2'),
        url('/assets/fonts/MinionPro-Bold.woff') format('woff'),
        url('/assets/fonts/MinionPro-Bold.ttf') format('truetype'),
        url('/assets/fonts/MinionPro-Bold.svg#MinionPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Minion Pro';
    src: url('/assets/fonts/MinionPro-Regular.eot');
    src: url('/assets/fonts/MinionPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/MinionPro-Regular.woff2') format('woff2'),
        url('/assets/fonts/MinionPro-Regular.woff') format('woff'),
        url('/assets/fonts/MinionPro-Regular.ttf') format('truetype'),
        url('/assets/fonts/MinionPro-Regular.svg#MinionPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


:root {
    --anim-time: 200ms;
    --color-red: #ad2425;
}
HTML, BODY { 
    /* font-family: 'Perpetua','Times New Roman', Times, serif; */
    font-family: 'Minion Pro','Times New Roman', Times, serif;
    font-weight: normal;
    margin:0; padding:0;

}

* {
    user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
}

h3 {
    font-family: "Minion Pro";
    font-size: 82px;
    /* font-size: clamp(30px, 1rem + 7vw, 82px); */
    color: var(--color-red);
    text-align: center;
    font-weight: 400;
    margin:0; padding:0;
    text-transform: uppercase;
}

h2 {
    font-family: "Minion Pro";
    font-size: 120px;
    color: var(--color-red);
    font-weight: 400;
    margin:0; padding:0;
    text-transform: uppercase;
}

h4 {
    font-family: "Minion Pro";
    font-size: 30px;
    color: var(--color-red);
    font-weight: 400;
    margin:0; padding:0;
    text-transform: uppercase;
}

p {
    margin:0; padding: 0 10px;
    color: var(--color-red);
}

/*===================== COOCKIES =================================*/
/*================================================================*/
/* AGE GATE */
#AGE_GATE {
    display: none; opacity:0;
    position:fixed; z-index:1000002;
    top:50%; left:50%; transform: translate(-50%, -50%);
    width:600px; max-width:90%;
    color:#FFF;text-align:center;font-size:120%;
    background-color: #000A;
}

.age_btn { padding:20px; margin:20px; font-size:150%; cursor: pointer}
#AGE_GATE h1, #AGE_GATE h3, #AGE_GATE p {
    margin: 1em 0;
    padding: 0;
    color:var(--color-red); 
    font-family: initial;
}
#AGE_GATE h1 { font-size: 38px; margin-bottom: 2rem;}
#AGE_GATE h3 { font-size: 25px; margin-bottom: 2rem;}
#AGE_GATE p {text-align: center; }

/* COOKIES CONSENT */
#COOKIES_CONSENT { 
    display: none; opacity:0;
    position:fixed; z-index:1000002;
    bottom:2vw; left:2vw;
    width:360px; max-width:calc(96vw - 40px);
    text-align:center;
    background:rgba(0,0,0,0.8);
    border-radius:8px;
    padding:0px 20px 15px;
    color:#FFF;
    outline: 1px solid #fff8;
}
#COOKIES_CONSENT p { font-weight: normal; font-size: 16px; text-align: center; color:#fff; margin: 1em 0;}
#COOKIES_CONSENT a { cursor: pointer; font-weight:bold }
#COOKIES_CONSENT #close_btn { position: absolute; right:6px; top:6px; cursor: pointer;}

/* POPUP */
#POPUP {
    position: fixed; z-index: 1000009;
    top:0; left:0; width:100%; height:100%; 
    pointer-events: all;
    display:none; opacity:0;  
}
#popup_overlay {
    position: fixed; z-index: -1;
    top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6);   
}
#popup_wrapper {
    position:fixed;
    width:700px; height:90%; max-width:90%;
    top:50%; left:50%; transform: translate(-50%, -50%);
    background:rgba(255, 255, 255, 0.95);
    box-shadow:0px 0px 10px rgba(0,0,0,0.8);
    border-radius: 8px; border:0 none;
    overflow: hidden;
}
#popup_title { 
    position: absolute;
    width:100%; top:-2px; left:-2px;
    background:#990E25;
    font-weight: 600; color:#FFF; font-size:22px; text-align:center; text-transform: uppercase;
    padding:15px 4px;
}
#popup_content { 
    position: relative;
    width:90%; height:85%;
    top:12%; left:5%; 
    padding-right:10px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal; color:#222; font-size:13px; text-align:justify;
    overflow-x: hidden;
    overflow-y: scroll;
}
#popup_btn { position: absolute; right:16px; top:16px; cursor: pointer;}

#POPUP h2, #POPUP h3, #POPUP p{
    margin: 1em 0;
    padding: 0;
}

#POPUP h2 {font-size: 1.5em; text-align: left;}
#POPUP h3 {font-size: 14px; text-align: left; color: #222}
#POPUP p {font-size: 13px; color: #222; font-weight: normal;}

#NAV { 
    position:absolute; 
    padding: 0;
    top:110%; 
    text-align:center; 
    width:100%; 
    opacity: 0; 
    transition: all 300ms ease-out;
}
#NAV LI, #SOCIAL LI  {
    display: inline-block;
    margin:0 10px;
    color: #FFF;
}
#NAV LI.sep { font-weight:bold}
#NAV LI A, #SOCIAL LI A {
    color: #FFF;
    text-decoration: none;
    line-height:24px;
    font-size:16px
}
/*===================== COOCKIES =================================*/
/*================================================================*/


/* #ascrail2000 {
    z-index: 20 !important;
} */

#ascrail2000 .nicescroll-cursors {
    background-color: #ffffff80 !important;
    right: 5px !important;
}


#retete-button { position:fixed; right:40px; top:40px; z-index:100000; }
#retete-button A { padding:8px 20px; background:var(--color-red); border-radius:30px; font-size:90%; font-weight:bold; text-decoration:none; text-transform:uppercase; opacity:0.6; color:#FFF; text-shadow:none; transition:0.5s opacity; }
#retete-button A:hover { opacity:1 }
@media (max-width:767px) {
    #retete-button { right:10px; top:20px }
}

#lang-button { position:fixed; left:40px; top:40px; z-index:100001; }
/* #lang-button { padding:8px 20px; font-size:120%; font-weight:bold; text-transform:uppercase; opacity:0.6; color:var(--color-red); transition:0.5s opacity; border: 2px solid var(--color-red); border-radius:30px;} */
#lang-button SPAN { padding:8px 20px; background:var(--color-red); border-radius:30px; font-size:90%; font-weight:bold; text-decoration:none; text-transform:uppercase; opacity:0.6; color:#FFF; text-shadow:none; transition:0.5s opacity; cursor:pointer; }
#lang-button SPAN:hover { opacity:1 }
@media (max-width:767px) {
    #lang-button { left:10px; top:20px }
}
span[data-lang="en"] { display: none;}

.fullpage { width:100%; height:100vh; position:relative }
#MAIN { 
    width:1918px; 
    transform-origin:top left;
    z-index: 1;
    background-color: #000;
    /* display: none; */
} 

#actions {
    background-color: #e4e4e4;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}


/***** SCROLL *****/
.icon-scroll, .icon-scroll:before {
    position: absolute;
 }

.icon-scroll {
    width: 36px;
    height: 70px;
    margin-left: -20px;
    bottom: -100px;
    opacity: 0;
    left: 50%;
    margin-top: -35px;
    border: #fff solid 3px;
    box-shadow: inset 0 0 3px 3px rgba(0, 8, 126, 0.15),
                0px 0px 3px 3px rgba(0, 8, 126, 0.15);
    border-radius: 25px;
    z-index: 5;
}

.icon-scroll::before {
    content: '';
    width: 14px;
    height: 14px;
    background: #fff;
    left: 11px;
    top: 8px;
    border-radius: 7px;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: scroll;
    box-shadow: 0px 0px 3px 3px rgba(0, 8, 126, 0.15);
}

#sc-icon2 {
    border-color: var(--color-red);
}

#sc-icon2::before {
    background: var(--color-red);
}

@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(46px);
  }
}

#skip {
    border: 3px solid var(--color-red);
    color: var(--color-red);
    padding: 0.5em;
    position: absolute;
    top: 960px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 20px;
    z-index: 6;
    opacity: 0;
}

#skip > p {
    font-size: 26px;
    text-transform: uppercase;
}

#scroll {
    width: 100%;
    top: 0px;
    height: 27200px;
    transform-origin:top left;
    overflow: hidden;
    /* display: none; */
} 

.stop {
    position: fixed;
    top: 0;
    left: 0;
}

#move {
    position: relative;
    top: 0;
    left: 0;
    background-color: #e4e4e4;
    /* background: linear-gradient(180deg, #015db8 0%, #015db8 25%, #375128 25%, #375128 50%, #000000 53%, #000000 100%);  */
}

/*** SECTION 01: PRELOADER 
**************************************************************************************************************/
#preloader {
	width:1920px; height: 1080px;
	background: no-repeat #000;
    position: absolute;
    overflow: hidden;
    transform-origin: top left;
    z-index: 10;
}

#precont {
    position: absolute;
    background-color: #000;
    width:1920px; height: 1080px;
}

#red-light { 
    position: absolute;
    transform-origin: center;
    top: -500px
}
#red-light IMG { width:100%; height:100%;} 

#sigla-mask {
    height: 100vh;
    position: absolute;
}


/*************************************************************************************************************/

#intro {
    height: 1080px;
    background-color: #000;
    position: relative;
    display: flex;
    justify-content: center;
}

#leu {
    position: absolute;
}

#leu-back {
    position: absolute;
    top:0; left: 0;
    opacity: 0;
}

#sigla {
    position: relative;
    width: max-content;
    height: max-content;
    top:200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
}

#sigla > div { opacity: 0; transition: all var(--anim-time) ease-out;}

#lg-sigla {position: relative;}
#lg-sigla > div { position:relative; top: 72px } 

#over1 {
    position: absolute;
    width: 1920px;
    height: 1080px;
    overflow: hidden;
}

#sticla {
    position:absolute;
    left :50%; top: calc(50% - 115px);
    width:0px;
    height:0px;
    overflow: hidden;
    border-radius: 50%;
    transform-origin: center;
    transform: translateX(-50%) translateY(-50%); 
    display: flex;
    justify-content: center;
    align-items:center;
    align-content:center;
    transition: all var(--anim-time) ease-out;
} 

#content1 > div , #content1 > video {
    position: absolute;
    width: 1920px; height: 1080px;
    left :50%; top: calc(50% + 115px);;
    transform: translate(-50%, -50%); 
} 

#wembley {
    position: absolute;
    transform-origin:center;
    left: 800px;
    top: 177px;
    z-index: 2;
    transform: scale(2.35);
    opacity: 0;
    transition: all var(--anim-time) ease-out;
}

#over {
    position: absolute;
    width: 1920px;
    height: 1080px;
    overflow: hidden;
}

.mask {
    position:absolute;
    left :50%; top: 50%;
    width: 0px;
    height:1680px;
    overflow: hidden;
    transform-origin: center;
    transform: translate(-50%, -50%) rotate(20deg); 
    display: flex;
    justify-content: center;
    align-items:center;
    align-content:center;
    transition: width var(--anim-time) ease-out;
}

.mask > .content {
    position: absolute;
    width: 1920px;
    height:1080px;
    transform-origin: center;
    transform: rotate(-20deg); 
}

.mask > .content > div { 
    position: absolute;
    transition: all var(--anim-time) ease-out;
}

#back5-face {
    position: absolute;
    z-index: 3;
    overflow: hidden;
}

#back5-face > .content > div { 
    position: absolute; 
    bottom: 0px;
    transition: all var(--anim-time) ease-out;
}

#back5-face2 img {
    margin-left: -100px;
    margin-bottom: -30px;
}

#back6 {z-index: 4;}
#back6 > .content > div {
    transition: all var(--anim-time) ease-out;
}
#back6 img {
    width: 100%;
}

#back6-obj1 { left:100px; top: 100px; }
#back6-obj2 { right:50px; top: 350px; }

#separator {position: relative;}
#leu-coroana {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 200px;
    transition: all var(--anim-time) ease-out;
}

#texte {
    position: relative;
    width: 1920px;
    height: 6300px;
}

#texte > div { position: absolute; }

#text1 {
    left:50%;
    transform: translateX(-50%);
    width: 60%;
    top: 20px;
    transform-origin: center;
}

#floare1 {
    top: 450px;
    left:50%;
    transform: translateX(-50%);
    transform-origin: top center;
}

.text > p {
    font-family: "Minion Pro";
    font-size: 30px;
    color: #ad2425;
    text-align: justify;
    font-weight: lighter;
}
.text > * { position: absolute; transition: all var(--anim-time) ease-out; box-sizing: border-box;}

#elem01 { left: -100px; top:1420px; }
#text2 {left:370px; top: 1655px; width: 42%;}
#text2 > p { top: 160px; width: 100%} 
#elem02 { right: 520px; top:1550px; }

#elem03 { left: 120px; top:2230px; }
#text3 {left:690px; top: 2315px; width: 1000px;}
#text3 > h2 {font-size: 100px; width: 100%;}
#text3 > p { top: 130px; width: 90%;}
#elem04 { right: 90px; top:2200px; }

#elem05 { left: -5px; top:2950px; }
#floare2 {
    top: 2700px;
    left:50%;
    transform: translateX(-50%);
    transform-origin: center;
}
#elem06 { right: -70px; top:3020px; }

#elem07 { left: -150px; top:3860px; }
#text4 {left:390px; top: 3880px; width: 50%;}
#text4 > p { top: 160px; width: 100%} 
#elem08 { right: 90px; top:3950px; }   

#elem09 {left: 20px; top:4730px; }
#text5 {left:490px; top: 4700px; width: 50%;}
#text5 > p { top: 160px; width: 100%;} 
#elem10 { right: 90px; top:4620px; }

#sigla-leu {
    top: 5550px;
    left: 50%;
    transform: translateX(-50%);
}

#crown {
    position: relative;
    width: 1920px;
    height: 1080px;
}
#crown > div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#crown-anim {
    transform-origin: center;
}
#crown-anim > div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#ctext1, #ctext2 {
    width: 37%;
}

#ctext1 > p, #ctext2 > p {
    font-family: "Minion Pro";
    font-size: 30px;
    color: #ad2425;
    text-align: center;
    font-weight: lighter;
    line-height: 1.6em;
}

#ctext2 {
    opacity: 0;
}

.crown-img {
    opacity: 0;
}

#arome {
    width: 1400px;
    margin-top: 400px;
    transform-origin: top center;
}

/* CARUSEL */

#showcase {
    width: 100%;
    height: 460px;
    visibility: hidden;
}

#showcase img {
    cursor: pointer;
}


#final {
    position: relative;
    width: 1920px;
    height: 1080px;
}

#final > div {
    position: absolute;
    transition: all var(--anim-time) ease-out;
}

#sticla-splash {
    top:50%; 
    width: 50%; 
    height: 100%;
    left: 50%; 
    transform-origin: center left; 
}
#sticla-splash > div { position: absolute;}
#sticlaw {top:30px; right: 280px;}
#splash {top: 140px; right: -30px; transform-origin: 50% 80%;}

#taste-social{
    top:50%; 
    width: 50%; 
    height: 100%;
    right: 50%; 
    transform-origin: center right; 
}
#taste-social > div {position: absolute;}
#live-taste > div {position: absolute;}
#socials > div {position: absolute;}

#live-taste {
    width: 100%;
    height: auto;
    top: 130px;
}

#socials {
    width: 100%;
    height: auto;
    bottom: 0px;
}

#live {top: 0px; left: 150px;}
#tastefully {top: 170px; left: 150px;}
#wvideo {left: 90px; top: 440px;}
#facebook {left: 170px; bottom: 80px;}
#instagram {left: 530px; bottom: 80px;}


#analiza {
    width: 70%;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#analiza > * {
    margin: 0 20px; 
    flex-basis: 100%;
}

#analiza h4 {
    text-align: center;
    font-weight: bold;
}

#analiza p {
    font-size: 30px;
    padding: 0;
    text-align: center
}

@media (max-width: 768px) {
    #analiza {
        flex-direction: column;
        align-items: center;
        text-shadow: 0px 0px 3px #FFF;
    }
    #analiza > * {
        margin: 10px 0px; 
    }
    
}
/************************************************************************************************************/