* {
    margin: 0;
}

#content_dev {
    max-width: 1440px;
    font-family: "Avalon-book" !important;
    font-size: 16px;
    line-height: 20px;
    /* margin: -9px auto; */
    margin: auto;
}

.contentflex {
    display: flex;
    text-decoration: none;
}

.contentflex.spacebetween {
    justify-content: space-between;
}

.contentflex.spacearound {
    justify-content: space-around;
}

.contentflex.flexwrap {
    flex-wrap: wrap;
}

.contentflex.alignitemcenter {
    align-items: center;
}

.contentflex.alignitembottom {
    align-items: baseline;
}

#content_dev .txtaligncenter {
    text-align: center;
}

#content_dev .txtalignright {
    text-align: right;
}

#content_dev .txtalignleft {
    text-align: left;
}

#content_dev .txtbold {
    font-family: "Avalon-demi" !important;
}

.hideondesk {
    display: none !important;
}

.ctablack {
    display: inline-block;
    margin: 10px 0;
    padding: 10px 20px;
    color: #fff;
    text-transform: uppercase;
    background-color: #000;
    text-decoration: none;
    letter-spacing: 1px;
    cursor: pointer;
    font-size: 16px !important;
}

.ctablack:hover {
    color: #CC0000;
}

.ctawhite {
    display: inline-block;
    padding: 10px 20px;
    color: #5b5b5b;
    text-transform: uppercase;
    background-color: #fff;
    text-decoration: none;
    letter-spacing: 1px;
}

.ctawhite:hover {
    color: #CC0000;
}

.width100 {
    width: 100%;
}

.dev_sep {
    height: 30px;
}

.displaynone {
    display: none !important;
}

.displayinlineblock {
    display: inline-block;
}

.content_dev_player {
    transition: opacity 0.3s ease-in-out;
}

.content_dev_player:hover {
    opacity: 0.8;
}


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

.column,
.columns {
    padding: 0 !important;
}

#content_dev .brand-button {
    display: inline-block;
}

#content_dev h2 {
    font-family: "avalon-bold" !important;
    font-size: 100px !important;
    line-height: 110px;
}

#content_dev label,
#content_dev input {
    display: none;
}

.wscat img {
    width: 80%;
}

.blackdiamond {
    font-family: "Black Diamond";
    font-size: 50px;
    color: #D50032;
    margin: 30px 0;
}

.content_dev_intro,
.content_dev_instit,
.content_dev_unlimited,
.content_dev_products,
.content_dev_fondatrices,
.content_dev_join,
.content_dev_selfie {
    width: 90%;
    margin: auto;
}

.bblack_ {
    background: #000;
}

#content_dev .section_footer {
    background: #000;
    padding: 60px 60px 23px 170px;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

#content_dev .section_footer .footer_left {
    display: flex;
    position: relative;
}

#content_dev .section_footer .footer_left .footer_strip {
    max-width: 100%;
    height: 78px;
    position: absolute;
    left: calc(50% - 23px);
    bottom: -23px;
    z-index: 10;
}

#content_dev .section_footer .footer_left div {
    position: relative;
}

#content_dev .section_footer .footer_left div img {
    padding: 0!important;
}

#content_dev img {
    padding: 0!important;
}

#content_dev .section_footer .footer_left div:first-of-type {
    margin-right: 35px;
}

#content_dev .section_footer .footer_left div p {
    font-size: 32px !important;
    color: #fff;
    line-height: 34px !important;
    position: absolute;
    top: -19px;
    left: -14px;
    font-family: 'Avalon-bold' !important;
}

#content_dev .section_footer .footer_right {
    padding: 0 40px;
}

#content_dev .section_footer .footer_right p {
    color: #fff;
    max-width: 400px;
}

#content_dev .section_footer .footer_right img {
    max-width: 80%;
    padding: 0 !important;
}

.content_dev_intro {
    min-height: 720px;
    font-family: "avalon-medium";
    font-size: 24px;
    line-height: 32px;
}

.content_dev_intro .content_dev_intro_bg {
    background: url("https://static.sephora.fr/www/webmaster/upob/v2020/img/upob_bg_intro.jpg") no-repeat;
    background-size: contain;
    background-position: top right;
    padding: 25px 0 0 260px;
}

.content_dev_intro .content_dev_intro_bg_de {
    background: #000 !important;
    height: fit-content;
}

.content_dev_intro .content_dev_intro_bg .de_mantra_intro {
    position: relative;
    padding: 20px 20px 0;
    background: #000;
}

#primary .content_dev_intro .content_dev_intro_bg .de_mantra_intro img {
    max-width: 100% !important;
}

#primary .content_dev_intro .content_dev_intro_bg .de_mantra_intro p {
    position: absolute;
    top: 9px;
    left: 4px;
    font-family: "avalon-bold";
    line-height: 24px !important;
    font-size: 22px !important;
    color: #fff;
}

.content_dev_intro .content_dev_intro_bg div {
    display: inline-block;
    width: 250px;
    height: 350px;
    font-family: "avalon-bold";
    line-height: 24px;
    color: #fff;
}

.content_dev_unlimited {
    width: 87%;
    background-color: #000;
    padding: 20px;
    align-items: flex-start !important;
}

.content_dev_unlimited .contentflexdiv:nth-child(2) img {
    width: 90%;
    margin: 0 0 5px 5px;
}

.content_dev_products .content_dev_product1 {
    height: 480px;
    background: url("LP/lp-upob-campaign/upob_player_unlimited_prod1.jpg?$staticlink$") no-repeat;
    background-size: 59%;
    background-position: center bottom;
}

.content_dev_products .content_dev_product2 {
    height: 480px;
    background: url("LP/lp-upob-campaign/upob_player_unlimited_prod2.jpg?$staticlink$") no-repeat;
    background-size: 77%;
    background-position: center top;
}

.content_dev_products .content_dev_product3 {
    height: 510px;
    background: url("LP/lp-upob-campaign/upob_player_unlimited_prod3.jpg?$staticlink$") no-repeat;
    background-size: 72%;
    background-position: center top;
}

.content_dev_products .content_dev_product4 {
    height: 510px;
    background: url("LP/lp-upob-campaign/upob_player_unlimited_prod4.jpg?$staticlink$") no-repeat;
    background-size: 70%;
    background-position: center bottom;
}

.content_dev_products a {
    color: #000;
    text-decoration: none;
}

.content_dev_products .content_dev_producttitle {
    color: #fff;
    font-family: "avalon-bold";
    font-size: 26px;
    line-height: 26px;
}

.content_dev_products .content_dev_product1,
.content_dev_products .content_dev_product2,
.content_dev_products .content_dev_product3,
.content_dev_products .content_dev_product4 {
    border: solid white 1px;
}

.content_dev_products .content_dev_product1 .content_dev_producttitle {
    margin: 50px 0 0 135px;
}

.content_dev_products .content_dev_product2 .content_dev_producttitle {
    margin: 50px 0 0 80px;
}

.content_dev_products .content_dev_product3 .content_dev_producttitle {
    margin: 69px 0 0 100px;
}

.content_dev_products .content_dev_product4 .content_dev_producttitle {
    margin: 76px 0 0 102px;
}

.content_dev_products .content_dev_productdesc {
    text-align: center;
}

.content_dev_products .content_dev_product1 .content_dev_productdesc {
    margin-top: 405px;
}

.content_dev_products .content_dev_product2 .content_dev_productdesc {
    margin: 410px 200px 0 0;
}

.content_dev_products .content_dev_product3 .content_dev_productdesc {
    margin: 395px 60px 0 0;
}

.content_dev_products .content_dev_product4 .content_dev_productdesc {
    margin: 420px 180px 0 0;
}

.content_dev_product2desccta {
    margin-right: 170px;
}

.content_dev_product3desccta {
    margin-right: 140px;
}

.content_dev_product4desccta {
    margin-right: 110px;
}

.content_dev_fondatrices .content_dev_fondatrice1 {
    background-color: #000;
    padding: 15px 15px 0;
}

.content_dev_fondatrices .content_dev_fondatrice1 .content_dev_fondatrice {
    display: inline-block;
    width: 30%;
    margin-right: 17px;
    color: #fff;
    font-family: "avalon-demi";
    font-size: 14px;
    line-height: 17px;
}

.content_dev_fondatrices .content_dev_fondatrice1 .content_dev_fondatrice p {
    margin-bottom: 8px;
}

.content_dev_fondatrices .content_dev_fondatrice1.content_x4 .content_dev_fondatrice {
    width: 45%;
    margin: 0 7px;
}

.content_dev_fondatrices .contentflexdiv:nth-child(2) {
    margin-left: 30px;
    font-size: 18px;
    line-height: 28px;
}

.content_dev_join {
    width: 80%;
}

.content_dev_join h2 {
    line-height: 80px !important;
}

.content_dev_join h3 {
    font-family: "avalon-bold";
    font-size: 45px;
    line-height: 45px;
    margin: 30px 0 20px;
}

.content_dev_join h4 {
    font-family: "avalon-bold";
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 20px;
}

.content_dev_join .content_dev_join_bg {
    min-height: 500px;
    background: url("https://static.sephora.fr/www/webmaster/upob/v2020/img/upob_jointhemovement.jpg") no-repeat;
    background-size: contain;
    background-position: center center;
    /* padding-left: 140px; */
    /* padding: 165px 0 0 140px; */
}

.content_dev_join .content_dev_join_bg .contentflex {
    width: 71%;
    margin-left: 80px;
    flex-wrap: wrap;
}

.content_dev_join .content_dev_join_bg .contentflex div {
    width: 40%;
    margin: 170px 0 0 26px;
    font-family: "avalon-bold";
    font-size: 24px;
    line-height: 24px;
    color: #fff;
}


/* .content_dev_join .content_dev_join_bg div {
    display: inline-block;
    width: 230px;
    height: 280px;
    font-family: "avalon-bold";
    font-size: 24px;
    line-height: 24px;
    color: #fff;
} */


/* .content_dev_join .content_dev_join_bg3,
.content_dev_join .content_dev_join_bg4 {
    height: 50px !important;
} */

.content_dev_selfie {
    width: 80%;
}

.content_dev_selfie .contentflexdiv:nth-child(2) {
    margin-left: 30px;
    font-size: 18px;
    line-height: 24px;
}

.content_dev_commitments {
    background-color: #bcbcbc;
    padding: 100px 0;
    text-transform: uppercase;
}

