/*STYLE LIPSTICK*/

@font-face {
    font-family: 'editor-light';
    src: url(../fonts/Editor/Editor-Light.ttf);
}
@font-face {
    font-family: "Editor";
    src: url("//db.onlinewebfonts.com/t/42034abe7135872ac2cfe9d01217a96d.eot");
    src: url("//db.onlinewebfonts.com/t/42034abe7135872ac2cfe9d01217a96d.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/42034abe7135872ac2cfe9d01217a96d.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/42034abe7135872ac2cfe9d01217a96d.woff") format("woff"), url("//db.onlinewebfonts.com/t/42034abe7135872ac2cfe9d01217a96d.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/42034abe7135872ac2cfe9d01217a96d.svg#Editor") format("svg");
}

@import url('https://fonts.googleapis.com/css2?family=Gantari:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Trirong:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


#bg-gradient-lipstick {
    width: 100%;
    background: linear-gradient(180deg, #CBB5EE -40%, rgba(250, 95, 140, 0.47) 67.28%, #FFFFFF 140%), #FFFFFF;
    position: relative;
}
#bg-gradient-lipstick.lip-balm {
    background: linear-gradient(152deg, #FFB685 1.31%, #EC91BA 156.08%);
    overflow-x: hidden;
}
#bg-gradient-skincare {
    width: 100%;
    background: linear-gradient(180deg, #95C8D3 0%, #CD63FF 100%);
    position: relative;
}
#bg-gradient-armocromia {
    width: 100%;
    background: linear-gradient(180deg, #6ACDD3 0%, #76AADB 47.92%, #98BCE1 100%);
    position: relative;
}
#bg-gradient-foundation {
    width: 100%;
    background: linear-gradient(180deg, #F5D4C1 13.19%, #F6E0CB 100%);
    position: relative;
}
#bg-gradient-lip-gloss {
    width: 100%;
    background: linear-gradient(135deg, #FFF886 0%, #F072B6 100%);
    position: relative;
}
#bg-gradient-lipstick .ellipse-lp-lipstick,
#bg-gradient-skincare .ellipse-lp-skincare,
#bg-gradient-armocromia .ellipse-lp-armocromia {
    position: absolute;
    opacity: 0.5;
    right: 0;
    top: -110%;
}
.page-template-lip-balm .ast-container {
    overflow-x: hidden;
}
#bg-gradient-lipstick .shadow-lp-lipbalm {
    position: absolute;
    left: -15%;
    top: -100%;
    width: 1204px;
    height: 1174px;
    border-radius: 1204px;
    background: radial-gradient(50% 50% at 50% 50%, rgba(163, 2, 80, 0.30) 0%, rgba(201, 139, 255, 0.00) 100%);
}
#bg-gradient-lipstick .wrapper-ellipse,
#bg-gradient-skincare .wrapper-ellipse,
#bg-gradient-armocromia .wrapper-ellipse {
    width: 850px;
    height: 870px;
    position: relative;
}
#bg-gradient-lipstick .circle-small {
    width: 600px;
    height: 600px;
    background: linear-gradient(180deg, #A82FF2 0%, rgba(245, 138, 37, 0) 100%, #7061A3 100%);
    filter: blur(50px);
    position: absolute;
    top: 0;
    right: 0;
}
#bg-gradient-skincare .circle-small {
    width: 600px;
    height: 600px;
    background: linear-gradient(180deg, #4B2FF2 0%, rgba(245, 138, 37, 0) 100%, #7061A3 100%);
    filter: blur(50px);
    position: absolute;
    top: 0;
    right: 0;
}
#bg-gradient-armocromia .circle-small {
    width: 600px;
    height: 600px;
    background: linear-gradient(180deg, #A82FF2 0%, rgba(245, 138, 37, 0) 100%, #7061A3 100%);
    filter: blur(50px);
    position: absolute;
    top: 0;
    right: 0;
}
#bg-gradient-lipstick .circle-big {
    width: 820px;
    height: 820px;
    background: linear-gradient(180deg, #A57BFF 0%, rgba(246, 227, 255, 0.46) 100%);
    filter: blur(100px);
    position: absolute;
    bottom: 0;
    left: 0;
}
#bg-gradient-skincare .circle-big {
    width: 820px;
    height: 820px;
    background: linear-gradient(180deg, #7BA8FF 0%, rgba(246, 227, 255, 0.46) 100%);
    filter: blur(100px);
    position: absolute;
    bottom: 0;
    left: 0;
}
#bg-gradient-armocromia .circle-big {
    width: 820px;
    height: 820px;
    background: linear-gradient(180deg, #A57BFF 0%, rgba(246, 227, 255, 0.46) 100%);
    filter: blur(100px);
    position: absolute;
    bottom: 0;
    left: 0;
}
#bg-gradient-lipstick .opening-lipstick,
#bg-gradient-skincare .opening-skincare,
#bg-gradient-armocromia .opening-armocromia,
#bg-gradient-foundation .opening-foundation,
#bg-gradient-lip-gloss .opening-lip-gloss {
    padding: 260px 0 40px;
}
#bg-gradient-lipstick .opening-top,
#bg-gradient-skincare .opening-top,
#bg-gradient-armocromia .opening-top,
#bg-gradient-foundation .opening-top,
#bg-gradient-lip-gloss .opening-top {
    position: relative;
}
.promo-active .opening-lipstick {
    padding-top: 286px;
}
#bg-gradient-lipstick .shadow-lp-lipstick,
#bg-gradient-skincare .shadow-lp-skincare,
#bg-gradient-armocromia .shadow-lp-armocromia,
#bg-gradient-foundation .shadow-lp-foundation {
    max-width: 927px;
    position: absolute;
    left: -5%;
    top: -80%;
    filter: blur(10px);
}
#bg-gradient-lipstick .row.intro,
#bg-gradient-skincare .row.intro,
#bg-gradient-armocromia .row.intro,
#bg-gradient-foundation .row.intro,
#bg-gradient-lip-gloss .row.intro {
    align-items: center;
}
#bg-gradient-lipstick .row.intro > *,
#bg-gradient-skincare .row.intro > *,
#bg-gradient-armocromia .row.intro > *,
#bg-gradient-foundation .row.intro > *,
#bg-gradient-lip-gloss .row.intro > * {
    z-index: 1;
}
#bg-gradient-lipstick .opening-lipstick h1,
#bg-gradient-skincare .opening-skincare h1,
#bg-gradient-armocromia .opening-armocromia h1,
#bg-gradient-foundation .opening-foundation h1,
#bg-gradient-lip-gloss .opening-lip-gloss h1 {
    font-family: 'editor-extrabold';
    font-size: 50px;
    line-height: 50px;
    color: #4D1659;
    max-width: 515px;
    margin-bottom: 23px;
}
#bg-gradient-lipstick.lip-balm .opening-lipstick h1 {
    color: #4C4672;
}
#bg-gradient-lip-gloss .opening-lip-gloss .text-violet {
    color: #4C4672;
}
.reviews-inline {
    display: flex;
    align-items: flex-end;
    gap: 15px;
}
.reviews-inline .stars-custom svg use {
    fill: #161336;
}
.reviews-inline .rating-custom,
.reviews-inline .rating-custom span,
.reviews-inline .count-custom,
.reviews-inline .count-custom span,
.wrapper-summary-reviews .title {
    font-family: 'gantari-semibold' !important;
    font-size: 16px !important;
    line-height: 19px !important;
    color: #000000;
}
.wrapper-summary-reviews .title {
    margin-right: 15px;
}
.wrapper-summary-reviews .title.end {
    margin-right: 0px;
    margin-left: 5px;
}
#bg-gradient-lipstick .opening-lipstick h4,
#bg-gradient-skincare .opening-skincare h4,
#bg-gradient-armocromia .opening-armocromia h4,
#bg-gradient-foundation .opening-foundation h4,
#bg-gradient-lip-gloss .opening-lip-gloss h4 {
    font-family: 'gantari-regular';
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 25px;
    color: #fff;
    max-width: 412px;
}
#bg-gradient-lipstick.lip-balm .opening-lipstick h4,
#bg-gradient-lip-gloss .opening-lip-gloss h4 {
    color: #000;
}
#bg-gradient-foundation .opening-foundation h4 {
    color: #161336;
}
#bg-gradient-lipstick .opening-lipstick h5,
#bg-gradient-skincare .opening-skincare h5,
#bg-gradient-armocromia .opening-armocromia h5,
#bg-gradient-foundation .opening-foundation h5,
#bg-gradient-lip-gloss .opening-lip-gloss h5,
#bg-gradient-lipstick .outro h5,
#bg-gradient-skincare .outro h5,
#bg-gradient-armocromia .outro h5,
#bg-gradient-foundation .outro h5,
#bg-gradient-lip-gloss .outro h5 {
    font-family: gantari-semibold;
    font-size: 28px;
    line-height: 36px;
    color: #161336;
    margin-bottom: 0px;
}
#bg-gradient-lipstick .opening-lipstick h5 del,
#bg-gradient-skincare .opening-skincare h5 del,
#bg-gradient-armocromia .opening-armocromia h5 del,
#bg-gradient-foundation .opening-foundation h5 del,
#bg-gradient-lip-gloss .opening-lip-gloss h5 del,
#bg-gradient-lipstick .outro h5 del,
#bg-gradient-skincare .outro h5 del,
#bg-gradient-armocromia .outro h5 del,
#bg-gradient-foundation .outro h5 del,
#bg-gradient-lip-gloss .outro h5 del {
    display: block;
    font-size: 70%;
    line-height: 80%;
    opacity: 0.5;
}
#bg-gradient-lipstick .opening-lipstick h5.price span,
#bg-gradient-skincare .opening-skincare h5.price span,
#bg-gradient-armocromia .opening-armocromia h5.price span,
#bg-gradient-foundation .opening-foundation h5.price span,
#bg-gradient-lip-gloss .opening-lip-gloss h5.price span,
#bg-gradient-lipstick .outro h5.price span,
#bg-gradient-skincare .outro h5.price span,
#bg-gradient-armocromia .outro h5.price span,
#bg-gradient-foundation .outro h5.price span,
#bg-gradient-lip-gloss .outro h5.price span {
    font-family: 'gantari-semibold';
    font-size: 14px;
    text-transform: uppercase;
}
#bg-gradient-lipstick .cta-lipstick .add-to-cart-btn,
#bg-gradient-lipstick a.prova-online,
#bg-gradient-skincare .cta-lipstick .add-to-cart-btn,
#bg-gradient-skincare a.prova-online,
#bg-gradient-armocromia .cta-lipstick .add-to-cart-btn,
#bg-gradient-armocromia a.prova-online,
#bg-gradient-foundation .cta-lipstick .add-to-cart-btn,
#bg-gradient-foundation a.prova-online,
#bg-gradient-lip-gloss .cta-lipstick .add-to-cart-btn,
#bg-gradient-lip-gloss  a.prova-online,
#bg-gradient-lipstick .suggested-box a.go-to-suggested,
#bg-gradient-skincare .suggested-box a.go-to-suggested,
#bg-gradient-armocromia .suggested-box a.go-to-suggested,
#bg-gradient-foundation .suggested-box a.go-to-suggested,
#bg-gradient-lip-gloss .suggested-box a.go-to-suggested {
    font-family: 'gantari-bold';
    font-size: 15px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 17px 23px;
    border-radius: 21px;
    border: 2px solid #161336;
    background: #161336;
    margin: 0;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: none;
    display: inline-flex;
    justify-content: center;
    min-width: 145px;
}
@media screen and (max-width: 370px) {
    #bg-gradient-lipstick .navigation.page .suggested-box, 
    #bg-gradient-skincare .navigation.page .suggested-box, 
    #bg-gradient-armocromia .navigation.page .suggested-box, 
    #bg-gradient-foundation .navigation.page .suggested-box,
    #bg-gradient-lip-gloss .navigation.page .suggested-box {
        padding: 24px;
    }
    #bg-gradient-lipstick .suggested-box a.go-to-suggested,
    #bg-gradient-skincare .suggested-box a.go-to-suggested,
    #bg-gradient-armocromia .suggested-box a.go-to-suggested,
    #bg-gradient-foundation .suggested-box a.go-to-suggested,
    #bg-gradient-lip-gloss .suggested-box a.go-to-suggested {
        padding: 10px 14px;
        font-size: 14px;    
    }
}
#bg-gradient-lipstick .opening-lipstick h5.price span.scalapay,
#bg-gradient-skincare .opening-skincare h5.price span.scalapay,
#bg-gradient-foundation .opening-foundation h5.price span.scalapay,
#bg-gradient-armocromia .opening-armocromia h5.price span.scalapay,
#bg-gradient-lip-gloss .opening-lip-gloss h5.price span.scalapay,
#bg-gradient-lipstick .outro h5.price span.scalapay,
#bg-gradient-skincare .outro h5.price span.scalapay,
#bg-gradient-foundation .outro h5.price span.scalapay,
#bg-gradient-armocromia .outro h5.price span.scalapay,
#bg-gradient-lip-gloss .outro h5.price span.scalapay {
    font-family: 'gantari-semibold';
    font-size: 28px;
    line-height: 36px;
}
#bg-gradient-lipstick .cta-lipstick .add-to-cart-btn:hover,
#bg-gradient-lipstick .suggested-box a.go-to-suggested:hover,
#bg-gradient-skincare .cta-lipstick .add-to-cart-btn:hover,
#bg-gradient-skincare .suggested-box a.go-to-suggested:hover,
#bg-gradient-armocromia .cta-lipstick .add-to-cart-btn:hover,
#bg-gradient-armocromia .suggested-box a.go-to-suggested:hover,
#bg-gradient-foundation .cta-lipstick .add-to-cart-btn:hover,
#bg-gradient-foundation .suggested-box a.go-to-suggested:hover,
#bg-gradient-lip-gloss .cta-lipstick .add-to-cart-btn:hover,
#bg-gradient-lip-gloss .suggested-box a.go-to-suggested:hover {
    background: #6A5AE0;
    border-color: #6A5AE0;
    color: #fff;
}
.cta-lipstick {
    margin-top: 25px;
}
#bg-gradient-lipstick .double-cta,
#bg-gradient-skincare .double-cta,
#bg-gradient-armocromia .double-cta,
#bg-gradient-foundation .double-cta,
#bg-gradient-lip-gloss .double-cta {
    margin-bottom: 13px;
    max-width: fit-content;
    gap: 11px;
}
#bg-gradient-lipstick .double-cta form.lipstick-in-store .add-to-cart,
#bg-gradient-skincare .double-cta form.lipstick-in-store .add-to-cart,
#bg-gradient-armocromia .double-cta form.lipstick-in-store .add-to-cart,
#bg-gradient-foundation .double-cta form.lipstick-in-store .add-to-cart,
#bg-gradient-lip-gloss .double-cta form.lipstick-in-store .add-to-cart,
#bg-gradient-lipstick a.prova-online,
#bg-gradient-skincare a.prova-online,
#bg-gradient-armocromia a.prova-online,
#bg-gradient-foundation a.prova-online,
#bg-gradient-lip-gloss a.prova-online {
    background: transparent;
    border: 2px solid #161336;
    border-radius: 21px;
    letter-spacing: 0.08em;
    padding: 17px 30px;
    font-size: 15px;
    min-width: 145px;
    color: #161336;
}
#bg-gradient-lipstick .verify-availability,
#bg-gradient-skincare .verify-availability,
#bg-gradient-armocromia .verify-availability,
#bg-gradient-foundation .verify-availability,
#bg-gradient-lip-gloss .verify-availability {
    display: flex;
    align-items: center;
    gap: 15px;
    font-family: 'gantari-bold';
    font-size: 15px;
    line-height: 18px;
    padding: 11px 20px;
    color: #fff;
    border: 2px solid transparent;
    border-radius: 21px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    cursor: pointer;
    transition: all 0.3s;
    max-width: 285px;
}
#bg-gradient-foundation .verify-availability,
#bg-gradient-lip-gloss .verify-availability {
    color: #161336;
}
#bg-gradient-lipstick .verify-availability img,
#bg-gradient-skincare .verify-availability img,
#bg-gradient-armocromia .verify-availability img,
#bg-gradient-foundation .verify-availability img,
#bg-gradient-lip-gloss .verify-availability img {
    width: 24px;
    height: 24px;
    transition: all 0.3s;
}
#bg-gradient-lipstick .verify-availability .img-purple,
#bg-gradient-skincare .verify-availability .img-purple,
#bg-gradient-armocromia .verify-availability .img-purple,
#bg-gradient-foundation .verify-availability .img-purple,
#bg-gradient-lip-gloss .verify-availability .img-purple {
    display: none;
}
#bg-gradient-lipstick .double-cta form.lipstick-in-store .add-to-cart:hover,
#bg-gradient-lipstick .double-cta form.top-gift .add-to-cart:hover,
#bg-gradient-skincare .double-cta form.lipstick-in-store .add-to-cart:hover,
#bg-gradient-skincare .double-cta form.top-gift .add-to-cart:hover,
#bg-gradient-armocromia .double-cta form.lipstick-in-store .add-to-cart:hover,
#bg-gradient-armocromia .double-cta form.top-gift .add-to-cart:hover,
#bg-gradient-foundation .double-cta form.lipstick-in-store .add-to-cart:hover,
#bg-gradient-foundation .double-cta form.top-gift .add-to-cart:hover,
#bg-gradient-lip-gloss .double-cta form.lipstick-in-store .add-to-cart:hover,
#bg-gradient-lip-gloss .double-cta form.top-gift .add-to-cart:hover,
#bg-gradient-lipstick a.prova-online:hover,
#bg-gradient-skincare a.prova-online:hover,
#bg-gradient-armocromia a.prova-online:hover,
#bg-gradient-foundation a.prova-online:hover,
#bg-gradient-lip-gloss a.prova-online:hover {
    background: #6A5AE0;
    border: 2px solid #6A5AE0;
    color: #fff;
}
#bg-gradient-lipstick .verify-availability:hover,
#bg-gradient-skincare .verify-availability:hover,
#bg-gradient-armocromia .verify-availability:hover,
#bg-gradient-foundation .verify-availability:hover,
#bg-gradient-lip-gloss .verify-availability:hover {
    color: #6A5AE0;
}
#bg-gradient-lipstick .verify-availability:hover .img-white,
#bg-gradient-skincare .verify-availability:hover .img-white,
#bg-gradient-armocromia .verify-availability:hover .img-white,
#bg-gradient-foundation .verify-availability:hover .img-white,
#bg-gradient-lip-gloss .verify-availability:hover .img-white {
    display: none;
    transition: all 0.3s;
}
#bg-gradient-lipstick .verify-availability:hover .img-purple,
#bg-gradient-skincare .verify-availability:hover .img-purple,
#bg-gradient-armocromia .verify-availability:hover .img-purple,
#bg-gradient-foundation .verify-availability:hover .img-purple,
#bg-gradient-lip-gloss .verify-availability:hover .img-purple {
    display: block;
    transition: all 0.3s;
}
#bg-gradient-foundation img.foundation-store {
    filter: drop-shadow(8px 22px 15px rgba(0,0,0,0.3));
    max-height: 450px;
    height: 100%;
}
#bg-gradient-lipstick img.double-lipstick,
#bg-gradient-skincare img.face-cream-store,
#bg-gradient-armocromia img.armocromia-img {
    filter: drop-shadow(-14px 22px 15px rgba(0,0,0,0.3));
}
#bg-gradient-lipstick img.double-lipstick {
    max-width: 500px;
    width: 100%;
}
#bg-gradient-lipstick .exp-steps,
#bg-gradient-skincare .exp-steps,
#bg-gradient-armocromia .exp-steps,
#bg-gradient-foundation .exp-steps,
#bg-gradient-lip-gloss .exp-steps {
    position: sticky;
    top: 150px;
}
#bg-gradient-lipstick .exp-steps h2,
#bg-gradient-skincare .exp-steps h2,
#bg-gradient-armocromia .exp-steps h2,
#bg-gradient-foundation .exp-steps h2,
#bg-gradient-lip-gloss .exp-steps h2 {
    font-family: editor-extrabold;
    font-size: 40px;
    line-height: 43px;
    color: #fff;
    margin-bottom: 22px;
}
#bg-gradient-foundation .exp-steps h2 {
    color: #161336;
}
#bg-gradient-lip-gloss .exp-steps h2 {
    color: #4C4672;
}
#bg-gradient-lipstick .exp-steps ol,
#bg-gradient-skincare .exp-steps ol,
#bg-gradient-armocromia .exp-steps ol,
#bg-gradient-foundation .exp-steps ol,
#bg-gradient-lip-gloss .exp-steps ol {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 80%;
}
#bg-gradient-lipstick .exp-steps ol li,
#bg-gradient-skincare .exp-steps ol li,
#bg-gradient-armocromia .exp-steps ol li,
#bg-gradient-foundation .exp-steps ol li,
#bg-gradient-lip-gloss .exp-steps ol li {
    margin-bottom: 15px;
}
#bg-gradient-lipstick .exp-steps ol .index,
#bg-gradient-skincare .exp-steps ol .index,
#bg-gradient-armocromia .exp-steps ol .index,
#bg-gradient-foundation .exp-steps ol .index,
#bg-gradient-lip-gloss .exp-steps ol .index {
    font-family: gantari-bold;
    font-size: 28px;
    line-height: 34px;
    color: #fff;
}
#bg-gradient-foundation .exp-steps ol .index {
    color: #161336;
}
#bg-gradient-lip-gloss .exp-steps ol .index {
    color: #4C4672;
}
#bg-gradient-lipstick .exp-steps ol .description,
#bg-gradient-skincare .exp-steps ol .description,
#bg-gradient-armocromia .exp-steps ol .description,
#bg-gradient-foundation .exp-steps ol .description {
    font-family: gantari-regular;
    font-size: 20px;
    line-height: 24px;
    color: #4C4672;
}
#bg-gradient-lip-gloss .exp-steps ol .description {
    font-family: gantari-regular;
    font-size: 20px;
    line-height: 24px;
    color: #161336;
}
#bg-gradient-lipstick .descrizione .col-lg-7,
#bg-gradient-skincare .descrizione .col-lg-7,
#bg-gradient-armocromia .descrizione .col-lg-7,
#bg-gradient-foundation .descrizione .col-lg-7,
#bg-gradient-lip-gloss .descrizione .col-lg-7 {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10%;
}
#bg-gradient-lipstick .gallery-exp,
#bg-gradient-skincare .gallery-exp,
#bg-gradient-armocromia .gallery-exp,
#bg-gradient-foundation .gallery-exp,
#bg-gradient-lip-gloss .gallery-exp {
    max-width: 45%;
}
#bg-gradient-lipstick .gallery-exp.second,
#bg-gradient-skincare .gallery-exp.second,
#bg-gradient-armocromia .gallery-exp.second,
#bg-gradient-foundation .gallery-exp.second,
#bg-gradient-lip-gloss .gallery-exp.second {
    margin-top: 110px;
}
#bg-gradient-lipstick .gallery-exp.third,
#bg-gradient-skincare .gallery-exp.third,
#bg-gradient-armocromia .gallery-exp.third,
#bg-gradient-foundation .gallery-exp.third,
#bg-gradient-lip-gloss .gallery-exp.third {
    margin-top: 7px;
}
#bg-gradient-lipstick .gallery-exp.fourth,
#bg-gradient-skincare .gallery-exp.fourth,
#bg-gradient-armocromia .gallery-exp.fourth,
#bg-gradient-foundation .gallery-exp.fourth,
#bg-gradient-lip-gloss .gallery-exp.fourth {
    margin-top: 117px;
}
#bg-gradient-lipstick .gallery-exp.five,
#bg-gradient-skincare .gallery-exp.five,
#bg-gradient-armocromia .gallery-exp.five,
#bg-gradient-foundation .gallery-exp.five,
#bg-gradient-lip-gloss .gallery-exp.five {
    margin-top: 7px;
}
#bg-gradient-skincare .gallery-exp.six {
    margin-top: 117px;
}
#bg-gradient-lipstick .gallery-exp .img-wrapper,
#bg-gradient-skincare .gallery-exp .img-wrapper,
#bg-gradient-armocromia .gallery-exp .img-wrapper,
#bg-gradient-foundation .gallery-exp .img-wrapper,
#bg-gradient-lip-gloss .gallery-exp .img-wrapper {
    position: relative;
    max-width: 305px;
}
#bg-gradient-lipstick .gallery-exp img,
#bg-gradient-skincare .gallery-exp img,
#bg-gradient-armocromia .gallery-exp img,
#bg-gradient-foundation .gallery-exp img,
#bg-gradient-lip-gloss .gallery-exp img {
    border-radius: 10px;
}
#bg-gradient-lipstick .gallery-exp img.blurred,
#bg-gradient-skincare .gallery-exp img.blurred,
#bg-gradient-armocromia .gallery-exp img.blurred,
#bg-gradient-foundation .gallery-exp img.blurred,
#bg-gradient-lip-gloss .gallery-exp img.blurred {
    position: absolute;
    width: 90%;
    left: 5%;
    top: 20%;
    filter: blur(45px);
}
#bg-gradient-lipstick .gallery-exp img.main,
#bg-gradient-skincare .gallery-exp img.main,
#bg-gradient-armocromia .gallery-exp img.main,
#bg-gradient-foundation .gallery-exp img.main,
#bg-gradient-lip-gloss .gallery-exp img.main {
    position: relative;
}
#bg-gradient-lipstick .navigation.page,
#bg-gradient-skincare .navigation.page,
#bg-gradient-armocromia .navigation.page,
#bg-gradient-foundation .navigation.page,
#bg-gradient-lip-gloss .navigation.page {
    padding-top: 100px;
    padding-bottom: 100px;
}
#bg-gradient-lipstick .suggest-exp,
#bg-gradient-lipstick .reviews .title-reviews,
#bg-gradient-skincare .suggest-exp,
#bg-gradient-skincare .reviews .title-reviews,
#bg-gradient-armocromia .suggest-exp,
#bg-gradient-armocromia .reviews .title-reviews,
#bg-gradient-foundation .suggest-exp,
#bg-gradient-foundation .reviews .title-reviews,
#bg-gradient-lip-gloss .suggest-exp,
#bg-gradient-lip-gloss .reviews .title-reviews {
    font-family: 'editor-extrabold';
    font-weight: 400;
    font-size: 32px;
    line-height: 34px;
    color: #161336;
    margin-bottom: 25px;
}
.wrapper-summary-reviews {
    display: flex;
	align-items: flex-end;
    align-content: flex-end;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
#bg-gradient-lipstick .row.outro,
#bg-gradient-skincare .row.outro,
#bg-gradient-armocromia .row.outro,
#bg-gradient-foundation .row.outro,
#bg-gradient-lip-gloss .row.outro {
    padding-top: 105px;
    padding-bottom: 130px;
}
#bg-gradient-lipstick .outro h3,
#bg-gradient-skincare .outro h3,
#bg-gradient-armocromia .outro h3,
#bg-gradient-foundation .outro h3,
#bg-gradient-lip-gloss .outro h3 {
    font-family: 'editor-extrabold';
    font-size: 40px;
    line-height: 42px;
    color: #4D1659;
    max-width: 400px;
}
#bg-gradient-lipstick.lip-balm .outro h3 {
    color: #4C4672;
}
#bg-gradient-lip-gloss .outro .text-violet {
    color: #4C4672;
}
#bg-gradient-lipstick .outro h4,
#bg-gradient-skincare .outro h4,
#bg-gradient-armocromia .outro h4,
#bg-gradient-foundation .outro h4,
#bg-gradient-lip-gloss .outro h4 {
    font-family: 'gantari-regular';
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 25px;
    color: #161336;
    max-width: 412px;
}
#bg-gradient-lipstick .rplg-badge2-border,
#bg-gradient-skincare .rplg-badge2-border,
#bg-gradient-armocromia .rplg-badge2-border,
#bg-gradient-foundation .rplg-badge2-border,
#bg-gradient-lip-gloss .rplg-badge2-border {
    display: none;
}
#bg-gradient-lipstick .rplg-badge2-score svg use,
#bg-gradient-skincare .rplg-badge2-score svg use,
#bg-gradient-armocromia .rplg-badge2-score svg use,
#bg-gradient-foundation .rplg-badge2-score svg use,
#bg-gradient-lip-gloss .rplg-badge2-score svg use {
    fill: #161336;
}
#bg-gradient-lipstick r-p rp-slider rp-btn-prev svg path,
#bg-gradient-lipstick r-p rp-slider rp-btn-next svg path,
#bg-gradient-skincare r-p rp-slider rp-btn-prev svg path,
#bg-gradient-skincare r-p rp-slider rp-btn-next svg path,
#bg-gradient-armocromia r-p rp-slider rp-btn-prev svg path,
#bg-gradient-armocromia r-p rp-slider rp-btn-next svg path,
#bg-gradient-foundation r-p rp-slider rp-btn-prev svg path,
#bg-gradient-foundation r-p rp-slider rp-btn-next svg path,
#bg-gradient-lip-gloss r-p rp-slider rp-btn-prev svg path,
#bg-gradient-lip-gloss r-p rp-slider rp-btn-next svg path {
    fill: #fff;
}
#bg-gradient-lipstick .navigation.page .wrapper-suggested-box,
#bg-gradient-skincare .navigation.page .wrapper-suggested-box,
#bg-gradient-armocromia .navigation.page .wrapper-suggested-box,
#bg-gradient-foundation .navigation.page .wrapper-suggested-box,
#bg-gradient-lip-gloss .navigation.page .wrapper-suggested-box {
    display: flex;
    gap: 2%;
}
#bg-gradient-lipstick .navigation.page .suggested-box,
#bg-gradient-skincare .navigation.page .suggested-box,
#bg-gradient-armocromia .navigation.page .suggested-box,
#bg-gradient-foundation .navigation.page .suggested-box,
#bg-gradient-lip-gloss .navigation.page .suggested-box {
    background: linear-gradient(153deg, rgba(255, 255, 255, 0.38) 0%, rgba(255, 255, 255, 0.32) 100%);
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    border-radius: 25px;
    padding: 33px 24px 33px 24px;
    max-width: 32%;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5%;
}
#bg-gradient-lipstick.lip-balm .navigation.page .suggested-box {
    background: rgba(255, 210, 176, 0.6);
}
.suggested-box .img-suggest {
    width: 36%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.suggested-box .img-suggest img {
    filter: drop-shadow(15px 15px 15px rgba(0,0,0,0.3));
    max-height: 170px;
}
.suggested-box .description-suggest {
    width: 64%;
}
#bg-gradient-lipstick .navigation.page .suggested-box .title,
#bg-gradient-skincare .navigation.page .suggested-box .title,
#bg-gradient-armocromia .navigation.page .suggested-box .title,
#bg-gradient-foundation .navigation.page .suggested-box .title,
#bg-gradient-lip-gloss .navigation.page .suggested-box .title {
    font-family: 'editor-extrabold';
    font-size: 21px;
    line-height: 24px;
    color: #161336;
    margin-bottom: 20px;
    max-width: 269px;
}
#bg-gradient-lipstick.lip-balm .navigation.page .suggested-box .title {
    color: #4C4672;
}

