#wrapper{
    width: 100% !important;
    max-width: 100% !important;
   
    
}

.header-top-max-with, .breadcrumbContent{
    max-width: 1250px;
    margin: auto;
    
    
}

#wrapper.pt_category-wide .site-width-slot, #wrapper.pt_category-wide .breadcrumb-container {
    max-width: 100% !important;
    margin: 0 auto;
}

.h2-luna{
    font-family:var(---primary-font); !important;
    font-size: 38px !important;
    line-height: 38px;
    text-align: center;
    font-weight: 400 !important;
    color:#ffffff !important;
}

.p-luna{color:#ffffff;font-size: 15px !important;}

.h2-serum{  
    font-family:var(---primary-font); !important;
    font-size: 38px !important;
    line-height: 38px;
    text-align: center;
    font-weight: 400 !important;
}

.p-serum{color:#000000;font-size: 15px !important; padding-left:20px; padding-right:20px;}


@media (min-width:1025px){
    

.txt-serum{
   position:absolute;width:100%;margin:auto;margin-top:20px;
  
    }
}

.txt-serum{
    
    
    
}


.display-in-line{
    display:inline;
    font-size: 14px !important;
    text-transform: uppercase;
}

.h2-font-size{
    font-size: 15px !important;
    font-weight: 400;
}

@media (min-width:1025px){
    .relative-luna{
        position:relative;width:100%;margin:auto;
        padding: 30px;

        min-height: 350px;

       
        background-size: cover;
    }
    
    .absolute-luna{
        position:absolute;width:100%;margin:auto;margin-top:-100px;margin-bottom:100px;
        
    }
    
    .luna-desk{padding-top:80px;}
    
    .box-bella{ margin-top:30px;margin-bottom:38px;}
    
}


@media (max-width:1024px){
    .relative-luna{
       
        background-size: cover;
        padding: 30px;
        
    }
    
     .box-bella{ margin-bottom:38px;    margin-top: 10px;}
    
}


.color-text-1{color:#f4b2dc !important;}
.color-text-2{color:#fc6c0f !important;}
.color-text-3{color:#c20f2f !important;}
.color-text-4{color:#9594c9 !important;}


.bg-title-1{color:#ffffff !important; background-color: #f07c93 !important; padding: 5px 10px 5px 10px;font-size: 20px; text-transform: uppercase;    line-height: 34px;}
.bg-title-2{color:#ffffff !important; background-color:#fac29d !important; padding: 5px 10px 5px 10px;padding-right: 5px;font-size: 20px; text-transform: uppercase;    line-height: 34px;}
.bg-title-3{color:#ffffff !important; background-color:#b40025 !important; padding: 5px 10px 5px 10px;padding-right: 5px;font-size: 20px; text-transform: uppercase;    line-height: 34px;}
.bg-title-4{color:#ffffff !important; background-color:#c4b596 !important; padding: 5px 10px 5px 10px;padding-right: 5px;font-size: 20px; text-transform: uppercase;    line-height: 34px;}

.sottotitolo {
    font-size: 34px;
    color: var(---Clarins-red-00);
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 15px;
    font-family: var(---primary-font) !important;
    
}

.color-red{ color: var(---Clarins-red-01);}

.testo-margin-box {
    margin-right: 10px;
    margin-left: 10px;
}


.box-image-left{ text-align: left;}
.box-image-right{ text-align: right;}

.box-image-left img{width: 100%;}
.box-image-right img{width: 100%;}


.productNumber{ margin-bottom: 20px;}
.productNumber h2 { 
    margin-top: 10px; 
    margin-bottom: 15px !important;
}

@media (max-width: 991px){
    section#sectionDiagonale .right {
        margin-top: 45px;
    }
}


.title {
    color: var(---Clarins-red-00);
    margin: 40px 0;
    font-size: 46px;
    line-height: 40px;
    text-align: center;
    font-family: var(---primary-font);
    font-weight: 400;
}



.title-inbox {
    color: var(---Clarins-red-00);
    font-size: 38px !important;
    line-height: 38px;
    text-align: center;
    font-family: var(---primary-font);
    font-weight: 400 !important;
    margin: 0px;
   
    
}
@media (min-width: 1024px){
   .title-inbox {
       margin: 40px 0;
    }
}


@media (min-width:992px){

    .title { 
        font-size: 46px;
        line-height: 48px;
    }
    
    .box-padding-top{margin-top: 100px;}

}

@media (max-width:991px){
    
    .title { 
        font-size: 30px;
    }
    
    .box-promo-top{  margin-bottom: 0px;}
       
}


.text-gotham-ssm {
    font-family: 'Gotham SSm medium A','Gotham SSm medium B',Helvetica,Arial,sans-serif !important;
   
}
.text-gotham-ssmb {
    font-family: 'Gotham SSm book A','Gotham SSm book B',Helvetica,Arial,sans-serif !important;
   
}

h2.text-gotham-ssm{
    margin-bottom: 5px;
}



.make-up-box-1{font-size: 15px !important;   line-height: 20px; padding: 20px; }

.redCta {
    width: 200px;
    border-radius: 5px;
}
.redCta {
    background-color: var(---Clarins-red-02);
}
.redCta {
    display: block;
    margin: 10px auto;
    color: #fff !important;
    border: 2px solid var(---Clarins-red-01);
    transition: .3s;
    padding: 10px;
    text-align: center;
}

.redCta:hover {
    color: #ffffff !important
}


.productNumber h2{ 
    font-size: 30px;    
    font-weight: 400; 
    color: var(---Clarins-red-00);
}
.productNumber h2 a{ 
    color: var(---Clarins-red-00);
     font-weight: 400; 
     font-family: 'Gotham SSm book A','Gotham SSm book B',Helvetica,Arial,sans-serif !important;
}


@media (min-width:992px){
    .box-right{ text-align: right;}
    .box-left{ text-align: left;}
}

.clarins-ti-regala{
    margin-top: 50px !important;
    margin-bottom: 0px !important;
    font-family: var(---primary-font) !important;
    font-size: 38px !important;
}


/* BOX PROMO */

@media (min-width: 992px) {

    .box-banner-a::before {
        position: absolute;
        content: " ";
        display: block;
        background-image: url(../images/ribbon-Desktop.png);
        background-repeat: no-repeat;
        width: 59%;
        height: 82px;
        top: -65px;
        left: 0;
        background-size: 100%;
        background-position: left;
        background-repeat: no-repeat;
    }   

    /* Versione DAYS */
   
    .box-banner-b__::before {
        position: absolute;
        content: " ";
        display: block;
        background-image: url(../images/Clarins-logo.png);
        background-repeat: no-repeat;
        width: 24%;
        height: 100px;
        top: -55px;
        left: 63%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }  
   
    /* Versione DAYS CUORE */
    .box-banner-b::before {
        position: absolute;
        content: " ";
        display: block;
        background-image: url(../images/Clarins-logo.png);
        /* background-repeat: no-repeat; */
        width: 22%;
        height: 142px;
        top: -55px;
        left: 68%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;

    }  
    
    

    .box-banner-c::before {
        position: absolute;
        content: " ";
        display: block;
        background-image: url(../images/Clarins-logo.png);
        background-repeat: no-repeat;
        width: 24%;
        height: 150px;
        top: -55px;
        left: 63%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        border: 1px solid red;
    }      
    
}    
    
@media (max-width: 991px) {

    
    .box-banner-a{margin: auto;width: 90%;   }
    .box-banner-b{margin: auto;width: 90%; margin-bottom: 30px;   }
    
    .box-banner-a video{margin-top: -14px;  }
    
    .box-banner-a::before {
        content: " ";
        display: block;
        background-image: url(../images/ribbon-Desktop.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 100px;
        background-size: cover;
        background-position:bottom !important;
        background-repeat: no-repeat;
     /*   margin-bottom: -15px; */
          
        
       
      
    }   

    .box-banner-b__::before {
        position: absolute;
        content: "";
        display: block;
        background-image: url(../images/Clarins-logo.png);
        background-repeat: no-repeat;
        width: 40%;
        height: 100px;
        top: -53px;
        left: 34%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
       
    }  
    
    .box-banner-b::before {
        position: absolute;
        content: "";
        display: block;
        background-image: url(../images/Clarins-logo.png);
        background-repeat: no-repeat;
        width: 60%;
        height: 120px;
        top: -42px;
        left: 22%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
       
       
    }  
    
    .box-banner-c::before {
    position: absolute;
    content: " ";
    display: block;
    background-image: url(../images/Clarins-logo.png);
    background-repeat: no-repeat;
    width: 250px !important;
    height: 150px !important;
    top: -46x !important;
  
    background-size: contain !important;
    background-position: left !important;
    background-repeat: no-repeat !important;
   
    left: calc(50% - 125px) !important;
    text-align: center;
    background-position: center;
}
    
    
/*
    .logo-prive::before {
        position: absolute;
        content: " ";
        display: block;
        background-image: url(./img/Clarins-days-prive.png);
        background-repeat: no-repeat;
        width: 24%;
        height: 150px;
        top: -55px;
        left: 63%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        border: 1px solid red;
    }   
    
    */
    
    
}    

    
    
.video-banner{width: 100%; text-align: left;}
.box-contain-banner{
    -webkit-box-shadow: 9px 9px 15px 0 rgba(0,0,0,.74);
    box-shadow: 9px 9px 15px 0 rgba(0,0,0,.74);
    background-color: var(---Clarins-red-02);  
    padding: 20px;
}
.box-contain-text{
   background-color: #ffffff; padding: 10px; 
}    

/* FINE BOX PROMO */










#clarins-premium-partner .monthly-offer-content__text::before {
   background-image: url(../images/Clarins-logo.png);
}
#clarins-premium-partner .monthly-offer-content__text.prive::before {
   background-image: url(../images/Clarins-logo.png);
}

@media (min-width: 1200px){
    #clarins-premium-partner .monthly-offer-content___background {
        width: 113% !important;

    }
    #clarins-premium-partner .monthly-offer-content__text {
        width: 106% !important;
    }    
    
    
}

@media (min-width:992px){

    .viso-ragazza{
      margin-bottom: 50px;


    }
    .viso-ragazza img{
        height: 420px; 
    }
    
    .domaine-clarince{position: absolute;top:20px;right:20px;z-index: 100; width: 100px}
    
    .text-gallery-absolute{position: absolute;top:20px;left:115px;z-index: 100; width: 50%; }
    
    
    

}

@media (min-width: 1200px){
#clarins-premium-partner .monthly-offer-content___background {
    height: 110% !important;
}
}



@media (max-width:991px){
    #clarins-premium-partner .monthly-offer-image::before {
        top: 0px !important;
    }
    
    .make-up-img{ width: 90%;}
    
    .domaine-clarince{position: absolute;top:20px;left:20px;z-index: 100; width: 100px}
    
    .text-gallery-absolute{position: absolute; margin-left: auto; width: 100%; text-align: center; z-index: 4 !important}
    
}
@media (min-width:992px){
    
    .showDesktop{
      
    } 
    .showMobile{
        display:none
    } 
    
   
    
}

@media (max-width:991px){
    
    
    #antiMixologie .text-content{
        font-size: 12px;
    }
    
    .bold-foglia {
        font-size: 12px;padding-top: 10px;
        
    }
    
    img.ambiente {
    width: 70%;
}

    
    .showDesktop, .isDesktop{
          display:none
    } 
    
     .img-ds{ margin-top: 10px; width: 70%; } 
    
}

@media (max-width:1200px) and (min-width:991px){
    .subtitle{
        width: 60%;
        margin-left: 20%;
    }
}

.suptitolo {
    font-size: 16px;
    color: #000000;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: -5px;
    margin-bottom: 5px;
}

@media (max-width:1000px){
    
    .gif-animata img{ width:100%;}
    
    #clarins-premium-partner .monthly-offer-image::before {
        top: 80px;   
    }
    
    .gif-animata.video video {
        width: 100%;
    }
    .gif-animata.video img{ width:100%;}
    
    #clarins-premium-partner  .monthly-offer-image.video::before {
           
}
    
    #clarins-premium-partner .monthly-offer-content__text.prive::before{
        position: absolute !important;
        content: " ";
        display: block !important;
        width: 70% !important;
        height: 151px !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        top: 0px !important;
        left: 0 !important;
        transform: translate(calc(15%), -70px) !important;
        z-index: 3 !important;
        background-position: center;
    
}
    
    
    
}


