/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

* {
    font-family: 'Open Sans', sans-serif;
}

html,
body {font-size: 15px;color: #000000;height: 100%;overflow-x: hidden;}
.no-select{
	    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.cws-wrap{position:relative;z-index:115;}


/* MODAL */
.modal {position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 301;display: none;}
/* Modal overlay */
.modal .modal-overlay {background: rgba(0,0,0,0.8);width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 98;}
/* END Modal overlay */
/* Modal content */
.modal .modal-container {
	position: absolute;width: 622px;height: 622px;
	transform: translate(-50%, -50%);
	left: 50%;top: 50%;z-index: 2;margin: auto;max-width: 90%;max-height: 90%;border-radius: 50%;z-index: 99;
}
.modal .modal-container .modal-close {position: absolute;right: 0;top: 0;cursor: pointer;}
.modal .modal-container img {width: 100%;}
.large-pad {padding-left: 5%;padding-right: 5%;}
@media (max-width:1199px) {
    .large-pad {padding-left: 30px;padding-right: 30px;}
}
@media (max-width:767px) {
    .large-pad {padding-left: 15px;padding-right: 15px;}
}
@media (max-width:575px) {
    .pad-top {padding-top: 30px;}
    .pad-bottom {padding-bottom: 30px;}
    .margin-top {margin-top: 30px;}
    .margin-bottom { margin-bottom: 30px; }
}
a {text-decoration: none;color: #000000;}
a:hover {color: #cb1825;text-decoration: none;}
.w-100 {width: 100%;}
/* NAV STYLES */
nav.navbar {position: fixed;top: 0;left: 0;background-color: transparent;z-index: 120; width: 100%; pointer-events: none;}
a.nav-link, a.nav-link span, span.category-a, span.category-s, span.category-aa {font-family: 'Playball', cursive;}
a.nav-link, .navbar-brand, .brand-link, .navbar-toggler-custom, #submit-form {pointer-events: all!important;}
span.diacritics, span.diacritics-a, span.category-a, span.category-s, span.category-aa {position: relative;}
.question, .quiz {pointer-events: none;}
.question div {pointer-events: all;}
span.diacritics::after {content:',';position: absolute;display: inline-block;bottom: 12px;left: 0;font-size: 15px; width: 5px; height: 5px;}
span.category-a::after {content: '~';position: absolute; display: inline-block; left: 0px; font-size: 1.5rem;width: 12px;height: 5px;top: 6px;}
span.category-aa::after {content: '^';position: absolute;display: inline-block;left: 1px;font-size: 14px;width: 5px;height: 5px;top: 2px;}
span.category-s::after {content: ',';position: absolute;display: inline-block;left: -4px;font-size: 1.5rem;width: 12px;height: 12px;bottom: 8px;}
span.diacritics-a::after {content:'~';position: absolute; display: inline-block; bottom: 18px; left: 4px; font-size: 15px; width: 5px; height: 5px;}
.navbar-collapse {-webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0;}
.span-btn-toggler { width: 25px; height: 1px; background-color: #ffffffff;}
.navbar-toggler-custom {
    background-image: url('assets/toggler_background.png');
    background-size: contain;background-position: center;background-repeat: no-repeat;border: none;height: 63px; width: 63px;border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 100;
    position: relative;
}

.navbar-toggler-custom.collapsed .span-btn-1 {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 30%;
    position: absolute;
    top: 25px;
    left: 29px;
}

.navbar-toggler-custom.collapsed .span-btn-3 {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    width: 30%;
    position: absolute;
    top: 38px;
    left: 29px;
}

.collapse-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* align-items: center; */
}

.navbar-collapse-custom {
    height: 63px;
    background-color: #ffffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 30px 0 0 30px;
    margin-right: -30px;
    z-index: 99;
}

.span-btn-toggler {
    -webkit-transition: all .10s ease;
    -o-transition: all .10s ease;
    transition: all .10s ease;
}

#collapse-target {
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    opacity: 0;
}

#collapse-target.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    padding-left: 15px;
    padding-right: 38px;
}

.navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

.navbar-nav li a {
    text-transform: uppercase;
    color: #000000;
    font-weight: 700;
}

.navbar-brand {
    max-width: 130px;
}

button:focus {
    outline: 0px!important;
}

/* .produse-name {
    max-height: 18px;
    width: auto;
} */

@media (max-width: 1199px) {
    .navbar-toggler-custom {
        background-image: none;  
    }
    .navbar-toggler-custom.collapsed .span-btn-3 {
        top: 34px;
        left: 19px;
    }
    .navbar-toggler-custom.collapsed .span-btn-1 {
        top: 28px;
        left: 19px;
    }
    nav.navbar {
        position: relative;
        background-color: #ffff;
    }
    .navbar-brand {
        max-width: 80px;
    }
    .navbar-toggler-custom {
        background-color: transparent;
        padding: 0;
        width: auto;
    }
    .span-btn-toggler {
        background-color: #cb1825;
    }
    #collapse-target {
        position: absolute;
        max-width: 500px;
        right: -100%;
        top: 81px;
    }
    .navbar-collapse-custom {
        margin-right: 0;
    }
    .navbar-nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 20px;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: start;
    }
    #collapse-target.show {
        right: 0;
        display: block;
    }
    .navbar-collapse-custom {
        height: auto;
        border-radius: 0 0 0 15px;
    }
}  