.content_dev_commitments .content_dev_commitmentstitle {
    font-family: "avalon-bold";
    font-size: 60px;
    line-height: 60px;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.content_dev_commitments .content_dev_commitmentsdesc {
    font-family: "avalon-medium";
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 1px;
}

.video_frame {
    display: none;
    margin-bottom: 30px;
    height: 0 !important;
}

.content_dev_49_49 .contentflexdiv {
    width: 49%;
}

.content_dev_39_60 .contentflexdiv:nth-child(1) {
    width: 39%;
}

.content_dev_39_60 .contentflexdiv:nth-child(2) {
    width: 60%;
}

.content_dev_60_39 .contentflexdiv:nth-child(1) {
    width: 60%;
}

.content_dev_60_39 .contentflexdiv:nth-child(2) {
    width: 39%;
}

.content_dev_70_30 .contentflexdiv:nth-child(1) {
    width: 100%;
}

.content_dev_70_30 .contentflexdiv:nth-child(2) {
    width: 16%;
    text-align: right;
}

.content_dev_separator30px {
    height: 30px;
}

.content_dev_separator70px {
    height: 70px;
}

.owl-arrows,
.slider-arrows {
    z-index: 999;
}

#content_dev .carouselend .produit {
    text-align: center;
}

#content_dev .carouselend .produit a {
    text-decoration: none;
}

#content_dev .carouselend .produit a p {
    margin: 0;
}

#content_dev .carouselend .produit img {
    display: inline-block;
    width: 150px;
    margin: 0;
}

#content_dev .blocbrand ul.slider .produit img {
    display: inline-block;
    width: 90%;
    margin: 0;
}

.widthinherit {
    width: inherit !important;
}

#content_dev .blocbrand ul.slider .produit .logoslider {
    height: 40px;
    width: auto;
    margin-bottom: 20px;
}

#content_dev .carouselend .produit p {
    width: inherit !important;
}

#content_dev .carouselend .produit .marque {
    font-family: "Avalon-demi";
    font-size: 17px;
    text-transform: uppercase;
    color: #000;
    margin-top: 10px;
}

#content_dev .carouselend .produit .libelle {
    font-size: 14px;
    color: #000;
}

#content_dev .carouselend .produit .prix {
    font-family: "Avalon-demi";
    font-size: 14px;
    color: #000;
    margin-top: 5px;
}

.content_dev_etape1 {
    background-color: #f4f2fa;
    padding: 40px 0;
}

.content_dev_etape1 h5 {
    font-style: italic;
}

.content_dev_etape1 .sf_contentflexglobal .sf_contentflexcolumn {
    display: inline-block;
    margin-left: 20px;
}

.content_dev_etape1 .sf_contentflexglobal .sf_contentflexcolumn:nth-child(1) {
    margin-left: 0;
}

.content_dev_etape1 .sf_teinte_fini_titre {
    background-color: #000;
    color: #fff;
    font-style: italic;
    padding: 10px 0;
}

.content_dev_etape1 .sf_teinte_fini div {
    width: 220px;
    background-color: #fff;
    margin-left: 20px;
}

.content_dev_etape1 .sf_teinte_fini div:nth-child(1) {
    margin-left: 0;
}

.content_dev_etape1 .sf_teinte_fini .sf_teinte {
    cursor: pointer;
    transition: opacity 0.3s ease-in-out;
}

.content_dev_etape1 .sf_teinte_fini .sf_teinte:hover {
    opacity: 0.8;
}

.content_dev_etape1 .sf_teinte_titre_1line {
    padding: 17px 0;
}

.content_dev_etape1 .sf_teinte_titre_2line {
    padding: 5px 0;
}

.content_dev_etape1 .sf_teinte_lips,
.content_dev_etape1 .sf_teinte_produit {
    width: 100%;
}

.content_dev_etape1 .sf_teinte_produit {
    width: 100%;
    margin: 20px 0;
}

.content_dev_etape1 .sf_teinte_prix {
    font-family: "Avalon-demi";
    margin: 0;
}

.content_dev_etape1 .sf_teinte_etoile {
    margin: 0;
}

.content_dev_etape1 .sf_teinte_avis {
    font-size: 12px !important;
}

.content_dev_etape1 .ctablack {
    display: block;
    margin: 0;
}

.content_dev_etape2 {
    padding: 40px 0;
}

.content_dev_etape2 .sf_contentflexglobal {
    width: 1270px;
    flex-wrap: wrap;
    margin: auto;
}

.content_dev_etape2 .sf_dyn_lips {
    width: 500px;
    height: 435px;
    overflow: hidden;
}


/* .content_dev_etape2 .sf_dyn_lipshover2 {
    display: none;
} */

.content_dev_etape2 .sf_dyn_lips2 {
    width: 500px;
    height: 1px;
}

.content_dev_etape2 .sf_dyn_produit {
    width: 340px;
}

.content_dev_etape2 .sf_dyn_lips img,
.content_dev_etape2 .sf_dyn_produit img {
    width: 100%;
}

.content_dev_etape2 .sf_dyn_teintes {
    width: 420px;
    align-self: center;
}

.sf_dyn_famillecolorielle {
    border-top: solid #000 1px;
    margin: 10px 0 20px;
    padding-top: 13px;
    display: none;
}

.sf_dyn_famillecolorielle div {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    font-family: "Avalon-demi";
    font-size: 14px !important;
    line-height: 16px;
    text-transform: uppercase;
    cursor: pointer;
}

.sf_dyn_famillecolorielle div:hover {
    color: #ba6170;
}

.sf_dyn_famillecolorielle div:nth-child(1) {
    margin-left: 0;
}

.sf_dyn_famillecolorielle div span {
    display: none;
    width: 60px;
    height: 15px;
    background-color: #ba6170;
    position: absolute;
    margin: -21px -6px 0;
}

.sf_dyn_famillecolorielle div:nth-child(2) span {
    margin: -21px -12px 0;
}

.sf_dyn_famillecolorielle div:nth-child(3) span {
    margin: -21px -15px 0;
}

.sf_dyn_famillecolorielle div:nth-child(4) span {
    margin: -21px -9px 0;
}

.sf_dyn_famillecolorielle div:nth-child(5) span {
    margin: -21px 2px 0;
}

.content_dev_etape2 .sf_dyn_teintesin {
    text-align: left;
}

.content_dev_etape2 .sf_dyn_teinte,
.content_dev_etape2 .sf_teinteselected {
    display: inline-block;
    width: 52px;
    height: 52px;
    padding: 14px 0 0;
    border-radius: 26px;
    color: #fff;
    font-family: "Avalon-demi";
    cursor: pointer;
    margin: 0 7px 10px 0;
    text-align: center;
}

.content_dev_etape2 .sf_teinteselected {
    border: solid #000 2px !important;
}

.content_dev_etape2 .sf_teintehover {
    border: solid #000 2px !important;
}

.content_dev_etape2 .sf_dyn_teintetitle {
    font-family: "Avalon-demi";
    text-transform: uppercase;
}

.content_dev_etape2 .sf_dyn_prixcta {
    width: 340px;
    height: 100px;
    margin-top: -95px;
}

.content_dev_etape2 .sf_dyn_prix {
    font-family: "Avalon-demi";
    margin: 10px 0;
}

.content_dev_etape2 .sf_dyn_autrefini {
    width: 410px;
    margin-top: -50px;
}

.content_dev_etape3 {
    background-color: #f4f2fa;
    padding: 40px 0;
}

.bestseller {
    width: 25%;
    overflow: hidden;
}

.bestseller p {
    font-family: "Avalon-demi";
    margin: 10px 0 0;
}

.sf_dyn_lipsslider img {
    width: 100%;
}

.product-carousel-title,
.content-title {
    text-align: center;
}

.product-carousel-title h2,
.content-title h2 {
    margin: 50px 0 30px;
}

.product-tile {
    width: 20%;
    float: left;
}

.slider-with-static-text-block {
    clear: both;
}

.content_dev_doyouknow {
    width: 100%;
    height: 882px;
    background: url("https://thegame.sephora.it/fentybeauty/img/fb_bg_doyouknow_desk.jpg?$staticlink$") no-repeat;
    padding-top: 30px;
}

.content_dev_doyouknow .title2 {
    letter-spacing: 5px;
    line-height: 28px;
    margin-bottom: 50px;
}

.content_dev_yes1,
.content_dev_almost {
    width: 100%;
    height: 882px;
    background: url("https://thegame.sephora.it/fentybeauty/img/fb_bg_yes1_desk.jpg?$staticlink$") no-repeat;
    padding-top: 30px;
}

.content_dev_almost {
    background: url("https://thegame.sephora.it/fentybeauty/img/fb_bg_almost_desk.jpg?$staticlink$") no-repeat;
}

.content_dev_thatsit {
    background: url("https://thegame.sephora.it/fentybeauty/img/fb_bg_thatsit_desk.jpg?$staticlink$") no-repeat;
}

.content_dev_yes1 .fb_text {
    padding: 170px 620px 0 0;
}

.content_dev_almost .fb_text {
    padding: 220px 0 0 600px;
}

.content_dev_yes1 .fb_text span,
.content_dev_almost .fb_text span {
    display: block;
    margin: 10px 0;
}

.content_dev_yes1 .title2,
.content_dev_almost .title2 {
    font-family: "Avalon-medium";
    text-transform: uppercase;
    font-size: 30px !important;
    line-height: 40px;
    letter-spacing: 10px;
}

.content_dev_yes1 .title3,
.content_dev_almost .title3 {
    letter-spacing: 5px;
    line-height: 28px;
    margin-bottom: 50px;
}

.content_dev_yes1 .title3 {
    width: 55%;
    margin: auto !important;
}

.content_dev_no1 .title3 {
    width: 70%;
    margin: auto !important;
}

.content_dev_yes2 {
    width: 100%;
    background-color: #f3e1db;
    padding: 30px 0;
}

.content_dev_yes2 .title2 {
    letter-spacing: 5px;
    line-height: 28px;
    margin-bottom: 50px;
}

.content_dev_yes2 .fb_blockshaderanges {
    margin: 30px auto 0;
}

.content_dev_yes2 .fb_blockshaderange {
    width: 1241px;
    margin: auto;
}

.content_dev_yes2 .fb_blockshaderange div {
    float: left;
    cursor: pointer;
}

.content_dev_yes2 .fb_blockshaderangetitle {
    clear: both;
    display: block;
    width: 1241px;
    margin: 0 auto 30px;
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 5px 0;
    font-size: 14px !important;
}

.content_dev_yes3 {
    width: 100%;
    height: 1643px;
    background: url("https://thegame.sephora.it/fentybeauty/img/fb_bg_yes3_desk.jpg?$staticlink$") no-repeat;
    padding-top: 30px;
}

.content_dev_yes3 .title2 {
    display: inline-block;
    letter-spacing: 5px;
    line-height: 28px;
    margin-bottom: 30px;
}

.content_dev_yes3 .fb_blockshades {
    margin-top: -60px;
}