@media (min-width:1001px){
   .gif-animata img{ width:auto; height: 360px;}
   .gif-animata { height: 385px; /*height: 400px;*/}
    
    .gif-animata video {
        margin-top: -20px;
        width: 714px;
    }
    #clarins-premium-partner .monthly-offer-image::before {
        top: 3%;
    }
}

/* VUOI SCOPRIE */



#sectionDiagonale .left .horizon h2{
    
}

#sectionDiagonale .right{
    width:100%;
    
    min-height:310px
}





#sectionDiagonale .left .bg {
    background-color: #fff;
    width: 92%;
    height: 100%;
    left: 50%;
    transform: skew(2deg,-3deg) translate(-50%,0);
    box-shadow: 11px 1px 12px 0 rgb(0 0 0 / 50%);
    margin-top: 46px;
    position: absolute;
}
#sectionDiagonale .left .horizon{
    margin:20px auto;
    position:relative;
    z-index:2;
   width: 90%;
    padding:20px 0;
    text-align: center;
}
#sectionDiagonale .left .horizon .redCta{
     width: 200px;
    border-radius: 5px;
}

#sectionDiagonale .left{
    position:relative;
    z-index:2;
}
#sectionDiagonale .left::before{
    content:"";
   
    width:100%;
    position:absolute;
    z-index:2;
     
}  