/* HOME HERO STYLES */

.home-wrapper {
    background-image: url('assets/home_background.jpg');
    background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;min-height: 100vh;
}
.hdl {
    position: absolute;
    top: 50%;
    left: 13%;
    width: 30%;
}

.product-hero {
    width: 40%;
    position: absolute;
    bottom: 63px;
    right: 10%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    z-index: 101;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.cta {
    width: 57%;
    position: relative;
    -webkit-transition: opacity .35s ease-in-out;
    -o-transition: opacity .35s ease-in-out;
    transition: opacity .35s ease-in-out;
}

.cta:hover {
    opacity: .8;
    cursor: pointer
}

.background-cta {
    width: 100%;
    top: 0;
    left: 0;
}

.txt-btn-wrapper {
    position: absolute;
    width: 69%;
    top: 30%;
    left: 19%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.btn-cta-wrapper {
    display: inline-block;
    width: 28%;
    position: absolute;
    top: 43%;
    left: 92%;
}

.btn-cta {
    width: 100%;
    padding-left: .6rem;
    padding-right: .6rem;
}

.afine {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    z-index: 6;
    width: 34%;
    margin-top:8%;
}
.caramel {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
            order: 2;
    z-index: 6;
    width: 34%;
    margin-top:8%;
}


.mango {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    z-index: 4;
    margin-top: 8%;
    margin-right: -8%;
    width: 30%;
}

.capsuni {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    z-index: 1;
    margin-top: -5%;
    margin-right: -9%;
    width: 22%;
}

.cocos {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    z-index: 2;
    margin-left: -8%;
    margin-top: -5%;
    width: 22%;
}

.visine {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    z-index: 1;
    margin-left: -13%;
    width: 21%;
}

.packshots {
    margin-top: -7%;
}

.packshot-line {
    margin-top: 13px;
    width: 50%;
}

.hero-packshot {
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    cursor: pointer;
}

.hero-packshot:hover {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}

/* FOOTER STYLES */

footer {
    background-image: url('assets/frame.png');
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    min-height: 336px;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.links-wrapper {
    width: 100%;
    margin-top: auto;
    margin-bottom: 30px;
    margin-left: 10%;
}

.links-wrapper a, .links-wrapper p {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: #ffffffff;
}

.links-wrapper a:hover {
    color: #cb1825;
}

.links-wrapper a img {
    max-width: 45px;
}

@media (max-width: 991px) {
    body, html {
        height: auto;
    }
    .home-wrapper {
        min-height: auto;
        background-image: none;
    }
    footer {
        position: relative;
    }
    .product-hero {
        position: relative;
        background-color: #ffffffff;
        right: 0;
        bottom: auto;
        width: 90%;
        margin-left: 5%;
        margin-top: 60px;
    }
    .hdl {
        top: 36%;
        left: 50%;
        width: 60%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    .links-wrapper {
        margin-left: 0;
    }
    .btn-cta {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: .3rem;
        padding-bottom: .3rem;
    }
    .hdl {
        top: 31%;
    }
}

@media (max-width: 575px) {
    .btn-cta {
        padding-left: .3rem;
        padding-right: .3rem;
        padding-top: 0;
        padding-bottom: 0;
    }
    .hdl-cta {
        margin-bottom: 0!important;
    }
    .txt-btn-wrapper {
        top: 21%
    }
}


/* QUIZ STYLES */
body.quiz {
    background-image: url('assets/quiz_background.png');
    background-size: cover;background-position: center;background-repeat: no-repeat;
}
body.contact {
    background-image: url('assets/emotie_capsuni.png');
    background-size: cover;background-position: top center;background-repeat: no-repeat;
}
.quiz footer {
    pointer-events: none;
    margin-top: -69px;
}
@media (min-width: 1920px) {
    .quiz footer {margin-top: 0;}
}
.product-hero-footer, .social-icons, .links {pointer-events: all;}
label {cursor: pointer;margin-bottom: 0;}
.question p {margin-bottom: 10px; font-weight: 600;}
.question {margin-top: 15px;}
label.active span.question-id {background-color: #000000;color: #ffffffff;}
.optionsradios {display: none;}
.question-id {
    background-color: #cb1825;
    color: #ffffffff;
    padding: 10px;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    margin-right: 5px;
}

label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

#submit-form {
    -ms-flex-item-align: end;
        align-self: flex-end;
    margin-top: -60px;
    margin-right: 80px;
}

@media (max-width: 1600px) {
    #submit-form {
        margin-right: 60px;
    }
}

@media (max-width: 1600px) {
    #submit-form {
        margin-right: 12px;
    }
}

.quiz-wrapper {
    margin-top: 15px;
}

.quiz-wrapper .col-10 form {
    position: relative;
    z-index: 100;
    display: inline-block;
}

form p {
    display: inline-block;
}

body.quiz, html.html-quiz {
    height: auto;
}

.quiz .home-wrapper {
    min-height: 100%;
}

.quiz footer {
    position: relative;
}

@media (max-width: 1199px) {
    #submit-form {
        -ms-flex-item-align: start;
            -ms-grid-row-align: start;
            align-self: start;
        margin-top: 60px;
        margin-bottom: 60px;
        margin-right: 0;
    }
    nav.navbar {
        z-index: 300;
    }
} 

/* ==== QUIZ FOOTER STYLES */

.product-hero-footer {
    position: absolute;
    width: 41%;
    left: 51%;
    bottom: 71px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.strudel.hero-packshot {
    width: 37%;
    margin-right: -10%;
}

.caise.hero-packshot {
    width: 37%;
    z-index: 3;
    margin-top: 6%;
}

.orez-visine.hero-packshot {
    width: 37%;
    z-index: 2;
    margin-left: -10%;
}

.lamaie.hero-packshot {
    width: 37%;
    margin-left: -11%;
    z-index: 1;
    margin-top: -7%;
}

@media (min-height: 900px) {
    .quiz footer {
        position: fixed;
    }
    body.quiz, html.html-quiz {
        min-height: 100vh;
    } 
}

@media (max-width: 1199px) and (max-height: 1076px) {
    .quiz footer {
        position: relative
    }
    body.quiz, html.html-quiz {
        min-height: auto;
    } 
}

@media (max-width: 1199px) and (min-height: 1000px) {
    .quiz footer {
        position: fixed;
    }
    body.quiz, html.html-quiz {
        min-height: 100vh;
    } 
}

@media (max-width: 991px) {
    .product-hero-footer {
        display: none;
    }
}

/* RESULT PAGE */

.result-wrapper {
    position: absolute;
    top: 41%;
    width: 100%;
}

.result-large .result-wrapper {
    top: 39%;
}

.result-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.result-col.result-packshot-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.bulina-rezultat {
    width: 60%;
}

.page-wrapper.result {
    min-height: 100vh;
    height: 100%;
}

.page-wrapper.result {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.page-wrapper.result.result-afine {
    background-image: url('assets/rezultat_afine_background.png');
}

.result-packshot {
    position: absolute;
    width: 68%;
    top: 54%;
    left: 15%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.result-packshot.noi {
    position: absolute;
    width: 63%;
    top: 54%;
    left: 18%;
}

.result-col p {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.2rem;
}

.result footer .packshot-line {
    position: absolute;
    bottom: 87px;
    left: 63%;
    width: 21%;
}

@media (max-width: 1199px) {
    .result-wrapper {
        top: auto;
        bottom: 226px;
    }
    .result footer .packshot-line {
        bottom: 94px;
        left: 68%;
    }
}

@media (max-width: 991px) {
    .result footer {
        position: fixed;
    }
    .result footer .packshot-line {
        display: none;
    }
}

@media (max-width: 767px) {
    .result-col.result-packshot-wrapper {
        margin-top: -100px;
    }
    .result-col p {
        text-align: center;
    }
    .page-wrapper.result.result-afine {
        background-image: none;
    }
    .result-wrapper {
        position: static;
    }
    .result footer {
        position: relative;
        margin-top: -100px;
    }
}

@media (max-width: 575px) {
    .result-wrapper {
        position: static;
    }
    .result-col.result-packshot-wrapper {
        margin-top: -65px;
    }
}

@media (min-width: 1600px) {
    .result footer .packshot-line {
        bottom: 61px;
        left: 62%;
    }
}

@media (max-width: 450px) and (min-height: 790px) {
    .result footer {
        position: fixed;
    }
}

/* RESULT PAGES BACKGROUNDS */

.page-wrapper.result.result-capsuni {
    background-image: url('assets/rezultat_capsuni_background.png');
}

.page-wrapper.result.result-cocos {
    background-image: url('assets/rezultat_cocos_background.png');
}

.page-wrapper.result.result-mango {
    background-image: url('assets/rezultat_mango_background.png');
}

.page-wrapper.result.result-visine {
    background-image: url('assets/rezultat_mango_background.png');
}

.page-wrapper.result.result-budinca {
    background-image: url('assets/rezultat_mango_background.png');
}

.result-budinca .result-packshot {
    width: 38%;
    top: 34%;
    left: 31%;
}

.result-caise .result-packshot {
    width: 83%;
    top: 62%;
    left: 8.2%;
}

.result-lamaie .result-packshot {
    width: 83%;
    top: 62%;
    left: 8.2%;
}

.result-strudel .result-packshot {
    width: 83%;
    top: 62%;
    left: 8.2%;
}

.page-wrapper.result.result-caise {
    background-image: url('assets/rezultat_caise_background.png');
}

.page-wrapper.result.result-lamaie {
    background-image: url('assets/rezultat_lamaie_background.png');
}

.page-wrapper.result.result-strudel {
    background-image: url('assets/rezultat_strudel_background.png');
}

@media (max-width: 767px) {
    .page-wrapper.result.result-capsuni {background-image: none;}
    .page-wrapper.result.result-cocos {background-image: none;}
    .page-wrapper.result.result-mango {background-image: none;}
    .page-wrapper.result.result-visine {background-image: none;}
    .page-wrapper.result.result-budinca {background-image: none;}
    .page-wrapper.result.result-caise {background-image: none;}
    .page-wrapper.result.result-lamaie {background-image: none;}
    .page-wrapper.result.result-strudel {background-image: none;}
}
@media (min-width: 1980px) {
    footer {
        min-height: 506px;
    }
    .packshots {
        margin-top: -46px;
    }    
    .product-hero-footer {
        width: 41%;
        left: 49%;
        bottom: 115px;
    }
}

/* === CUM FUNCTIONEAZA === */

.cum-wrapper p {
    font-weight: 600;
    font-size: 18px;
}

.cum-wrapper {
    margin-top: 15%;
    padding-left: 100px;
}

.quiz.cum-functioneaza {
    background-image: url('assets/cum_functioneaza_background.png');
}

.quiz.cum-functioneaza footer {
    position: fixed;
}

body.quiz.cum-functioneaza {
    height: 100%;
}

.quiz.cum-functioneaza .packshots {
    margin-top: -45px;
}

.quiz.cum-functioneaza .cta {
    width: 59%;
}

@media (max-width: 1199px) {
    .cum-wrapper {
        padding-left: 0;
    }
}

@media (max-width: 991px) {
    .product-hero-footer.cum-product-hero-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        width: 100%;
        margin-top: 60px;
        left: 0;
        bottom: auto;
    }
    .quiz.cum-functioneaza .packshots {
        margin-top: -35px;
        z-index: 2;
    }
    .quiz.cum-functioneaza .cta {
        width: 71%;
        z-index: 1;
    }
    .quiz.cum-functioneaza footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        position: relative;
    }
    .quiz.cum-functioneaza {
        background-image: none;
    }
    .quiz-wrapper.cum-wrapper {
        background-image: url('assets/cum_functioneaza_background.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        margin-top: 0;
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .cum-wrapper p {
        font-size: 1rem;
    } 
}

/* PRODUSE PAGE */

.models-wrapper {
    width: 100%;
    height: 100vh;
    position: relative;
}

.products-wrapper {
    width: 50%;
    position: absolute;
    bottom: 31%;
    left: 25%;
    /* z-index: 100; */
    z-index: 100000;
}

@media (max-width: 1500px) {
    .products-wrapper {
        width: 70%;
        left: 15%;
    }
}

button.slick-next.slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: -60px;
    border: none;
    background-color: transparent;
    background-image: url(assets/next.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    font-size: 0;
    z-index: 99;
}

button.slick-prev.slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: -60px;
    border: none;
    background-color: transparent;
    background-image: url(assets/prev.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    font-size: 0;
    z-index: 99;
}

.product-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 70px;
}

.produse-packshot {
    margin-bottom: 15px;
    max-width: 180px;
    width: 180px;
}

.produse-category {
    font-size: 1.5rem;
    color: #000000;
    margin-bottom: 0;
    text-align: center;
    font-family: "Playball", cursive;
    line-height: 22px;
}

.footer-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* justify-content: start; */
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    height: 340px;
    /* background-size: cover;
    background-position: center;
    background-repeat: no-repeat; */
    width: 100%;
    z-index: 37;
    position: relative;
}

.slider-x {z-index: -1;}
.products-page-wrapper {position: relative;height: 100vh;width: 100%;}
.slider-for {
    position: fixed;bottom: 0;left: 0; z-index: 10000;width: 100%;
    /* height: 360px; */
}
.slide-for .slick-slide {height: 360px!important;}
.background-photo-slider {height: 100%;width: 100%;}
.products .packshot-line {position: absolute;bottom: 71px;left: 62%; width: 21%;}
.produse-packshot.crema { max-width: 100%; width: 240px; margin-top: 99px;}
.produse-packshot.iaurt { max-width: 100%; width: 214px; margin-top: 80px;}
.produse-packshot.budinca {margin-bottom: 25px;max-width: 100px;margin-top: -53px;}
.produse-packshot.budinca.budinca-ciocolata {max-width: 180px;margin-bottom:10px;}

/*
.slide-for .slick-slide {height: 313px!important;}
.background-photo-slider {height: 100%;width: 100%;}
.products .packshot-line {position: absolute;bottom: 71px;left: 62%; width: 21%;}
.produse-packshot.crema { max-width: 100%; width: 240px; margin-top: 30px;}
.produse-packshot.iaurt { max-width: 100%; width: 214px; margin-top: 12px;}
.produse-packshot.budinca {margin-bottom: 25px;max-width: 100px;margin-top: -53px;}
.produse-packshot.budinca.budinca-ciocolata {max-width: 136px;margin-bottom:10px;}

*/


/*31 mai 2023
.slide-for .slick-slide {height: 313px!important;}
.background-photo-slider {height: 100%;width: 100%;}
.products .packshot-line {position: absolute;bottom: 71px;left: 62%; width: 21%;}
.produse-packshot.crema { max-width: 100%; width: 223px; margin-top: 0%;}
.produse-packshot.budinca {margin-bottom: 25px;max-width: 100px;margin-top: -53px;}
.produse-packshot.budinca.budinca-ciocolata {max-width: 120px;margin-bottom:10px;}
.produse-packshot.budinca {margin-bottom: 25px;max-width: 100px;margin-top: -53px;}
*/

/*
.slide-for .slick-slide {height: 313px!important;}
.background-photo-slider {height: 100%;width: 100%;}
.products .packshot-line {position: absolute;bottom: 71px;left: 62%; width: 21%;}
.produse-packshot.crema { max-width: 100%; width: 223px; margin-top: -11%;}
.produse-packshot.budinca {margin-bottom: 25px;max-width: 100px;margin-top: -53px;}
.produse-packshot.budinca.budinca-ciocolata {max-width: 96px;}
.produse-packshot.budinca {margin-bottom: 25px;max-width: 100px;margin-top: -53px;}
*/

/*
                mousse-ciocolata
                iaurt-afine
                iaurt-mango
                budinca-frisca
                budinca-vanilie
                budinca-caramel
                budinca-ciocolata

.produse-packshot {
    margin-bottom: 15px;
    max-width: 180px;
    width: 180px;
}

budinca budinca-ciocolata
produse-packshot iaurt
budinca budinca-vanilie

produse-packshot budinca budinca-ciocolata
*/



.models-wrapper {background-size: cover;background-position: center;background-repeat: no-repeat;}

.wrap-mango {background-image: url('assets/emotie_mango.jpg');}
.wrap-afine {background-image: url('assets/emotie_mango.jpg');}
.wrap-budinca {background-image: url('assets/emotie_ciocolata.jpg');}
.wrap-mousse {background-image: url('assets/emotie_budinca_vanilie.jpg');}


/*
.wrap-visine {background-image: url('assets/emotie_visine.jpg');}
.wrap-cocos {background-image: url('assets/emotie_cocos_2.jpg');}
.wrap-capsuni {background-image: url('assets/emotie_capsuni.jpg');}
.wrap-caise {background-image: url('assets/emotie_caise.jpg');}
.wrap-lamaie {background-image: url('assets/emotie_tarta_lamaie.jpg');}
.wrap-strudel {background-image: url('assets/emotie_strudel.jpg');}
.wrap-mousse {background-image: url('assets/emotie_ciocolata.jpg');}
.wrap-budinca {background-image: url('assets/emotie_budinca_vanilie.jpg');}
*/



.product-section {
    position: relative;
    z-index: 3;
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.product-section > * {
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.produse-category.desert {
    position: relative;
}

.product-section::after {
    content: '';
    width: 220px;
    height: 220px;
    background-image: url('assets/cerc_selectie.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.product-section:hover > * {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
}

.product-section:hover:after {
    opacity: 1;
}

.new {
    position: absolute;
    top: 16%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 80px;
    z-index: 99;
}

.slick-slide {
    outline: none;
}

.slick-slide:focus, a {
      outline: none;
    }

@media (min-width: 1950px) {
    .footer-div {height: 350px;}
    .products-wrapper {bottom: 290px;}
}
@media (min-width: 1500px) {
    .footer-div {height: 350px;}
    .products-wrapper {bottom: 290px;}
}
@media (min-width: 1367px) {
    .footer-div {height: 350px;}
    .products-wrapper {bottom: 290px;}
}
@media (min-width: 1367px) and (max-height: 900px) and (max-width: 1500px) {
    .footer-div {height: 253px;}
    .products-wrapper {bottom: 200px;}
}

@media (max-width: 1366px) {
    .footer-div {
        height: 220px;
    }
    .products-wrapper {
        bottom: 200px;
    } 
}

@media (max-width: 1199px) {
    .products-wrapper {
        bottom: 303px;
    }
    .footer-div {
        height: 200px;
    }
}

@media (max-width: 991px) {  
    .product-section::after {
        width: 180px;
        height: 180px;
    }
    .produse-packshot {
        width: 153px;
    }
    .produse-packshot.crema {margin-top: 50px;width:180px;}
    .produse-packshot.iaurt {margin-top: 30px;width: 170px;}
    .produse-packshot.budinca {margin-top: -65px;}
    .produse-packshot.budinca.budinca-ciocolata {max-width: 136px;margin-bottom:10px;}
}

@media (max-width: 575px) {
    button.slick-next.slick-arrow {
        right: -20px;
    }
    button.slick-prev.slick-arrow {
        left: -20px;
    }
    .products-wrapper {
        bottom: 150px;
    }
    .wrap-afine {background-image: url('assets/emotie_afine_mobile_2.jpg'); }
    .footer-div {
        height: 120px;
    }
    nav.navbar {
        position: fixed;
    }
    body {
        padding-top: 80px;
    }
/*
    .produse-packshot {max-width: 120px;}
	.produse-packshot.crema {max-width: 140px;}
    .produse-packshot.budinca, .produse-packshot.budinca.budinca-ciocolata {max-width: 75px;margin-top: -40px; }
*/
    
    .produse-packshot.crema {margin-top: 50px;width:180px;}
    .produse-packshot.iaurt {margin-top: 30px;width: 170px;}
    .produse-packshot.budinca {margin-top: -65px;}
    .produse-packshot.budinca.budinca-ciocolata {max-width: 154px;margin-bottom:10px;}
    
    
}

@media (min-width: 2100px) {
    .products-wrapper {
        bottom: 368px;
    }
}



@media (max-height: 780px) {
    .products-wrapper {
        bottom: 210px;
    }
    .footer-div {
        height: 260px;
    }
}


@media (max-height: 740px) {
    .products-wrapper {
        bottom: 210px;
    }
    .footer-div {
        height: 250px;
    }
}

@media (max-height: 450px) {
    .products-wrapper {
        bottom: 150px;
        width: 30%;
        left: 35%;
    }
    .footer-div {
        height: 139px;
    }
    .produse-packshot {
        width: 85px;
    }
    .produse-packshot.crema {
        max-width: 110px;
        margin-top: 12px;
    }
    .produse-packshot.budinca {
        max-width: 49px;
        margin-top: -22px;
        margin-bottom: 14px;
    }
    .produse-category {
        font-size: 14px;
    }
    /* span.category-a::after {
        top: 0px;
    } */
    .produse-packshot.cocos-new {
        margin-top: -12px;
    }
}



/*
.produse-category.h-mango {color: #e25a49;}.produse-category.h-afine {color: #3c456e;}.produse-category.h-visine {color: #892134;}.produse-category.h-cocos { color: #7c4641;}.produse-category.h-orez-visine {color: #a5323c;}.produse-category.h-zmeura {color: #d02d49;}.produse-category.h-capsuni {color: #b81814;}.produse-category.h-caise {color: #d56c28;}.produse-category.h-lamaie {color: #cc883d;}.produse-category.h-strudel {color: #df392c;}.produse-category.h-budinca {color: #ac0d0d;}
*/
.produse-category.h-mango {color:#000;}
.produse-category.h-afine {color:#000;}
.produse-category.h-visine {color:#000;}
.produse-category.h-cocos {color: #000;}
.produse-category.h-orez-visine {color:#000;}
.produse-category.h-zmeura {color: #000;}
.produse-category.h-capsuni {color: #000;}
.produse-category.h-caise {color: #000;}
.produse-category.h-lamaie {color: #000;}
.produse-category.h-strudel {color: #000;}
.produse-category.h-budinca {color: #000;}
/* CNONTACT PAGE */

.contact-wrapper {padding-top: 45px;}
.contact-p, .policies-p {font-size: 1.3rem;font-weight: 700;}
#contact-form .form-control::placeholder, .contact-span {font-size: 1.125rem; font-weight: 700; text-transform: uppercase; color: #000000;}
.contact-p {font-family: 'Playball', cursive;font-size: 2rem;}
#contact-form {width: 100%;}
#contact-form .form-control {
    min-height: 50px;border: none;border-radius: 11px;
    /* min-width: 700px; */
}

.btn-submit {
    width: 200px;
    min-height: 50px;
    background-color: #ffffff;
    border-radius: 25px;
    font-size: 1.125rem;
    font-weight: 700;
    text-transform: uppercase;
}

/* @media (max-width: 991px) {
    #contact-form {
        width: 100%;   
    }
} */

/* POLICIES STYLES */

body.policies {
    background-image: url('assets/background_policies.png');
    background-size: cover;background-position: top center;background-repeat: no-repeat; font-weight: 600;
}

body.policies footer {position: relative;}
body.policies table {width: 100%;text-transform: uppercase;color: 	#777777;border: 1px solid #000000;}
.CookieDeclaration { display: none;}
span.contact.category-s::after {left: -2px;bottom: 15px;}
.error {color: #ac0d0d;}
#result { z-index: 10000;}
@media (max-width: 1199px) and (max-height: 1024px) {
    body.contact footer {position: relative;}
}
@media (min-width: 1199px) and (max-height: 830px) {
    body.contact footer {position: relative;}
}  
.modal .modal-container .modal-close {pointer-events: all;}
.modal-shield .modal-content {background-color: transparent;}
.modal-shield .modal-content {border: 0;}
.modal-shield.modal.show .modal-dialog {min-width: 53vw;width: 53vw;}
.modal-shield .modal-body {position: relative;}
.button-close-modal {position: absolute;top: 0;right: 0;max-width: 3vw;max-width: 50px;display: inline-block;}

@media (max-width: 575px) {
    .modal-shield.modal.show .modal-dialog {
        min-width: 93vw;
        width: 93vw;
        margin-left: auto;
        margin-right: auto;
        top: 109px;
    }
    .button-close-modal {
        max-width: 7vw;
    }
}

.loader-wrapper {
    width: 100%;height: 100%;
    position: absolute;top: 0;left: 0;
    background-color: #fff8e7;
    z-index: 1000;
    display: flex;justify-content: center;align-items: center;
}
.loader {
    background-image: url('assets/zuzu_dolce_logo.png');
    background-size: contain;background-position: center;background-repeat: no-repeat;
    width: 150px;  height: 150px; animation: spin 4s linear infinite;}
  
@keyframes spin {
    0% { transform: scale(1); }
    100% { transform: scale(1.4); }
}