.fb_menushade div {
    width: 47%;
    letter-spacing: 3px;
}

.fb_menushade_list {
    height: 20px;
    overflow: hidden;
}

.fb_menushade div span {
    font-family: "Avalon-medium";
    text-transform: uppercase;
    display: block;
    padding-bottom: 10px;
    cursor: pointer;
}

.fb_menushade div span.fb_menushadeselected {
    font-family: "Avalon-demi";
}

.fb_shadeouter {
    position: absolute;
    width: 233px;
    height: 130px;
    background-color: #fff;
    transform: rotate(90deg);
    cursor: pointer;
    z-index: 0;
}

.fb_shadeouter:before,
.fb_shadeouter:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 164px;
    height: 164px;
    -webkit-transform: scaleY(0.5774) rotate(-45deg);
    -ms-transform: scaleY(0.5774) rotate(-45deg);
    transform: scaleY(0.5774) rotate(-45deg);
    background-color: inherit;
    left: 30px;
}

.fb_shadeouter:before {
    top: -82px;
}

.fb_shadeouter:after {
    bottom: -83px;
}

.fb_shadeborder {
    position: absolute;
    width: 233px;
    height: 130px;
    background-color: #fff;
    /* margin: 86.60px 0; */
    border-left: solid 5px #000;
    border-right: solid 5px #000;
    right: -4px;
    z-index: 2;
    display: none;
}

.fb_shadeborder:before,
.fb_shadeborder:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 164px;
    height: 164px;
    -webkit-transform: scaleY(0.5774) rotate(-45deg);
    -ms-transform: scaleY(0.5774) rotate(-45deg);
    transform: scaleY(0.5774) rotate(-45deg);
    background-color: inherit;
    left: 30px;
}

.fb_shadeborder:before {
    top: -82px;
    border-top: solid 7.0711px #000;
    border-right: solid 7.0711px #000;
}

.fb_shadeborder:after {
    bottom: -83px;
    border-bottom: solid 7.0711px #000;
    border-left: solid 7.0711px #000;
}

.fb_shadeinner {
    position: absolute;
    width: 224px;
    height: 125px;
    margin: 86.60px 0;
    border-left: solid 15px #fff;
    border-right: solid 15px #fff;
    top: -83px;
    right: 0;
    z-index: 3;
}

.fb_shadeinner:before,
.fb_shadeinner:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 158px;
    height: 158px;
    -webkit-transform: scaleY(0.5774) rotate(-45deg);
    -ms-transform: scaleY(0.5774) rotate(-45deg);
    transform: scaleY(0.5774) rotate(-45deg);
    background-color: inherit;
    left: 18px;
}

.fb_shadeinner:before {
    top: -80px;
    border-top: solid 20px #fff;
    border-right: solid 20px #fff;
}

.fb_shadeinner:after {
    bottom: -78px;
    border-bottom: solid 20px #fff;
    border-left: solid 20px #fff;
}

.fb_shadedesc {
    position: absolute;
    width: 185px;
    transform: rotate(-90deg);
    top: 34px;
    left: 5px;
    z-index: 4;
    font-family: "Avalon-demi";
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #fff;
}

.fb_shadedesc span {
    font-size: 12px !important;
}

.fb_col1 {
    position: absolute;
    margin-left: 124px;
    margin-top: 354px;
}

.fb_col2 {
    position: absolute;
    margin-left: 364px;
    margin-top: 212px;
}

.fb_col3 {
    position: absolute;
    margin-left: 605px;
    margin-top: 354px;
}

.fb_col4 {
    position: absolute;
    margin-left: 845px;
    margin-top: 212px;
}

.fb_col5 {
    position: absolute;
    margin-left: 1087px;
    margin-top: 354px;
}

.fb_line2 {
    margin-top: 282px;
}

.fb_line3 {
    margin-top: 561px;
}

.fb_shadeouter_100 {
    border-left: solid 5px #FFE9DF;
    border-right: solid 5px #FFE9DF;
}

.fb_shadeouter_100:before {
    border-top: solid 7.0711px #FFE9DF;
    border-right: solid 7.0711px #FFE9DF;
}

.fb_shadeouter_100:after {
    border-bottom: solid 7.0711px #FFE9DF;
    border-left: solid 7.0711px #FFE9DF;
}

.fb_shadeouter_100 .fb_shadeinner {
    background-color: #FFE9DF;
}


/**/

.fb_shadeouter_105 {
    border-left: solid 5px #D2BB8E;
    border-right: solid 5px #D2BB8E;
}

.fb_shadeouter_105:before {
    border-top: solid 7.0711px #D2BB8E;
    border-right: solid 7.0711px #D2BB8E;
}

.fb_shadeouter_105:after {
    border-bottom: solid 7.0711px #D2BB8E;
    border-left: solid 7.0711px #D2BB8E;
}

.fb_shadeouter_105 .fb_shadeinner {
    background-color: #D2BB8E;
}


/**/

.fb_shadeouter_110 {
    border-left: solid 5px #FFE7DF;
    border-right: solid 5px #FFE7DF;
}

.fb_shadeouter_110:before {
    border-top: solid 7.0711px #FFE7DF;
    border-right: solid 7.0711px #FFE7DF;
}

.fb_shadeouter_110:after {
    border-bottom: solid 7.0711px #FFE7DF;
    border-left: solid 7.0711px #FFE7DF;
}

.fb_shadeouter_110 .fb_shadeinner {
    background-color: #FFE7DF;
}


/**/

.fb_shadeouter_120 {
    border-left: solid 5px #FEE4CD;
    border-right: solid 5px #FEE4CD;
}

.fb_shadeouter_120:before {
    border-top: solid 7.0711px #FEE4CD;
    border-right: solid 7.0711px #FEE4CD;
}

.fb_shadeouter_120:after {
    border-bottom: solid 7.0711px #FEE4CD;
    border-left: solid 7.0711px #FEE4CD;
}

.fb_shadeouter_120 .fb_shadeinner {
    background-color: #FEE4CD;
}


/**/

.fb_shadeouter_130 {
    border-left: solid 5px #F3D4B3;
    border-right: solid 5px #F3D4B3;
}

.fb_shadeouter_130:before {
    border-top: solid 7.0711px #F3D4B3;
    border-right: solid 7.0711px #F3D4B3;
}

.fb_shadeouter_130:after {
    border-bottom: solid 7.0711px #F3D4B3;
    border-left: solid 7.0711px #F3D4B3;
}

.fb_shadeouter_130 .fb_shadeinner {
    background-color: #F3D4B3;
}


/**/

.fb_shadeouter_140 {
    border-left: solid 5px #FBE1C6;
    border-right: solid 5px #FBE1C6;
}

.fb_shadeouter_140:before {
    border-top: solid 7.0711px #FBE1C6;
    border-right: solid 7.0711px #FBE1C6;
}

.fb_shadeouter_140:after {
    border-bottom: solid 7.0711px #FBE1C6;
    border-left: solid 7.0711px #FBE1C6;
}

.fb_shadeouter_140 .fb_shadeinner {
    background-color: #FBE1C6;
}


/**/

.fb_shadeouter_145 {
    border-left: solid 5px #BF9F69;
    border-right: solid 5px #BF9F69;
}

.fb_shadeouter_145:before {
    border-top: solid 7.0711px #BF9F69;
    border-right: solid 7.0711px #BF9F69;
}

.fb_shadeouter_145:after {
    border-bottom: solid 7.0711px #BF9F69;
    border-left: solid 7.0711px #BF9F69;
}

.fb_shadeouter_145 .fb_shadeinner {
    background-color: #BF9F69;
}


/**/

.fb_shadeouter_150 {
    border-left: solid 5px #EDD4BA;
    border-right: solid 5px #EDD4BA;
}

.fb_shadeouter_150:before {
    border-top: solid 7.0711px #EDD4BA;
    border-right: solid 7.0711px #EDD4BA;
}

.fb_shadeouter_150:after {
    border-bottom: solid 7.0711px #EDD4BA;
    border-left: solid 7.0711px #EDD4BA;
}

.fb_shadeouter_150 .fb_shadeinner {
    background-color: #EDD4BA;
}


/**/

.fb_shadeouter_160 {
    border-left: solid 5px #F6CEAA;
    border-right: solid 5px #F6CEAA;
}

.fb_shadeouter_160:before {
    border-top: solid 7.0711px #F6CEAA;
    border-right: solid 7.0711px #F6CEAA;
}

.fb_shadeouter_160:after {
    border-bottom: solid 7.0711px #F6CEAA;
    border-left: solid 7.0711px #F6CEAA;
}

.fb_shadeouter_160 .fb_shadeinner {
    background-color: #F6CEAA;
}


/**/

.fb_shadeouter_170 {
    border-left: solid 5px #E8C1A5;
    border-right: solid 5px #E8C1A5;
}

.fb_shadeouter_170:before {
    border-top: solid 7.0711px #E8C1A5;
    border-right: solid 7.0711px #E8C1A5;
}

.fb_shadeouter_170:after {
    border-bottom: solid 7.0711px #E8C1A5;
    border-left: solid 7.0711px #E8C1A5;
}

.fb_shadeouter_170 .fb_shadeinner {
    background-color: #E8C1A5;
}


/**/

.fb_shadeouter_180 {
    border-left: solid 5px #FAD6B9;
    border-right: solid 5px #FAD6B9;
}

.fb_shadeouter_180:before {
    border-top: solid 7.0711px #FAD6B9;
    border-right: solid 7.0711px #FAD6B9;
}

.fb_shadeouter_180:after {
    border-bottom: solid 7.0711px #FAD6B9;
    border-left: solid 7.0711px #FAD6B9;
}

.fb_shadeouter_180 .fb_shadeinner {
    background-color: #FAD6B9;
}


/**/

.fb_shadeouter_185 {
    border-left: solid 5px #AE8A64;
    border-right: solid 5px #AE8A64;
}

.fb_shadeouter_185:before {
    border-top: solid 7.0711px #AE8A64;
    border-right: solid 7.0711px #AE8A64;
}

.fb_shadeouter_185:after {
    border-bottom: solid 7.0711px #AE8A64;
    border-left: solid 7.0711px #AE8A64;
}

.fb_shadeouter_185 .fb_shadeinner {
    background-color: #AE8A64;
}


/**/

.fb_shadeouter_190 {
    border-left: solid 5px #EEC5A7;
    border-right: solid 5px #EEC5A7;
}

.fb_shadeouter_190:before {
    border-top: solid 7.0711px #EEC5A7;
    border-right: solid 7.0711px #EEC5A7;
}

.fb_shadeouter_190:after {
    border-bottom: solid 7.0711px #EEC5A7;
    border-left: solid 7.0711px #EEC5A7;
}