/* LIPSTICK ONLINE GIFT CARD */

#gift-online {
    padding-top: 200px;
    padding-bottom: 130px;
    width: 100%;
}
.promo-active #gift-online {
    padding-top: 240px;
}
#gift-online .top-gift {
    position: relative;
}
#gift-online .top-gift .img-gift {
    position: absolute;
    top: -200px;
    right: -50px;
    height: 200%;
    z-index: -1;
}
#gift-online h1 {
    font-family: editor-light;
    font-size: 100px;
    line-height: 105px;
    text-transform: uppercase;
    background: linear-gradient(68.39deg, #C02660 3.6%, #F9837D 50.84%, #F9837D 98.08%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
#gift-online .subtitle {
    font-family: 'editor-medium';
    font-size: 51px;
    line-height: 55px;
    background: linear-gradient(68.39deg, #C02660 3.6%, #F9837D 50.84%, #F9837D 98.08%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    background-blend-mode: multiply;
    margin-bottom: 15px;
}
#gift-online .description {
    font-family: gantari-light;
    font-size: 20px;
    line-height: 29px;
    color: #3E3E3E;
}
#gift-online .price {
    font-family: editor-medium;
    font-size: 35px;
    line-height: 35px;
    color: #703535;
    margin-top: 30px;
}
#gift-online .add-to-cart {
    background: #4C4672;
    font-family: gantari-semibold;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    color: #FFFFFF;
    border-radius: 46px;
    filter: drop-shadow(0px 0px 14px rgba(76, 70, 114, 0.45));
}
#gift-online .how-it-works,
#bg-gradient-lipstick .how-it-works,
#bg-gradient-skincare .how-it-works,
#bg-gradient-armocromia .how-it-works,
#bg-gradient-foundation .how-it-works,
#bg-gradient-lip-gloss .how-it-works {
    position: relative;
}
#gift-online .how-it-works::before,
#bg-gradient-lipstick .how-it-works::before,
#bg-gradient-skincare .how-it-works::before,
#bg-gradient-armocromia .how-it-works::before,
#bg-gradient-foundation .how-it-works::before,
#bg-gradient-lip-gloss .how-it-works::before {
    content: "";
    position: absolute;
    left: -40px;
    top: 18px;
    width: 51px;
    height: 11px;
    background: url(../img/arrow-violet.svg);
    transform: rotate(90deg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#gift-online .how-it-works::before {
    background: linear-gradient(68.39deg, #C02660 3.6%, #F9837D 50.84%, #F9837D 98.08%);
}
#gift-online .how-it-works .title {
    font-family: editor-extrabold;
    font-size: 19px;
    line-height: 20px;
    background: linear-gradient(68.39deg, #C02660 3.6%, #F9837D 50.84%, #F9837D 98.08%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
#bg-gradient-lipstick .how-it-works .title,
#bg-gradient-skincare .how-it-works .title,
#bg-gradient-armocromia .how-it-works .title,
#bg-gradient-foundation .how-it-works .title,
#bg-gradient-lip-gloss .how-it-works .title {
    font-family: editor-extrabold;
    font-size: 19px;
    line-height: 20px;
    color: #4C4672;
}
#gift-online .how-it-works ol,
#bg-gradient-lipstick .how-it-works ol,
#bg-gradient-skincare .how-it-works ol,
#bg-gradient-armocromia .how-it-works ol,
#bg-gradient-foundation .how-it-works ol,
#bg-gradient-lip-gloss .how-it-works ol {
    margin: 0;
    margin-top: 10px;
    padding-left: 18px;
}
#gift-online .how-it-works li,
#bg-gradient-lipstick .how-it-works li,
#bg-gradient-skincare .how-it-works li,
#bg-gradient-armocromia .how-it-works li,
#bg-gradient-foundation .how-it-works li,
#bg-gradient-lip-gloss .how-it-works li {
    font-family: gantari-light;
    font-size: 15px;
    line-height: 20px;
    color: #3E3E3E;
}
#bg-gradient-foundation .wrapper-video {
    padding: 150px 0 0;
}
#bg-gradient-foundation .video-found video {
    max-width: 100%;
    height: auto;
    overflow: hidden;
}
#gift-online .overview,
#bg-gradient-lipstick .overview,
#bg-gradient-skincare .overview,
#bg-gradient-armocromia .overview,
#bg-gradient-foundation .overview{
    margin-top: 190px;
}
#bg-gradient-lip-gloss .overview {
    margin-top: 190px;
    position: relative;
    z-index: 1;
}
#gift-online .overview .col-lg-7 {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10%;
}
#gift-online .exp-steps h2,
#gift-online .exp-steps ol .index {
    color: #E9A9CF;
}
.ywgc_enter_code {
    background: transparent;
    margin-top: 0;
    padding: 0;
}
.ywgc_enter_code:hover {
    background: transparent;
}
.ywgc_enter_code .form-row-first {
    padding-right: 2px;
}
.ywgc_enter_code .form-row-last {
    padding-left: 2px;
}
.ywgc_enter_code p {
    font-family: gantari-regular;
    font-size: 17px;
    line-height: 17px;
    letter-spacing: 0.03em;
    color: #000;
    margin-bottom: 1.6em;
}
.ywgc_enter_code input[type="text"] {
    font-family: gantari-regular;
    background: #F5F5F5 !important;
    border: 1px solid #000 !important;
    border-radius: 7px !important;
    padding: 13px !important;
    max-height: 42px;
    color: #000 !important;
    font-size: 14px !important;
    letter-spacing: 0.03em;
    width: 100%;
}
.ywgc_enter_code input[type="text"]:focus-visible {
    outline: none;
}
.ywgc_enter_code button[type="submit"] {
    background: #373737 !important;
    font-family: gantari-semibold;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #fff;
    padding: 5px 50px;
    margin-top: 0;
}
/* CALENDAR AVAILABILITY*/