@media (max-width:991px){
    
    #sectionDiagonaleBg{
    background-color:var(---Clarins-red-02);
   
    margin-top: 40px;
}
    
   
    #sectionDiagonale{
     /*   margin-top:45%;*/
    }

    #sectionDiagonale{
        min-height:100px;
      /*  margin-top:14% */
    }

    #sectionDiagonale .left{
    /*    top:45px */
    }
    #sectionDiagonale .left::before{
    /*    top:-76px; */
        height:80px;
    } 
    /*
   #sectionDiagonale .right{
    width:100%;
     background:url(../mani.jpg?version=1,662,454,749,000) 77% 100%/cover no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    min-height:310px
}
    */
  #sectionDiagonale .left .horizon { 
    padding-top: 80px;
 }   
}
@media (min-width:992px){
    
    
    #sectionDiagonaleBg{
    background-color:var(---Clarins-red-02);
    padding: 15px;
    margin-top: 40px;
}
    
    
    #sectionDiagonale{
    background: url(../mani.jpg?version=1,662,454,749,000);
    -webkit-background-size: 90% 100%;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-position-x: right;
}
    
    #sectionDiagonale{
        display:flex;
     /*   margin-top:75px */
    }
    #sectionDiagonale .left{
        top:-4px
    }
    #sectionDiagonale .left .bg{
        left:58%;
        width:100%;
        top:-70px
    }
    #sectionDiagonale .left .horizon{
       left: 35%;
    transform: translate(-28%,0);
    }
    
      #sectionDiagonale .left .horizon { 
    padding: 20px 0;
 }   
    
    #sectionDiagonale .left,#sectionDiagonale .right{
        width:50%
    }
    #sectionDiagonale .right{
        margin:14px
    }
    #sectionDiagonale .left::before{
        visibility:hidden
    }
    
}

@media (min-width: 1200px){
    #clarins-premium-partner .c-s {
        margin-top: 2%;
    }

    
    #clarins-premium-partner .monthly-offer-content__text::before {
       background-size: 310px !important;
        left: 415px !important;
       
}
  #clarins-premium-partner .monthly-offer-content___background {
   
    height: 105%!important;
   
}  
    
    #clarins-premium-partner .monthly-offer-content___background {
        top: 48.1vh !important;
     }
    
  .messaggio-asterisco{padding-top: 20px;}  
}

@media (max-width:992px){
    .messaggio-asterisco{padding: 20px;}  
    
    .box-testo-centrale-dono{padding-left: 20px;padding-right: 20px;}
    
    
    #clarins-premium-partner .c-s {
        margin-top: 60px;
    }

    
    
}