.fb_shadeouter_190 .fb_shadeinner {
    background-color: #EEC5A7;
}


/**/


/**/


/**/

.fb_shadeouter_200 {
    border-left: solid 5px #E9BE9F;
    border-right: solid 5px #E9BE9F;
}

.fb_shadeouter_200:before {
    border-top: solid 7.0711px #E9BE9F;
    border-right: solid 7.0711px #E9BE9F;
}

.fb_shadeouter_200:after {
    border-bottom: solid 7.0711px #E9BE9F;
    border-left: solid 7.0711px #E9BE9F;
}

.fb_shadeouter_200 .fb_shadeinner {
    background-color: #E9BE9F;
}


/**/

.fb_shadeouter_210 {
    border-left: solid 5px #E4AF87;
    border-right: solid 5px #E4AF87;
}

.fb_shadeouter_210:before {
    border-top: solid 7.0711px #E4AF87;
    border-right: solid 7.0711px #E4AF87;
}

.fb_shadeouter_210:after {
    border-bottom: solid 7.0711px #E4AF87;
    border-left: solid 7.0711px #E4AF87;
}

.fb_shadeouter_210 .fb_shadeinner {
    background-color: #E4AF87;
}


/**/

.fb_shadeouter_220 {
    border-left: solid 5px #F2BE99;
    border-right: solid 5px #F2BE99;
}

.fb_shadeouter_220:before {
    border-top: solid 7.0711px #F2BE99;
    border-right: solid 7.0711px #F2BE99;
}

.fb_shadeouter_220:after {
    border-bottom: solid 7.0711px #F2BE99;
    border-left: solid 7.0711px #F2BE99;
}

.fb_shadeouter_220 .fb_shadeinner {
    background-color: #F2BE99;
}


/**/

.fb_shadeouter_230 {
    border-left: solid 5px #E1B08C;
    border-right: solid 5px #E1B08C;
}

.fb_shadeouter_230:before {
    border-top: solid 7.0711px #E1B08C;
    border-right: solid 7.0711px #E1B08C;
}

.fb_shadeouter_230:after {
    border-bottom: solid 7.0711px #E1B08C;
    border-left: solid 7.0711px #E1B08C;
}

.fb_shadeouter_230 .fb_shadeinner {
    background-color: #E1B08C;
}


/**/

.fb_shadeouter_235 {
    border-left: solid 5px #C89466;
    border-right: solid 5px #C89466;
}

.fb_shadeouter_235:before {
    border-top: solid 7.0711px #C89466;
    border-right: solid 7.0711px #C89466;
}

.fb_shadeouter_235:after {
    border-bottom: solid 7.0711px #C89466;
    border-left: solid 7.0711px #C89466;
}

.fb_shadeouter_235 .fb_shadeinner {
    background-color: #C89466;
}


/**/

.fb_shadeouter_240 {
    border-left: solid 5px #DBA77F;
    border-right: solid 5px #DBA77F;
}

.fb_shadeouter_240:before {
    border-top: solid 7.0711px #DBA77F;
    border-right: solid 7.0711px #DBA77F;
}

.fb_shadeouter_240:after {
    border-bottom: solid 7.0711px #DBA77F;
    border-left: solid 7.0711px #DBA77F;
}

.fb_shadeouter_240 .fb_shadeinner {
    background-color: #DBA77F;
}


/**/

.fb_shadeouter_250 {
    border-left: solid 5px #E5AC7F;
    border-right: solid 5px #E5AC7F;
}

.fb_shadeouter_250:before {
    border-top: solid 7.0711px #E5AC7F;
    border-right: solid 7.0711px #E5AC7F;
}

.fb_shadeouter_250:after {
    border-bottom: solid 7.0711px #E5AC7F;
    border-left: solid 7.0711px #E5AC7F;
}

.fb_shadeouter_250 .fb_shadeinner {
    background-color: #E5AC7F;
}


/**/

.fb_shadeouter_255 {
    border-left: solid 5px #9D7649;
    border-right: solid 5px #9D7649;
}

.fb_shadeouter_255:before {
    border-top: solid 7.0711px #9D7649;
    border-right: solid 7.0711px #9D7649;
}

.fb_shadeouter_255:after {
    border-bottom: solid 7.0711px #9D7649;
    border-left: solid 7.0711px #9D7649;
}

.fb_shadeouter_255 .fb_shadeinner {
    background-color: #9D7649;
}


/**/

.fb_shadeouter_260 {
    border-left: solid 5px #DCA77E;
    border-right: solid 5px #DCA77E;
}

.fb_shadeouter_260:before {
    border-top: solid 7.0711px #DCA77E;
    border-right: solid 7.0711px #DCA77E;
}

.fb_shadeouter_260:after {
    border-bottom: solid 7.0711px #DCA77E;
    border-left: solid 7.0711px #DCA77E;
}

.fb_shadeouter_260 .fb_shadeinner {
    background-color: #DCA77E;
}


/**/

.fb_shadeouter_270 {
    border-left: solid 5px #D79E74;
    border-right: solid 5px #D79E74;
}

.fb_shadeouter_270:before {
    border-top: solid 7.0711px #D79E74;
    border-right: solid 7.0711px #D79E74;
}

.fb_shadeouter_270:after {
    border-bottom: solid 7.0711px #D79E74;
    border-left: solid 7.0711px #D79E74;
}

.fb_shadeouter_270 .fb_shadeinner {
    background-color: #D79E74;
}


/**/

.fb_shadeouter_280 {
    border-left: solid 5px #EAAE87;
    border-right: solid 5px #EAAE87;
}

.fb_shadeouter_280:before {
    border-top: solid 7.0711px #EAAE87;
    border-right: solid 7.0711px #EAAE87;
}

.fb_shadeouter_280:after {
    border-bottom: solid 7.0711px #EAAE87;
    border-left: solid 7.0711px #EAAE87;
}

.fb_shadeouter_280 .fb_shadeinner {
    background-color: #EAAE87;
}


/**/

.fb_shadeouter_290 {
    border-left: solid 5px #DFAF7F;
    border-right: solid 5px #DFAF7F;
}

.fb_shadeouter_290:before {
    border-top: solid 7.0711px #DFAF7F;
    border-right: solid 7.0711px #DFAF7F;
}

.fb_shadeouter_290:after {
    border-bottom: solid 7.0711px #DFAF7F;
    border-left: solid 7.0711px #DFAF7F;
}

.fb_shadeouter_290 .fb_shadeinner {
    background-color: #DFAF7F;
}


/**/


/**/


/**/

.fb_shadeouter_300 {
    border-left: solid 5px #CE9365;
    border-right: solid 5px #CE9365;
}

.fb_shadeouter_300:before {
    border-top: solid 7.0711px #CE9365;
    border-right: solid 7.0711px #CE9365;
}

.fb_shadeouter_300:after {
    border-bottom: solid 7.0711px #CE9365;
    border-left: solid 7.0711px #CE9365;
}

.fb_shadeouter_300 .fb_shadeinner {
    background-color: #CE9365;
}


/**/

.fb_shadeouter_310 {
    border-left: solid 5px #D4915A;
    border-right: solid 5px #D4915A;
}

.fb_shadeouter_310:before {
    border-top: solid 7.0711px #D4915A;
    border-right: solid 7.0711px #D4915A;
}

.fb_shadeouter_310:after {
    border-bottom: solid 7.0711px #D4915A;
    border-left: solid 7.0711px #D4915A;
}

.fb_shadeouter_310 .fb_shadeinner {
    background-color: #D4915A;
}


/**/

.fb_shadeouter_320 {
    border-left: solid 5px #D69265;
    border-right: solid 5px #D69265;
}

.fb_shadeouter_320:before {
    border-top: solid 7.0711px #D69265;
    border-right: solid 7.0711px #D69265;
}

.fb_shadeouter_320:after {
    border-bottom: solid 7.0711px #D69265;
    border-left: solid 7.0711px #D69265;
}

.fb_shadeouter_320 .fb_shadeinner {
    background-color: #D69265;
}


/**/

.fb_shadeouter_330 {
    border-left: solid 5px #D49259;
    border-right: solid 5px #D49259;
}

.fb_shadeouter_330:before {
    border-top: solid 7.0711px #D49259;
    border-right: solid 7.0711px #D49259;
}

.fb_shadeouter_330:after {
    border-bottom: solid 7.0711px #D49259;
    border-left: solid 7.0711px #D49259;
}

.fb_shadeouter_330 .fb_shadeinner {
    background-color: #D49259;
}


/**/

.fb_shadeouter_340 {
    border-left: solid 5px #AD7A53;
    border-right: solid 5px #AD7A53;
}

.fb_shadeouter_340:before {
    border-top: solid 7.0711px #AD7A53;
    border-right: solid 7.0711px #AD7A53;
}

.fb_shadeouter_340:after {
    border-bottom: solid 7.0711px #AD7A53;
    border-left: solid 7.0711px #AD7A53;
}

.fb_shadeouter_340 .fb_shadeinner {
    background-color: #AD7A53;
}


/**/

.fb_shadeouter_345 {
    border-left: solid 5px #9B6C42;
    border-right: solid 5px #9B6C42;
}

.fb_shadeouter_345:before {
    border-top: solid 7.0711px #9B6C42;
    border-right: solid 7.0711px #9B6C42;
}

.fb_shadeouter_345:after {
    border-bottom: solid 7.0711px #9B6C42;
    border-left: solid 7.0711px #9B6C42;
}

.fb_shadeouter_345 .fb_shadeinner {
    background-color: #9B6C42;
}


/**/

.fb_shadeouter_350 {
    border-left: solid 5px #BA7B4C;
    border-right: solid 5px #BA7B4C;
}

.fb_shadeouter_350:before {
    border-top: solid 7.0711px #BA7B4C;
    border-right: solid 7.0711px #BA7B4C;
}

.fb_shadeouter_350:after {
    border-bottom: solid 7.0711px #BA7B4C;
    border-left: solid 7.0711px #BA7B4C;
}

.fb_shadeouter_350 .fb_shadeinner {
    background-color: #BA7B4C;
}


/**/

.fb_shadeouter_360 {
    border-left: solid 5px #BF7C48;
    border-right: solid 5px #BF7C48;
}

.fb_shadeouter_360:before {
    border-top: solid 7.0711px #BF7C48;
    border-right: solid 7.0711px #BF7C48;
}

.fb_shadeouter_360:after {
    border-bottom: solid 7.0711px #BF7C48;
    border-left: solid 7.0711px #BF7C48;
}

.fb_shadeouter_360 .fb_shadeinner {
    background-color: #BF7C48;
}


/**/

.fb_shadeouter_370 {
    border-left: solid 5px #CA8457;
    border-right: solid 5px #CA8457;
}