#availabilityModal .modal-body {
    padding: 0;
}
#availabilityModal .modal-content {
    border-radius: 8px;
    border: none;
    min-height: 50%;
}
#availabilityModal .modal-dialog {
    max-width: 480px;
}
#availabilityModal .calendar-days td {
    background: #fff;
    border: none;
    padding: 0 8px;
}
#availabilityModal .calendar-days td .day-background {
    width: 100%;
    max-width: 31px;
    height: 46px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: transparent;
    cursor: pointer;
}
#availabilityModal .calendar-days td .day-background.checked {
    background: #E7E7E7;
}
#availabilityModal .calendar-days td .day-background .day-wrapper {
    font-family: 'gantari-regular';
    font-size: 15px;
    line-height: 16px;
    text-align: center;
    color: #283C70;
    position: relative;
}
#availabilityModal .calendar-days .day-wrapper.inactive {
    color: #aaaaaa;
}
#availabilityModal .calendar-days .day-wrapper.active + .circle {
    width: 7px;
    height: 7px;
    background: #000;
    border-radius: 100%;
    margin: 5px auto 0;
}
#availabilityModal .calendar-days .day-background.not-available .circle {
    background: #EB001B;
}
#availabilityModal .calendar-days .day-background.available .circle {
    background: #2ACD4E;
}
#availabilityModal .calendar-days .day-background.partially-available .circle {
    background: #FFAF36;
}
#availabilityModal table.calendar-days {
    border: none;
}
#availabilityModal table.calendar-days thead tr th div {
    font-family: 'gantari-semibold';
    font-size: 12.217px;
    line-height: 16px;
    text-align: center;
    color: #AAAAAA;
    text-transform: uppercase;
}
#availabilityModal table.calendar-days thead tr th {
    border: none;
}
#availabilityModal .calendar-wrapper .month-header {
    background: #fff;
    border-radius: 8px 8px 0 0;
    padding: 0px 21px 13px;
}
#availabilityModal .calendar-wrapper .month-header .month-title.current {
    font-family: 'Gantari-extrabold';
    font-style: normal;
    font-weight: 800;
    font-size: 17.7831px;
    line-height: 25px;
    text-transform: uppercase;
    color: #161336;
}
#availabilityModal .calendar-wrapper .month-header button.change-month {
    background: transparent;
    padding: 0;
}
#availabilityModal .calendar-wrapper .month-header .change-month:disabled {
    opacity: 0.7;
}
#availabilityModal .wrapper-availability {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 25px;
    padding: 12px 21px 21px;
    border: none;
    border-top: 0;
    border-radius: 0 0 8px 8px;
    background: #fff;
    width: 100%;
}
#availabilityModal .wrapper-availability .availability {
    display: flex;
    align-items: center;
    gap: 6px;
}
#availabilityModal .wrapper-availability .availability .circle {
    width: 7px;
    height: 7px;
    border-radius: 100%;
}
#availabilityModal .wrapper-availability .availability.full .circle {
    background: #2ACD4E;
}
#availabilityModal .wrapper-availability .availability.middle .circle {
    background: #FFAF36;
}
#availabilityModal .wrapper-availability .availability.empty .circle {
    background: #EB001B;
}
#availabilityModal .wrapper-availability .availability .title {
    font-family: 'gantari-regular';
    font-size: 14px;
    line-height: 16px;
    color: #666577;
}
#availabilityModal table.calendar-days thead tr th div {
    font-size: 0;
}
#availabilityModal table.calendar-days thead tr th div::first-letter {
    font-size: 15px;
}
#availabilityModal .calendar-wrapper hr {
    background: #aaaaaa;
    margin: 22px auto 12px;
    width: calc(100% - 42px);
}
#availabilityModal .slot-calendar {
    margin: 0;
    padding: 0 10px;
}
#availabilityModal .slot-calendar .col-lg-6.col-md-12:last-of-type {
    margin-bottom: 6px;
}
#availabilityModal .slot-calendar .single-slot {
    filter: drop-shadow(0px 0px 17px rgba(0, 0, 0, 0.1));
    background: #fff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    padding: 12px 9px;
    font-family: 'gantari-regular';
    font-size: 12px;
    line-height: 14px;
    color: #AAAAAA;
    cursor: pointer;
}
#availabilityModal .slot-calendar .single-slot strong {
    font-family: 'gantari-bold';
    color: #283C70;
    font-size: 13px;
    line-height: 15px;
}
#availabilityModal .slot-calendar .single-slot.not-available strong {
    color: #AAAAAA;
    cursor: unset;
}
#availabilityModal .modal-header {
    padding: 21px;
    border: none;
    justify-content: flex-end;
}
#availabilityModal .modal-header button {
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    opacity: 1;
    background-image: url('../img/close-calendar.svg');
    background-size: cover;
    transition: all 0.3s;
}
#availabilityModal .modal-header button:hover {
    opacity: 0.5;
    background-color: transparent;
}
#availabilityModal button.back-to-calendar {
    display: none;
    width: 20px;
    height: 20px;
    background: transparent;
    background-image: url('../img/back-calendar.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
#availabilityModal .wrapper-notes {
    display: none;
    flex-direction: column;
    padding: 0 27px 27px;
}
#availabilityModal .wrapper-notes img.img-notes {
    height: 180px;
    margin: 0 auto 30px;
    filter: drop-shadow(2px 9px 5px rgba(0,0,0,0.5));
}
#availabilityModal .wrapper-notes .title-notes {
    font-family: 'gantari-extrabold';
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px;
}
#availabilityModal .wrapper-notes .title-notes .gradient {
    background: linear-gradient(262.3deg, #BFA4EA 5.67%, #FA5F8C 96.72%), #FFFFFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
#availabilityModal .wrapper-notes .title-notes .not-gradient {
    color: #283C70;
}
#availabilityModal .wrapper-notes .subtitle-notes {
    font-family: 'gantari-regular';
    font-size: 16px;
    line-height: 19px;
    color: #AAAAAA;
    margin-bottom: 10px;
}
#availabilityModal .wrapper-notes .price {
    font-family: 'gantari-bold';
    font-size: 23px;
    line-height: 28px;
    color: #161336;
    margin-bottom: 5px;
}
#availabilityModal .wrapper-notes .price del {
    font-size: 70%;
    opacity: 0.5;
}
#availabilityModal .wrapper-notes .double-cta button {
    font-family: 'gantari-bold';
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 13px 22px;
    border-radius: 16px;
    border: 2px solid #161336;
    transition: all 0.3s;
}
#availabilityModal .wrapper-notes .double-cta .lipstick-in-store button:hover,
#availabilityModal .wrapper-notes .double-cta .top-gift button:hover {
    background: #6A5AE0;
    border-color: #6A5AE0;
    color: #fff;
}
#availabilityModal .wrapper-notes .double-cta {
    gap: 5px;
    margin-top: 15px;
}
#availabilityModal .wrapper-notes .double-cta .lipstick-in-store button {
    color: #FFFFFF;
    background: #161336;
}
#availabilityModal .wrapper-notes .double-cta .top-gift button {
    color: #161336;
    background: transparent;
}