.fb_shadeouter_370:before {
    border-top: solid 7.0711px #CA8457;
    border-right: solid 7.0711px #CA8457;
}

.fb_shadeouter_370:after {
    border-bottom: solid 7.0711px #CA8457;
    border-left: solid 7.0711px #CA8457;
}

.fb_shadeouter_370 .fb_shadeinner {
    background-color: #CA8457;
}


/**/

.fb_shadeouter_380 {
    border-left: solid 5px #CC875E;
    border-right: solid 5px #CC875E;
}

.fb_shadeouter_380:before {
    border-top: solid 7.0711px #CC875E;
    border-right: solid 7.0711px #CC875E;
}

.fb_shadeouter_380:after {
    border-bottom: solid 7.0711px #CC875E;
    border-left: solid 7.0711px #CC875E;
}

.fb_shadeouter_380 .fb_shadeinner {
    background-color: #CC875E;
}


/**/

.fb_shadeouter_385 {
    border-left: solid 5px #7C5130;
    border-right: solid 5px #7C5130;
}

.fb_shadeouter_385:before {
    border-top: solid 7.0711px #7C5130;
    border-right: solid 7.0711px #7C5130;
}

.fb_shadeouter_385:after {
    border-bottom: solid 7.0711px #7C5130;
    border-left: solid 7.0711px #7C5130;
}

.fb_shadeouter_385 .fb_shadeinner {
    background-color: #7C5130;
}


/**/

.fb_shadeouter_390 {
    border-left: solid 5px #AB6B41;
    border-right: solid 5px #AB6B41;
}

.fb_shadeouter_390:before {
    border-top: solid 7.0711px #AB6B41;
    border-right: solid 7.0711px #AB6B41;
}

.fb_shadeouter_390:after {
    border-bottom: solid 7.0711px #AB6B41;
    border-left: solid 7.0711px #AB6B41;
}

.fb_shadeouter_390 .fb_shadeinner {
    background-color: #AB6B41;
}


/**/


/**/


/**/

.fb_shadeouter_400 {
    border-left: solid 5px #A75F24;
    border-right: solid 5px #A75F24;
}

.fb_shadeouter_400:before {
    border-top: solid 7.0711px #A75F24;
    border-right: solid 7.0711px #A75F24;
}

.fb_shadeouter_400:after {
    border-bottom: solid 7.0711px #A75F24;
    border-left: solid 7.0711px #A75F24;
}

.fb_shadeouter_400 .fb_shadeinner {
    background-color: #A75F24;
}


/**/

.fb_shadeouter_410 {
    border-left: solid 5px #A1602F;
    border-right: solid 5px #A1602F;
}

.fb_shadeouter_410:before {
    border-top: solid 7.0711px #A1602F;
    border-right: solid 7.0711px #A1602F;
}

.fb_shadeouter_410:after {
    border-bottom: solid 7.0711px #A1602F;
    border-left: solid 7.0711px #A1602F;
}

.fb_shadeouter_410 .fb_shadeinner {
    background-color: #A1602F;
}


/**/

.fb_shadeouter_420 {
    border-left: solid 5px #AB6836;
    border-right: solid 5px #AB6836;
}

.fb_shadeouter_420:before {
    border-top: solid 7.0711px #AB6836;
    border-right: solid 7.0711px #AB6836;
}

.fb_shadeouter_420:after {
    border-bottom: solid 7.0711px #AB6836;
    border-left: solid 7.0711px #AB6836;
}

.fb_shadeouter_420 .fb_shadeinner {
    background-color: #AB6836;
}


/**/

.fb_shadeouter_430 {
    border-left: solid 5px #8D512A;
    border-right: solid 5px #8D512A;
}

.fb_shadeouter_430:before {
    border-top: solid 7.0711px #8D512A;
    border-right: solid 7.0711px #8D512A;
}

.fb_shadeouter_430:after {
    border-bottom: solid 7.0711px #8D512A;
    border-left: solid 7.0711px #8D512A;
}

.fb_shadeouter_430 .fb_shadeinner {
    background-color: #8D512A;
}


/**/

.fb_shadeouter_440 {
    border-left: solid 5px #9D5D35;
    border-right: solid 5px #9D5D35;
}

.fb_shadeouter_440:before {
    border-top: solid 7.0711px #9D5D35;
    border-right: solid 7.0711px #9D5D35;
}

.fb_shadeouter_440:after {
    border-bottom: solid 7.0711px #9D5D35;
    border-left: solid 7.0711px #9D5D35;
}

.fb_shadeouter_440 .fb_shadeinner {
    background-color: #9D5D35;
}


/**/

.fb_shadeouter_445 {
    border-left: solid 5px #7A4921;
    border-right: solid 5px #7A4921;
}

.fb_shadeouter_445:before {
    border-top: solid 7.0711px #7A4921;
    border-right: solid 7.0711px #7A4921;
}

.fb_shadeouter_445:after {
    border-bottom: solid 7.0711px #7A4921;
    border-left: solid 7.0711px #7A4921;
}

.fb_shadeouter_445 .fb_shadeinner {
    background-color: #7A4921;
}


/**/

.fb_shadeouter_450 {
    border-left: solid 5px #834E2F;
    border-right: solid 5px #834E2F;
}

.fb_shadeouter_450:before {
    border-top: solid 7.0711px #834E2F;
    border-right: solid 7.0711px #834E2F;
}

.fb_shadeouter_450:after {
    border-bottom: solid 7.0711px #834E2F;
    border-left: solid 7.0711px #834E2F;
}

.fb_shadeouter_450 .fb_shadeinner {
    background-color: #834E2F;
}


/**/

.fb_shadeouter_460 {
    border-left: solid 5px #804830;
    border-right: solid 5px #804830;
}

.fb_shadeouter_460:before {
    border-top: solid 7.0711px #804830;
    border-right: solid 7.0711px #804830;
}

.fb_shadeouter_460:after {
    border-bottom: solid 7.0711px #804830;
    border-left: solid 7.0711px #804830;
}

.fb_shadeouter_460 .fb_shadeinner {
    background-color: #804830;
}


/**/

.fb_shadeouter_470 {
    border-left: solid 5px #6E3C22;
    border-right: solid 5px #6E3C22;
}

.fb_shadeouter_470:before {
    border-top: solid 7.0711px #6E3C22;
    border-right: solid 7.0711px #6E3C22;
}

.fb_shadeouter_470:after {
    border-bottom: solid 7.0711px #6E3C22;
    border-left: solid 7.0711px #6E3C22;
}

.fb_shadeouter_470 .fb_shadeinner {
    background-color: #6E3C22;
}


/**/

.fb_shadeouter_480 {
    border-left: solid 5px #6C3B23;
    border-right: solid 5px #6C3B23;
}

.fb_shadeouter_480:before {
    border-top: solid 7.0711px #6C3B23;
    border-right: solid 7.0711px #6C3B23;
}

.fb_shadeouter_480:after {
    border-bottom: solid 7.0711px #6C3B23;
    border-left: solid 7.0711px #6C3B23;
}

.fb_shadeouter_480 .fb_shadeinner {
    background-color: #6C3B23;
}


/**/

.fb_shadeouter_490 {
    border-left: solid 5px #5B3118;
    border-right: solid 5px #5B3118;
}

.fb_shadeouter_490:before {
    border-top: solid 7.0711px #5B3118;
    border-right: solid 7.0711px #5B3118;
}

.fb_shadeouter_490:after {
    border-bottom: solid 7.0711px #5B3118;
    border-left: solid 7.0711px #5B3118;
}

.fb_shadeouter_490 .fb_shadeinner {
    background-color: #5B3118;
}


/**/

.fb_shadeouter_495 {
    border-left: solid 5px #5E3222;
    border-right: solid 5px #5E3222;
}

.fb_shadeouter_495:before {
    border-top: solid 7.0711px #5E3222;
    border-right: solid 7.0711px #5E3222;
}

.fb_shadeouter_495:after {
    border-bottom: solid 7.0711px #5E3222;
    border-left: solid 7.0711px #5E3222;
}

.fb_shadeouter_495 .fb_shadeinner {
    background-color: #5E3222;
}


/**/

.fb_shadeouter_498 {
    border-left: solid 5px #3E2D29;
    border-right: solid 5px #3E2D29;
}

.fb_shadeouter_498:before {
    border-top: solid 7.0711px #3E2D29;
    border-right: solid 7.0711px #3E2D29;
}

.fb_shadeouter_498:after {
    border-bottom: solid 7.0711px #3E2D29;
    border-left: solid 7.0711px #3E2D29;
}

.fb_shadeouter_498 .fb_shadeinner {
    background-color: #3E2D29;
}

.fb_notext {
    display: none;
}

.fb_jauge {
    width: 640px;
    height: 14px;
    margin: 35px auto;
    background-color: #dcdcd9;
}

.jauge_title {
    font-family: "Avalon-medium";
    text-transform: none;
    font-size: 30px !important;
    line-height: 40px;
    letter-spacing: 10px;
}

.fb_jauge div:first-child {
    margin-left: -5px;
}

.fb_jaugecurrent {
    background-color: #000;
}

.fb_jaugeend {
    margin-right: -5px;
}

.fb_jaugecurrent1 {
    width: 30px;
}

.content_dev_yes1_1 .fb_jaugecurrent {
    width: 320px;
}

.content_dev_yes2_2 .fb_jaugecurrent {
    width: 500px;
}

.content_dev_yes3 .fb_jaugecurrent {
    width: 600px;
}


/**/

.content_dev_no1 .fb_jaugecurrent {
    width: 320px;
}

.content_dev_tone .fb_jaugecurrent {
    width: 530px;
}

.content_dev_sun .fb_jaugecurrent {
    width: 560px;
}

.content_dev_veins .fb_jaugecurrent {
    width: 590px;
}

.content_dev_skin .fb_jaugecurrent {
    width: 620px;
}

.content_dev_model .fb_jaugecurrent {
    width: 650px;
}

.content_dev_model .fb_jaugeend {
    margin-right: 0;
}

.fb_blockhexas {
    margin-top: 120px;
}

.fb_blockhexa {
    width: 274px;
    height: 246px;
    background: url("https://thegame.sephora.it/fentybeauty/img/fb_bg_answer.png") no-repeat;
    background-size: 100%;
    cursor: pointer;
    color: #000;
    padding-top: 115px;
    font-family: "Avalon-demi";
    letter-spacing: 3px;
    display: inline-block;
    margin-left: 20px;
    transition: all .25s ease-in;
    text-transform: uppercase;
}

.content_dev_skin .fb_blockhexa {
    letter-spacing: 1px;
}

.fb_blockhexa:hover {
    background: url("https://thegame.sephora.it/fentybeauty/img/fb_bg_answer_hover.png") no-repeat;
    background-size: 100%;
    color: #fff;
}

.content_dev_sun .fb_blockhexa {
    padding-top: 95px;
}

.fb_hover_white {
    position: absolute;
    margin: 90px 0 0 70px;
    display: none;
}

.content_dev_model .fb_blockshaderange {
    width: inherit;
    height: -webkit-fill-available;
}

.content_dev_model .fb_model {
    font-family: "Avalon-medium";
    padding: 10px 0;
    letter-spacing: 2px;
}

.content_dev_model .fb_hover_white {
    margin: 100px 0 0 45px;
}

.content_dev_result {
    background: url("https://thegame.sephora.it/fentybeauty/img/fb_bg_result_desk.jpg?$staticlink$") no-repeat;
    padding-top: 30px;
}

.content_dev_result .contentflexdiv {
    width: 49%;
}

.content_dev_result .fb_modelresult img {
    width: 70%;
}

.content_dev_result .title1 {
    font-family: "Avalon-medium";
    font-size: 24px !important;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.content_dev_result .fb_resultteinte {
    display: inline-block;
    font-family: "Avalon-medium";
    font-size: 38px !important;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 20px 0;
}

.content_dev_result label,
.content_dev_result input {
    display: none;
}

a.button.button-important,
a.button.important,
.button.button-important,
.button.important {
    background: linear-gradient(to bottom, #000 50%, #000 50%) no-repeat center top #000;
    outline-color: #000;
}

html.no-touch a.button.button-important:hover:not(.disabled):not(:disabled),
html.no-touch a.button.important:hover:not(.disabled):not(:disabled),
html.no-touch .button.button-important:hover:not(.disabled):not(:disabled),
html.no-touch .button.important:hover:not(.disabled):not(:disabled) {
    color: #000;
    outline-color: #000;
    background: linear-gradient(to bottom, #fff 50%, #fff 50%) no-repeat center top #fff;
}

.content_dev_result .fb_resultlien {
    display: inline-block;
    text-decoration: none;
    color: #000;
}

.content_dev_result .fb_resultlien img {
    max-width: 80%;
}

.content_dev_result h2 {
    margin: 80px 0;
}

.content_dev_result .fb_810763033005 {
    margin-top: 90px;
}

.hide_savoirplus {
    display: none;
}

.ensavoirplus_ {
    font-weight: bold;
}

.fb_prevnext {
    position: absolute;
    font-family: "Avalon-medium";
    letter-spacing: 4px;
    cursor: pointer;
    transition: all .25s ease-in;
}

.fb_prevnext:hover {
    opacity: 0.6;
}

.fb_prevnext div {
    margin-left: 10px;
}

.fb_next {
    display: none;
}

@media (max-width: 768px) {
    a.button,
    .button {
        padding: 0 10px !important;
    }
    .product-tile {
        width: 90%;
    }
    #content_dev h2 {
        padding: 0 0 20px;
        font-size: 35px !important;
    }
    .content_dev_unlimited {
        padding: 10px;
    }
    .content_dev_unlimited .contentflexdiv:nth-child(1) img {
        margin-bottom: 5px;
    }
    .content_dev_unlimited .contentflexdiv:nth-child(2) img {
        width: 49%;
        margin: 0;
    }
    .content_dev_products .content_dev_product1 {
        height: 270px;
        background-size: 80%;
        background-position: top center;
    }
    .content_dev_products .content_dev_product2 {
        height: 280px;
        background-size: 100%;
        background-position: 30px top;
        margin-top: 30px;
    }
    .content_dev_products .content_dev_product3 {
        height: 290px;
        background-size: 90%;
        background-position: 30px top;
    }
    .content_dev_products .content_dev_product4 {
        height: 260px;
        background-size: 90%;
        background-position: 30px top;
        margin-top: 30px;
    }
    .content_dev_products .content_dev_producttitle {
        font-size: 16px;
        line-height: 16px;
        text-align: left;
    }
    .content_dev_products .content_dev_product1 .content_dev_producttitle {
        margin: 4px 0 0 35px;
    }
    .content_dev_products .content_dev_product2 .content_dev_producttitle {
        margin: 30px 0 0 35px;
    }
    .content_dev_products .content_dev_product3 .content_dev_producttitle {
        margin: 38px 0 0 35px;
    }
    .content_dev_products .content_dev_product4 .content_dev_producttitle {
        margin: 4px 0 0 35px;
    }
    .content_dev_products .content_dev_product1 .content_dev_productdesc {
        margin-top: 215px;
    }
    .content_dev_products .content_dev_product2 .content_dev_productdesc {
        margin: 200px 0 0 0;
    }
    .content_dev_products .content_dev_product3 .content_dev_productdesc {
        margin: 185px 0 0 0;
    }
    .content_dev_products .content_dev_product4 .content_dev_productdesc {
        margin: 210px 0 0 0;
    }
    .content_dev_product2desccta,
    .content_dev_product3desccta,
    .content_dev_product4desccta {
        margin: 0;
    }
    .content_dev_fondatrices .content_dev_fondatrice1 .content_dev_fondatrice {
        margin: 0;
        text-align: left;
    }
    .content_dev_fondatrices .content_dev_fondatrice1 .content_dev_fondatrice p {
        font-size: 12px !important;
        line-height: 15px !important;
    }
    .content_dev_fondatrices .content_dev_fondatrice1 {
        padding: 10px 0 0;
    }
    .content_dev_fondatrices .contentflexdiv:nth-child(2) {
        background-color: #000;
        color: #fff;
        margin: 0;
        padding-top: 10px;
        font-size: 16px;
        line-height: 16px;
    }
    .content_dev_fondatrices .contentflexdiv:nth-child(2) .ctablack {
        background-color: #fff;
        color: #000;
    }
    .content_dev_join {
        text-align: left !important;
    }
    .content_dev_join h2 {
        line-height: 35px !important;
    }
    .content_dev_join h3 {
        font-size: 25px;
        line-height: 25px;
        margin: 0px 0 20px;
    }
    .content_dev_join h4 {
        font-size: 14px;
        line-height: 14px;
    }
    .content_dev_join .content_dev_join_bg {
        min-height: 320px;
        background-size: contain;
        background-position: top center;
        padding: 0;
        margin-top: 30px;
        text-align: left !important;
    }
    .content_dev_join .content_dev_join_bg .contentflex {
        width: 100%;
        margin-left: 0;
    }
    .content_dev_join .content_dev_join_bg .contentflex div {
        width: 45%;
        font-size: 16px;
        line-height: 16px;
        text-align: left !important;
        margin: 100px 0 0 10px;
    }
    .content_dev_selfie {
        text-align: left !important;
    }
    .content_dev_selfie .contentflexdiv:nth-child(2) {
        margin-left: 0;
    }
    .content_dev_selfie .contentflexdiv:nth-child(2) .ctablack {
        margin-bottom: 40px;
    }
    .content_dev_selfie .contentflexdiv:nth-child(2) {
        font-size: 16px;
        line-height: 16px;
    }
    .content_dev_commitments {
        width: 90%;
        margin: auto;
        padding: 30px 0;
    }
    .content_dev_commitments .content_dev_commitmentstitle {
        font-size: 30px;
        line-height: 40px;
    }
    .content_dev_commitments .content_dev_commitmentsdesc {
        font-size: 20px;
        line-height: 25px;
    }
    #content_dev .section_footer .footer_left div img {
        max-width: 100%;
        padding: 0 !important;
    }
    #content_dev img.hideondesk {
        max-width: 100% !important;
        margin-bottom: 80px !important;
    }
    #content_dev .section_footer {
        flex-direction: column;
        align-items: normal;
        padding: 40px;
    }
    #content_dev .section_footer .footer_left {
        margin: 0 auto 40px;
    }
    #content_dev .section_footer .footer_right {
        padding: 0 10px;
    }
    .content_dev_etape1 {
        padding: 20px 0 30px;
    }
    .content_dev_etape1 .sf_contentflexglobal {
        overflow: scroll;
        text-align: initial;
    }
    .content_dev_etape1 .sf_scrollmobile {
        width: 735px;
    }
    .content_dev_etape1 .sf_teinte_fini div {
        width: 130px;
    }
    .content_dev_etape1 .sf_teinte_titre_2line {
        padding: 8px 0;
    }
    .content_dev_etape2 .sf_contentflexglobal {
        width: 100%;
    }
    .content_dev_etape2 .sf_dyn_teintes {
        order: 1;
        width: 100%;
        height: inherit;
    }
    .sf_dyn_famillecolorielle div {
        font-size: 10px !important;
        line-height: 14px;
    }
    .content_dev_etape2 .sf_dyn_teintesin {
        text-align: center;
    }
    .content_dev_etape2 .sf_dyn_lipsproduit {
        order: 2;
        width: 100%;
        height: inherit;
    }
    .content_dev_etape2 .sf_dyn_lips {
        width: 55%;
        height: inherit;
    }
    .content_dev_etape2 .sf_dyn_produit {
        width: 45%;
        height: inherit;
    }
    .content_dev_etape2 .sf_dyn_prixcta {
        order: 3;
        width: 100%;
        height: inherit;
        margin: 0;
    }
    .content_dev_etape2 .sf_dyn_autrefini {
        order: 4;
        width: 100%;
        height: inherit;
        margin-top: 10px;
    }
    .bestseller {
        width: 100%;
    }
    .bestseller form {
        margin-bottom: 50px;
    }
    .content_dev_49_49 .contentflexdiv {
        width: 100%;
    }
    .content_dev_39_60 .contentflexdiv:nth-child(1) {
        width: 100%;
    }
    .content_dev_39_60 .contentflexdiv:nth-child(2) {
        width: 100%;
    }
    .content_dev_60_39 .contentflexdiv:nth-child(1) {
        width: 100%;
    }
    .content_dev_60_39 .contentflexdiv:nth-child(2) {
        width: 100%;
    }
    .content_dev_70_30 .contentflexdiv:nth-child(1) {
        width: 100%;
    }
    .content_dev_70_30 .contentflexdiv:nth-child(2) {
        width: 100%;
    }
    .content_dev_doyouknow {
        width: inherit;
        height: 882px;
        background: url("https://thegame.sephora.it/fentybeauty/img/fb_bg_doyouknow_mob.jpg?$staticlink$") no-repeat;
        background-size: 100%;
        padding-top: 0;
    }
    .content_dev_doyouknow .title2 {
        letter-spacing: 3px;
        line-height: 28px;
        margin-bottom: 50px;
    }
    .content_dev_yes1,
    .content_dev_no1,
    .content_dev_almost {
        width: inherit;
        height: 882px;
        background: url("https://thegame.sephora.it/fentybeauty/img/fb_bg_yes1_mob.jpg?$staticlink$") no-repeat;
        background-size: 100%;
        padding-top: 0;
    }
    .content_dev_almost {
        background: url("https://thegame.sephora.it/fentybeauty/img/fb_bg_almost_mob.jpg?$staticlink$") no-repeat;
        background-size: 100%;
    }
    .content_dev_thatsit {
        background: url("https://thegame.sephora.it/fentybeauty/img/fb_bg_thatsit_mob.jpg?$staticlink$") no-repeat;
        background-size: 100%;
    }
    .content_dev_yes1 .title2,
    .content_dev_no1 .title2,
    .content_dev_almost .title2 {
        letter-spacing: 3px;
        line-height: 28px;
        margin-bottom: 50px;
    }
    .content_dev_yes1 .title3 {
        width: 100%;
    }
    .content_dev_no1 .title3 {
        width: 95%;
        margin: auto;
        font-size: 12px !important;
        line-height: 14px;
        letter-spacing: inherit;
    }
    .content_dev_yes1 .fb_text,
    .content_dev_no1 .fb_text,
    .content_dev_almost .fb_text {
        padding: 0;
    }
    .content_dev_yes1 .fb_text span {
        line-height: 16px;
    }
    .content_dev_yes2 .title2 {
        line-height: 18px;
    }
    .content_dev_yes2 .fb_blockshaderanges {
        overflow: auto;
    }
    .content_dev_yes2 .fb_blockshaderange {
        width: 768px;
        text-align: left;
    }
    .content_dev_yes2 .fb_blockshaderange div {
        float: left;
        width: 30%;
    }
    .content_dev_model .fb_blockshaderange {
        width: 1800px;
    }
    .content_dev_model .fb_blockshaderange div {
        width: 15%;
    }
    .content_dev_yes2 .fb_blockshaderange div img {
        width: 100%;
        height: 232px;
    }
    .content_dev_model .fb_blockshaderange div img {
        height: inherit;
    }
    .content_dev_yes2 .fb_blockshaderangetitle {
        width: 100%;
    }
    .content_dev_model .fb_hover_white {
        width: 55% !important;
    }
    .content_dev_yes3 {
        width: inherit;
        height: 3421px;
        background: url("https://thegame.sephora.it/fentybeauty/img/fb_bg_yes3_mob.jpg?$staticlink$") no-repeat;
        background-size: 100%;
        padding-top: 0;
    }
    .content_dev_yes3 .title2 {
        line-height: 14px;
    }
    .content_dev_yes3 .fb_blockshades {
        margin-top: -70px;
    }
    .fb_blockshades {
        width: 320px;
        margin: auto;
    }
    .fb_shadeouter {
        width: 135px;
        height: 80px;
    }
    .fb_shadeouter:before,
    .fb_shadeouter:after {
        width: 94px;
        height: 94px;
        left: 15px;
    }
    .fb_shadeouter:before {
        top: -47px;
    }
    .fb_shadeouter:after {
        bottom: -47px;
    }
    .fb_shadeborder {
        width: 135px;
        height: 80px;
    }
    .fb_shadeborder:before,
    .fb_shadeborder:after {
        width: 94px;
        height: 94px;
        left: 15px;
    }
    .fb_shadeborder:before {
        top: -47px;
    }
    .fb_shadeborder:after {
        bottom: -47px;
    }
    .fb_shadeinner {
        width: 124px;
        height: 74px;
        top: -84px;
        right: 1px;
        border-left: solid 6px #fff;
        border-right: solid 6px #fff;
    }
    .fb_shadeinner:before,
    .fb_shadeinner:after {
        width: 89px;
        height: 89px;
        left: 11px;
    }
    .fb_shadeinner:before {
        top: -45px;
        border-top: solid 10px #fff;
        border-right: solid 10px #fff;
    }
    .fb_shadeinner:after {
        bottom: -45px;
        border-bottom: solid 10px #fff;
        border-left: solid 10px #fff;
    }
    .fb_shadedesc {
        width: 118px;
        top: 16px;
        left: -4px;
    }
    .fb_shadedesc span {
        font-size: 9px !important;
        line-height: 10px;
    }
    .fb_col1 {
        margin-left: 24px;
        margin-top: 123px;
    }
    .fb_col2 {
        margin-left: 24px;
        margin-top: 422px;
    }
    .fb_col3 {
        margin-left: 24px;
        margin-top: 875px;
    }
    .fb_col4 {
        margin-left: 159px;
        margin-top: 197px;
    }
    .fb_col5 {
        margin-left: 159px;
        margin-top: 651px;
    }
    .fb_line2 {
        margin-top: 152px;
    }
    .fb_line3 {
        margin-top: 303px;
    }
    .content_dev_result .contentflexdiv {
        width: 100%;
    }
    .content_dev_result .fb_resultlien {
        margin-bottom: 20px;
    }
    .content_dev_result .fb_product {
        margin-bottom: 70px;
    }
    .content_dev_result .fb_810763033005 {
        margin-top: inherit;
    }
    .fb_jauge {
        width: 80%;
        height: 14px;
        margin: 15px auto;
        background-color: #dcdcd9;
    }
    .jauge_title {
        font-family: "Avalon-medium";
        text-transform: none;
        font-size: 20px !important;
        line-height: 40px;
        letter-spacing: 3px;
    }
    .fb_jauge div:first-child {
        margin-left: -5px;
    }
    .fb_jaugecurrent {
        background-color: #000;
    }
    .fb_jaugeend {
        margin-right: -5px;
    }
    #content_dev .content_dev_doyouknow .contentflex {
        flex-direction: inherit !important;
    }
    .fb_jaugecurrent1 {
        width: 30px;
    }
    .content_dev_yes1_1 .fb_jaugecurrent {
        width: 120px;
    }
    .content_dev_yes2_2 .fb_jaugecurrent {
        width: 200px;
    }
    .content_dev_yes3 .fb_jaugecurrent {
        width: 270px;
    }
    /**/
    .content_dev_no1 .fb_jaugecurrent {
        width: 120px;
    }
    .content_dev_tone .fb_jaugecurrent {
        width: 215px;
    }
    .content_dev_sun .fb_jaugecurrent {
        width: 230px;
    }
    .content_dev_veins .fb_jaugecurrent {
        width: 245px;
    }
    .content_dev_skin .fb_jaugecurrent {
        width: 255px;
    }
    .content_dev_model .fb_jaugecurrent {
        width: 270px;
    }
    .content_dev_model .fb_jaugeend {
        margin-right: 0;
    }
    .fb_blockhexas {
        margin-top: 30px;
        padding: 10px 0 0 80px;
    }
    .fb_blockhexa {
        width: 157px;
        height: 143px;
        padding-top: 62px;
        margin-left: 0;
        margin-bottom: 10px;
        display: block;
    }
    .content_dev_sun .fb_blockhexa {
        padding-top: 44px;
        font-size: 11px !important;
        letter-spacing: inherit;
    }
    .content_dev_skin .title2 {
        line-height: 15px;
    }
    .content_dev_skin .fb_blockhexa {
        line-height: 18px;
        font-size: 12px !important;
    }
    .content_dev_veins .title2 {
        line-height: 18px;
    }
    .fb_prev {
        left: 5px;
        bottom: 10px;
    }
    .fb_next {
        right: 5px;
        bottom: 10px;
    }
}