@media screen and (min-width:992px) and (max-width: 1200px) {
    .opening-lipstick h1 {
        font-size: 90px;
        line-height: 90px;
    }
    #gift-online .top-gift .img-gift {
        height: 158%;
    }
    #bg-gradient-lipstick .navigation.page .suggested-box,
    #bg-gradient-skincare .navigation.page .suggested-box,
    #bg-gradient-armocromia .navigation.page .suggested-box,
    #bg-gradient-foundation .navigation.page .suggested-box,
    #bg-gradient-lip-gloss .navigation.page .suggested-box {
        padding: 30px 25px 30px;
        display: block;
        text-align: center;
    }
    .suggested-box .img-suggest {
        width: 100%;
        margin-bottom: 20px;
    }
    .suggested-box .img-suggest img {
        height: 150px;
    }
    .suggested-box .description-suggest {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
@media screen and (max-width: 991px) {
    #gift-online .top-gift .img-gift {
        top: -100px;
        height: 150%;
    }
    #gift-online h1 {
        font-size: 80px;
        line-height: 80px;
    }
	#gift-online .subtitle {
        font-size: 45px;
        line-height: 50px;
    }
    #gift-online .how-it-works {
        margin-top: 50px;
    }
    #bg-gradient-lipstick .double-cta form.lipstick-in-store .add-to-cart,
    #bg-gradient-skincare .double-cta form.lipstick-in-store .add-to-cart,
    #bg-gradient-armocromia .double-cta form.lipstick-in-store .add-to-cart,
    #bg-gradient-foundation .double-cta form.lipstick-in-store .add-to-cart,
    #bg-gradient-lip-gloss .double-cta form.lipstick-in-store .add-to-cart,
    #bg-gradient-lipstick a.prova-online,
    #bg-gradient-skincare a.prova-online,
    #bg-gradient-armocromia a.prova-online,
    #bg-gradient-foundation a.prova-online,
    #bg-gradient-lip-gloss a.prova-online {
        padding: 17px 18px;
    }
}
@media screen and (min-width:768px) and (max-width: 991px) {
    #bg-gradient-lipstick .opening-lipstick,
    #bg-gradient-skincare .opening-skincare,
    #bg-gradient-armocromia .opening-armocromia,
    #bg-gradient-foundation .opening-foundation,
    #bg-gradient-lip-gloss .opening-lip-gloss {
        padding: 200px 0 40px;
    }    
    #bg-gradient-lipstick .opening-lipstick h1,
    #bg-gradient-skincare .opening-skincare h1,
    #bg-gradient-armocromia .opening-armocromia h1,
    #bg-gradient-foundation .opening-foundation h1,
    #bg-gradient-lip-gloss .opening-lip-gloss h1 {
        font-size: 41px;
        line-height: 44px;
    }
    #bg-gradient-lipstick .navigation.page .suggested-box,
    #bg-gradient-skincare .navigation.page .suggested-box,
    #bg-gradient-armocromia .navigation.page .suggested-box,
    #bg-gradient-foundation .navigation.page .suggested-box,
    #bg-gradient-lip-gloss .navigation.page .suggested-box {
        padding: 20px 18px 25px;
        display: block;
        text-align: center;
    }
    .suggested-box .img-suggest {
        width: 100%;
        margin-bottom: 20px;
    }
    .suggested-box .img-suggest img {
        max-height: 150px;
    }
    .suggested-box .description-suggest {
        width: 100%;
    }
    #bg-gradient-lipstick .suggested-box a.go-to-suggested,
    #bg-gradient-skincare .suggested-box a.go-to-suggested,
    #bg-gradient-armocromia .suggested-box a.go-to-suggested,
    #bg-gradient-foundation .suggested-box a.go-to-suggested,
    #bg-gradient-lip-gloss .suggested-box a.go-to-suggested {
        padding: 15px 10px;
    }
    #bg-gradient-lipstick .row.intro,
    #bg-gradient-skincare .row.intro,
    #bg-gradient-armocromia .row.intro,
    #bg-gradient-foundation .row.intro,
    #bg-gradient-lip-gloss .row.intro {
        align-items: center;
    }
}
@media only screen and (min-width:768px){
    #availabilityModal .modal-header .logo-calendar {
        display: none;
    }
}
@media only screen and (max-width:767px){
    #bg-gradient-lipstick,
    #bg-gradient-skincare,
    #bg-gradient-armocromia,
    #bg-gradient-foundation,
    #bg-gradient-lip-gloss {
        overflow: hidden;
    }
    #bg-gradient-lipstick .opening-lipstick,
    #bg-gradient-skincare .opening-skincare,
    #bg-gradient-armocromia .opening-armocromia,
    #bg-gradient-foundation .opening-foundation,
    #bg-gradient-lip-gloss .opening-lip-gloss {
        padding: 120px 0 40px;
    }
    #bg-gradient-lipstick .row.intro,
    #bg-gradient-skincare .row.intro,
    #bg-gradient-armocromia .row.intro,
    #bg-gradient-foundation .row.intro,
    #bg-gradient-lip-gloss .row.intro {
        flex-direction: column-reverse;
    }
    .opening-lipstick {
        padding: 390px 0 20px;
    }
    #bg-gradient-lipstick .shadow-lp-lipstick,
    #bg-gradient-skincare .shadow-lp-skincare,
    #bg-gradient-armocromia .shadow-lp-armocromia,
    #bg-gradient-foundation .shadow-lp-foundation,
    #bg-gradient-lip-gloss .shadow-lp-lip-gloss {
        top: -30%;
        width: 600px;
        left: -18%;
    }
    #bg-gradient-lipstick .ellipse-lp-lipstick,
    #bg-gradient-skincare .ellipse-lp-skincare,
    #bg-gradient-armocromia .ellipse-lp-armocromia,
    #bg-gradient-lip-gloss .ellipse-lp-lip-gloss {
        width: 900px;
        top: 46%;
    }
    #bg-gradient-skincare img.face-cream-store,
    #bg-gradient-armocromia img.armocromia-img,
    #bg-gradient-foundation img.foundation-store,
    #bg-gradient-lip-gloss img.lip-gloss-store {
        max-width: 280px;
        max-height: 370px;
    }
    #bg-gradient-lipstick .row.intro img.double-lipstick {
        max-width: 380px;
    }
    #bg-gradient-lipstick .row.intro img.ipad-lipstick {
        margin-top: 30px;
    }
    #bg-gradient-lipstick img.gift-card-img,
    #bg-gradient-skincare img.gift-card-img,
    #bg-gradient-armocromia img.gift-card-img,
    #bg-gradient-foundation img.gift-card-img,
    #bg-gradient-lip-gloss img.gift-card-img {
        margin-top: 30px;
    }
    #bg-gradient-lipstick .opening-lipstick h1,
    #bg-gradient-skincare .opening-skincare h1,
    #bg-gradient-armocromia .opening-armocromia h1,
    #bg-gradient-foundation .opening-foundation h1,
    #bg-gradient-lip-gloss .opening-lip-gloss h1 {
        font-size: 35px;
        line-height: 35px;
        margin-top: 40px;
    }
    #bg-gradient-lipstick .row.outro,
    #bg-gradient-skincare .row.outro,
    #bg-gradient-armocromia .row.outro,
    #bg-gradient-foundation .row.outro,
    #bg-gradient-lip-gloss .row.outro {
        padding-top: 105px;
        padding-bottom: 55px;
    }
    #bg-gradient-lipstick .outro h3,
    #bg-gradient-skincare .outro h3,
    #bg-gradient-armocromia .outro h3,
    #bg-gradient-foundation .outro h3,
    #bg-gradient-lip-gloss .outro h3 {
        font-size: 35px;
        line-height: 35px;
    }
    #bg-gradient-lipstick .opening-lipstick h4,
    #bg-gradient-skincare .opening-skincare h4,
    #bg-gradient-armocromia .opening-armocromia h4,
    #bg-gradient-foundation .opening-foundation h4,
    #bg-gradient-lip-gloss .opening-foundation h4,
    #bg-gradient-lipstick .outro h4,
    #bg-gradient-skincare .outro h4,
    #bg-gradient-armocromia .outro h4,
    #bg-gradient-foundation .outro h4,
    #bg-gradient-lip-gloss .outro h4 {
        font-size: 17px;
        line-height: 20px;
    }
    #gift-online .how-it-works,
    #bg-gradient-lipstick .how-it-works,
    #bg-gradient-skincare .how-it-works,
    #bg-gradient-armocromia .how-it-works,
    #bg-gradient-foundation .how-it-works,
    #bg-gradient-lip-gloss .how-it-works {
        display: none;
    }
    #gift-online .how-it-works::before, 
    #bg-gradient-lipstick .how-it-works::before,
    #bg-gradient-skincare .how-it-works::before,
    #bg-gradient-armocromia .how-it-works::before,
    #bg-gradient-foundation .how-it-works::before,
    #bg-gradient-lip-gloss .how-it-works::before {
        position: relative;
        left: 0;
    }
    .cta-lipstick {
        margin-bottom: 40px;
        max-width: 365px;
    }
    .cta-lipstick .d-flex {
        flex-wrap: wrap;
    }
    .exp-steps {
        position: unset;
    }
    #gift-online .overview,
    #bg-gradient-lipstick .overview,
    #bg-gradient-skincare .overview,
    #bg-gradient-armocromia .overview,
    #bg-gradient-foundation .overview,
    #bg-gradient-lip-gloss .overview {
        margin-top: 35px;
    }
    #bg-gradient-lipstick .exp-steps h2,
    #bg-gradient-skincare .exp-steps h2,
    #bg-gradient-armocromia .exp-steps h2,
    #bg-gradient-foundation .exp-steps h2,
    #bg-gradient-lip-gloss .exp-steps h2 {
        font-size: 35px;
        line-height: 35px;
    }
    .exp-steps ol {
        width: 100%;
    }
    .gallery-exp.second {
        margin-top: 55px;
    }
    .gallery-exp.third {
        margin-left: 0;
        margin-top: -15px;
    }
    .gallery-exp.fourth {
        margin-top: 35px;
        margin-left: 0px;
    }
    .gallery-exp.five {
        margin-top: -10px;
    }
    .container.descrizione .col-lg-7 {
        margin-top: 50px;
    }
    #bg-gradient-lipstick .recap .d-flex {
        flex-wrap: wrap;
    }
    #bg-gradient-lipstick .navigation.page .suggested-box,
    #bg-gradient-skincare .navigation.page .suggested-box,
    #bg-gradient-armocromia .navigation.page .suggested-box,
    #bg-gradient-foundation .navigation.page .suggested-box,
    #bg-gradient-lip-gloss .navigation.page .suggested-box {
        max-width: 100%;
        padding: 35px;
    }
    #bg-gradient-lipstick .navigation.page .wrapper-suggested-box,
    #bg-gradient-skincare .navigation.page .wrapper-suggested-box,
    #bg-gradient-armocromia .navigation.page .wrapper-suggested-box,
    #bg-gradient-foundation .navigation.page .wrapper-suggested-box,
    #bg-gradient-lip-gloss .navigation.page .wrapper-suggested-box {
        flex-wrap: wrap;
        row-gap: 20px;
    }
    #bg-gradient-lipstick .navigation.page .suggested-box .title,
    #bg-gradient-skincare .navigation.page .suggested-box .title,
    #bg-gradient-armocromia .navigation.page .suggested-box .title,
    #bg-gradient-foundation .navigation.page .suggested-box .title,
    #bg-gradient-lip-gloss .navigation.page .suggested-box .title {
        font-size: 22px;
        line-height: 24px;
        max-width: 180px;
    }
    .promo-active #gift-online {
        padding-top: 270px;
    }
    #gift-online h1 {
        font-size: 60px;
        line-height: 60px;
    }
    #gift-online .subtitle {
        font-size: 38px;
        line-height: 42px;
    }
    #gift-online .top-gift .img-gift {
        position: unset;
        height: auto;
        margin-top: -10%;
    }
    #gift-online .how-it-works {
        margin-top: 30px;
    }
    #gift-online .overview {
        margin-top: 130px;
    }
    #availabilityModal .modal-dialog {
        min-width: 100%;
        height: 100%;
        margin: 0;
        align-items: flex-start;
    }
    #availabilityModal .modal-dialog:before {
        content: '';
        width: 100%;
        height: 370px;
        position: absolute;
        top: 0;
        background: linear-gradient(180deg, #C1A3E7 0%, #FDB4C9 100%);
    }
    #availabilityModal .modal-dialog:after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        background: #fff;
        z-index: -1;
    }
    #availabilityModal .select-experience label span {
        padding: 10px 13px;
        font-size: 15px;
        flex-wrap: wrap;
    }
    #availabilityModal .modal-header {
        padding-bottom: 50px;
        position: relative;
        padding-top: 0;
    }
    #availabilityModal .modal-body {
        overflow-y: unset;
    }
    #availabilityModal .modal-content {
        background: transparent;
        padding-top: 65px;
        overflow-y: auto;
    }
    #availabilityModal .calendar-wrapper .month-header {
        background: transparent;
        padding-bottom: 35px;
    }
    #availabilityModal .calendar-wrapper .calendar-days {
        margin: 0 5%;
        width: 90%;
        background: #fff;
        border-radius: 8px;
    }
    #availabilityModal .calendar-wrapper .month-header .month-title.current {
        color: #fff;
        font-size: 24px;
        line-height: 28px;
    }
    #availabilityModal .calendar-wrapper .month-header button.change-month img {
        filter: brightness(100);
        height: 19px;
        width: 11px;
    }
    #availabilityModal .wrapper-availability {
        column-gap: 15px;
        row-gap: 7px;
    }
    #availabilityModal .wrapper-notes {
        background: #fff;
        width: 90%;
        margin: 0 5%;
        border-radius: 8px;
        padding-top: 30px;
    }
    #availabilityModal .logo-calendar {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    #availabilityModal table.calendar-days thead tr th {
        padding-top: 19px;
    }
}
@media screen and (min-width:551px) {
    #bg-gradient-foundation .wrapper-video-mobile {
        display: none;
    }
}
@media screen and (max-width:550px) {
    .container.video-found {
        padding: 0;
    }
    #bg-gradient-foundation .wrapper-video {
        display: none;
    }
    #bg-gradient-foundation .wrapper-video-mobile {
        padding: 80px 0 0;
    }
    #bg-gradient-foundation .overview {
        margin-top: 65px;
    }
}