.contentflex .contentflexside {
    width: 49%;
}

.btrejouer {
    display: none;
}

.guerlainproducts {
    display: none;
    border: solid #f8e7ef 15px;
    padding: 45px 0;
}

.content_dev_menu {
    margin: 30px 0 0;
}

#content_dev .titleu {
    font-family: "Avalon-demi";
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 10px;
    text-transform: uppercase;
    color: #ffb8d5;
}

.content_dev_step div {
    width: 49%;
}

.content_dev_step p strong {
    display: block;
    font-family: "Avalon-demi";
    font-size: 24px;
    margin-bottom: 10px;
}

#content_dev .blocproducts {
    margin-top: 30px;
}

#content_dev .blocproducts h5 {
    font-family: "Avalon-demi";
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}

#content_dev .carouselend {
    padding: 0;
}

#content_dev .carouselend .productpadding {
    padding-top: 110px;
}

#content_dev .carouselend .productpadding50px {
    padding-top: 50px;
}

.slick-slide {
    height: auto;
    padding: 5px;
}

.slick-prev,
.slick-next {
    display: block;
    position: absolute;
    top: 7.375rem;
    font-size: 0;
    color: #e6e6e6;
    z-index: 1;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url("http://www.sephora.es/eStore-webMaster/images/common/homepage/fleches_carousel.png");
    width: 26px;
    height: 41px;
    border: 0;
    background-color: transparent;
}

.slick-next {
    right: 0;
    background-position: right;
}


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

#content_dev .content_dev_menu div {
    margin: 5px 0;
}

#content_dev .content_dev_imgslider {
    margin-top: 30px;
}

.content_dev_step div {
    width: 100%;
}

.content_dev_step p {
    padding: 10px;
}

#content_dev .reponse {
    display: inline-block;
    cursor: pointer;
}

#content_dev .reponse.from {
    /* margin-right: 245px; */
}

#content_dev .reponse.to {
    float: right;
    margin-left: 100px;
}

#content_dev .checkcircle {
    display: inline-block;
    border: solid black 2px;
    width: 15px;
    height: 15px;
    border-radius: 15px 15px;
}

#content_dev .checkcircle .checkedeu {
    font-size: 20px;
    margin: -12px 0;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
    visibility: hidden;
}

#content_dev .message {
    border-radius: 20px 20px 20px 20px;
    margin: 0 15px 10px;
    padding: 15px 20px;
    position: relative;
    font-size: 14px;
    display: inline-block;
}

#content_dev .message.colorfad4e3 {
    background-color: #fad4e3;
}

#content_dev .message.colorfad4e3:before {
    border-color: #fad4e3;
}

#content_dev .message.colorf895bb {
    background-color: #f895bb;
    color: #fff;
}

#content_dev .message.colorf895bb:before {
    border-color: #f895bb;
}

#content_dev .message.color901858 {
    background-color: #901858;
    color: #fff;
}

#content_dev .message.color901858:before {
    border-color: #901858;
}

#content_dev .message.colorffb8d5 {
    background-color: #ffb8d5;
}

#content_dev .message.colorffb8d5:before {
    border-color: #ffb8d5;
}

#content_dev .message.rosefonce {
    background-color: #fa7c8f;
}

#content_dev .message.rosefonce:before {
    border-color: #fa7c8f;
}

#content_dev .message.to+#content_dev .message.to,
#content_dev .message.from+.message.from {
    margin-top: -7px;
}

#content_dev .message:before {
    border-radius: 50% 50% 50% 50%;
    border-style: solid;
    border-width: 0 20px;
    bottom: 0;
    clip: rect(20px, 35px, 42px, 0px);
    content: " ";
    height: 40px;
    position: absolute;
    right: -50px;
    width: 30px;
    box-sizing: unset;
}

#content_dev .message.from:before {
    left: -50px;
    transform: rotateY(180deg);
}

#content_dev .diorheader {
    text-align: center;
    padding: 10px 0 10px;
    margin-bottom: 15px;
    background-color: #f0e1e6;
}

#content_dev .diorheader img {
    display: inline-block;
}

#content_dev .tarteintro p {
    margin-top: 20px;
    letter-spacing: 1px;
}

#content_dev .tarteintro p strong {
    font-family: "Avalon-demi" !important;
}

#content_dev .tartemenu {
    margin: 50px 0;
}

#content_dev .tartetitle {
    margin: 50px 0 20px;
}

#content_dev .tartetitle-corrector {
    height: 125px;
    background: url("http://thegame.sephora.it/sephora/marques/tarte/350500007/ES/img/tarte-bg-corrector.jpg?$staticlink$") no-repeat center center;
}


/* #content_dev h2 {
    margin: 20px 0 10px;
    font-family: "Avalon-demi";
    color: #496B39;
} */

#content_dev .tartetitle {
    margin: 50px 0 20px;
}

#content_dev .tartetitle-maracuya {
    height: 125px;
    background: url("http://thegame.sephora.it/sephora/marques/tarte/350500007/ES/img/tarte-bg-maracuya.jpg?$staticlink$") no-repeat center center;
}

#content_dev .tartetitle-maracuya h2 {
    padding-top: 40px;
    margin-left: -100px
}

#content_dev .tartetitle {
    margin: 50px 0 20px;
}

#content_dev .tartetitle-arcilla {
    height: 125px;
    background: url("http://thegame.sephora.it/sephora/marques/tarte/350500007/ES/img/tarte-bg-arcilla.jpg?$staticlink$") no-repeat center center;
}

#content_dev .tartetitle-arcilla h2 {
    padding: 40px 0 0 90px;
}

#content_dev .tartetitle {
    margin: 50px 0 20px;
}

#content_dev .tartetitle-arte {
    height: 125px;
    background: url("http://thegame.sephora.it/sephora/marques/tarte/350500007/ES/img/tarte-bg-arte.jpg?$staticlink$") no-repeat center center;
}

#content_dev .tartetitle-arte h2 {
    padding-top: 40px;
    margin-left: -100px;
}

.contentflex .desc {
    padding: 0 10px 0 0;
    font-size: 16px;
}

.contentflex .descright {
    padding: 0 0 0 10px;
    font-size: 16px;
}

#content_dev .diorblock {
    text-align: center;
}

#content_dev .diorblock .diordesc {
    text-align: center;
    padding: 30px 20px;
}

#content_dev .diorblockmargin {
    margin: 90px 0 60px;
}

#content_dev .diorblock .diorbg1 {
    height: 284px;
    padding-top: 100px;
    margin: 0;
    background-image: url("http://thegame.sephora.it/sephora/marques/tarte/350500007/ES/img/dior-bg-1.jpg?$staticlink$");
}

#content_dev .diorblock .diorbg2 {
    height: 234px;
    padding-top: 150px;
    margin: 0;
    background-image: url("http://thegame.sephora.it/sephora/marques/tarte/350500007/ES/img/dior-bg-2.jpg?$staticlink$");
}

#content_dev .diorblock .diorbg3 {
    height: 234px;
    padding-top: 150px;
    margin: 0;
    background-image: url("http://thegame.sephora.it/sephora/marques/tarte/350500007/ES/img/dior-bg-3.jpg?$staticlink$");
}

#content_dev .diorblock .diorbg4 {
    height: 234px;
    padding-top: 150px;
    margin: 0;
    background-image: url("http://thegame.sephora.it/sephora/marques/tarte/350500007/ES/img/dior-bg-4.jpg?$staticlink$");
}

#content_dev .diorproducts {
    margin: 30px 0;
}

#content_dev .diorproducts a {
    text-decoration: none;
    color: #000;
    text-align: center;
}

#content_dev .diorproducts a img {
    width: 250px;
}

#content_dev .diorproducts a h3 {
    font-family: "Avalon-demi";
    text-transform: uppercase;
    margin: 0;
}

#content_dev .diorproducts a p {
    margin: 0;
}

.content_dev_player {
    /* display: inline-block; */
    transition: opacity 0.3s ease-in-out;
}

.content_dev_player:hover {
    opacity: 0.8;
}

#content_dev .armaniprivecontentprod {
    padding: 45px 0;
}

#content_dev .armaniprivecontentprod .blocprodright {
    width: 30%;
    text-align: center;
}

#content_dev .armaniprivecontentprod .blocprodleft {
    width: 35%;
    text-align: center;
    padding-left: 160px;
}

#content_dev .armaniprivecontentprod .blocprod span.title {
    font-family: "Avalon-demi";
    display: block;
    text-transform: uppercase;
    color: #000;
    padding: 10px 0 0;
}

#content_dev .armaniprivecontentprod .blocprod span.desc {
    display: block;
    text-transform: uppercase;
    color: #707070;
    padding: 10px 0;
    font-size: 10px;
}

#content_dev .armaniprivecontentprod .blocprod span.cta {
    display: inline-block;
    padding: 10px 20px;
    color: #b1b1b1;
    text-transform: uppercase;
    background-color: #000;
}

#content_dev .armaniprivecontentprod .blocprod span.cta:hover {
    color: #CC0000;
}

.armanipriveplayer {
    display: inline-block;
    margin-bottom: 30px;
    transition: opacity 0.3s ease-in-out;
}

.armanipriveplayer:hover {
    opacity: 0.8;
}


/* IPHONE X */

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .content_dev_products .content_dev_product1 {
        height: 320px;
    }
    .content_dev_products .content_dev_product2 {
        height: 330px;
    }
    .content_dev_products .content_dev_product3 {
        height: 340px;
    }
    .content_dev_products .content_dev_product4 {
        height: 310px;
    }
}


/* IPHONE 8 */

@media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) {
    .content_dev_products .content_dev_product1 {
        height: 320px;
    }
    .content_dev_products .content_dev_product2 {
        height: 330px;
    }
    .content_dev_products .content_dev_product3 {
        height: 340px;
    }
    .content_dev_products .content_dev_product4 {
        height: 310px;
    }
}


/* IPHONE 8 PLUS */

@media only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
    .content_dev_products .content_dev_product1 {
        height: 350px;
    }
    .content_dev_products .content_dev_product2 {
        height: 360px;
    }
    .content_dev_products .content_dev_product3 {
        height: 370px;
    }
    .content_dev_products .content_dev_product4 {
        height: 340px;
    }
}

@media only screen and (max-width: 667px) {
    #content_dev {
        max-width: 100vw;
        margin: auto;
        overflow: hidden;
    }
    .hideondesk {
        display: inline-block !important;
    }
    .hideonmobile {
        display: none !important;
    }
    .contentflex {
        flex-direction: column;
    }
    .contentflexreverse {
        flex-direction: column-reverse;
    }
    .content_dev_intro .contentflexdiv {
        width: 100%;
    }
    #content_dev .titleh2 {
        margin: 30px 0;
    }
    .content_dev_products .produit {
        width: 100%;
    }
    .mob100 {
        width: 100%;
    }
    .mob70 {
        width: 70%;
    }
    #content_dev iframe {
        height: 190px;
    }
    /****/
    .brand-buttons {
        margin-bottom: 20px;
    }
    #content_dev .reponses,
    #content_dev .reponses,
    #content_dev .reponses,
    #content_dev .reponses,
    #content_dev .reponses {
        margin: 0;
        padding: 20px 10px;
    }
    #content_dev .reponse.to {
        margin: 0;
    }
    #content_dev .message {
        width: 75%;
    }
    .guerlainproducts .ctablack {
        margin-bottom: 70px;
    }
    .blocproducts {
        margin-bottom: 70px;
    }
    #content_dev h1 {
        font-size: 18px;
        line-height: 32px;
    }
    .content_dev_blockinfos p {
        padding: 0 10px 20px;
    }
    #content_dev h2 {
        font-size: 24px;
        width: 100%;
        line-height: 30px;
    }
    #content_dev h2 span {
        font-size: 24px;
    }
    #content_dev .tartetitle {
        background-size: contain;
        height: 85px;
        margin-bottom: 0 !important;
    }
    #content_dev .tartetitle h2 span {
        display: block;
        font-size: 34px;
    }
    #content_dev .tartetitle-corrector h2 {
        padding: 5px 0 0 15px;
    }
    #content_dev .tartetitle-maracuya h2 {
        padding-top: 20px;
        margin-left: -27px;
    }
    #content_dev .tartetitle-arcilla h2 {
        padding: 15px 0 0 20px;
    }
    #content_dev .tartetitle-arte h2 {
        padding: 0;
        margin-left: -25px;
    }
    .contentflex .descright {
        padding: 10px;
    }
    #content_dev .freshheader img {
        width: 50%;
    }
    #content_dev .freshgoodskin a {
        margin-bottom: 50px;
    }
    #content_dev .freshboston div {
        width: inherit;
    }
    #content_dev .contentflex .desc p {
        padding: 0;
    }
    #content_dev .freshsweet .desc p {
        padding: 15px 0;
    }
    #content_dev .freshfooter a {
        margin: 20px 0;
    }
    #content_dev .contentflex {
        flex-direction: column;
        text-align: center;
    }
    #content_dev .contentflexnocolumnonmobile {
        flex-direction: row;
    }
    #content_dev .contentflexreverse {
        flex-direction: column-reverse;
        margin-top: 0;
    }
    #content_dev .contentflex img {
        max-width: 100%;
    }
    #content_dev .contentflex .div60 {
        width: 100%;
    }
    #content_dev .contentflex .desc {
        text-align: center;
        padding: 10px;
    }
    #content_dev .contentflex .desc p {
        width: 100%;
    }
    #content_dev .contentflex .desc .cta {
        display: inline-block;
        padding: 10px 20px;
        color: #5b5b5b;
        text-transform: uppercase;
        background-color: #fff;
    }
    #content_dev .armaniprivecontentprod .blocprodright {
        width: 100%;
    }
    #content_dev .armaniprivecontentprod .blocprodleft {
        width: 100%;
        padding: 0;
    }
    .armanipriveplayer {
        overflow: hidden;
    }
    .armanipriveplayer img {
        margin-left: -130px;
        width: 180%;
    }
}