@font-face {
    font-family: Avalon;
    font-weight: bold;
    src: url("fonts/sephora/Avalon-Bold.eot");
    /* IE9 Compat Modes */
    src: url("fonts/sephora/Avalon-Bold.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("fonts/sephora/Avalon-Bold.woff") format("woff"),
        /* Modern Browsers */
        url("fonts/sephora/Avalon-Bold.ttf") format("truetype"),
        /* Safari, Android, iOS */
        url("fonts/sephora/Avalon-Bold.svg#svgFontName") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: Avalon-Demi;
    font-weight: normal;
    src: url("fonts/sephora/avalon-demi-webfont.eot");
    /* IE9 Compat Modes */
    src: url("fonts/sephora/avalon-demi-webfont.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("fonts/sephora/avalon-demi-webfont.woff") format("woff"),
        /* Modern Browsers */
        url("fonts/sephora/avalon-demi-webfont.ttf") format("truetype"),
        /* Safari, Android, iOS */
        url("fonts/sephora/avalon-demi-webfont.svg#svgFontName") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: Avalon-Demi;
    font-weight: bold;
    src: url("fonts/sephora/avalon-demi-webfont.eot");
    /* IE9 Compat Modes */
    src: url("fonts/sephora/avalon-demi-webfont.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("fonts/sephora/avalon-demi-webfont.woff") format("woff"),
        /* Modern Browsers */
        url("fonts/sephora/avalon-demi-webfont.ttf") format("truetype"),
        /* Safari, Android, iOS */
        url("fonts/sephora/avalon-demi-webfont.svg#svgFontName") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: BlackDiamond;
    font-weight: normal;
    src: url("fonts/sephora/BlackDiamond.eot");
    /* IE9 Compat Modes */
    src: url("fonts/sephora/BlackDiamond.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("fonts/sephora/BlackDiamond.woff") format("woff"),
        /* Modern Browsers */
        url("fonts/sephora/BlackDiamond.ttf") format("truetype"),
        /* Safari, Android, iOS */
        url("fonts/sephora/BlackDiamond.svg#svgFontName") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: CenturyGothicPro;
    font-weight: normal;
    src: url("fonts/sephora/CenturyGothicPro.eot");
    /* IE9 Compat Modes */
    src: url("fonts/sephora/CenturyGothicPro.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("fonts/sephora/CenturyGothicPro.woff") format("woff"),
        /* Modern Browsers */
        url("fonts/sephora/CenturyGothicPro.ttf") format("truetype"),
        /* Safari, Android, iOS */
        url("fonts/sephora/CenturyGothicPro.svg#svgFontName") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: CenturyGothicPro;
    font-weight: bold;
    src: url("fonts/sephora/CenturyGothicPro-Bold.eot");
    /* IE9 Compat Modes */
    src: url("fonts/sephora/CenturyGothicPro-Bold.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("fonts/sephora/CenturyGothicPro-Bold.woff") format("woff"),
        /* Modern Browsers */
        url("fonts/sephora/CenturyGothicPro-Bold.ttf") format("truetype"),
        /* Safari, Android, iOS */
        url("fonts/sephora/CenturyGothicPro-Bold.svg#svgFontName") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: CenturyGothicPro;
    font-weight: italic;
    src: url("fonts/sephora/CenturyGothicPro-Italic.eot");
    /* IE9 Compat Modes */
    src: url("fonts/sephora/CenturyGothicPro-Italic.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("fonts/sephora/CenturyGothicPro-Italic.woff") format("woff"),
        /* Modern Browsers */
        url("fonts/sephora/CenturyGothicPro-Italic.ttf") format("truetype"),
        /* Safari, Android, iOS */
        url("fonts/sephora/CenturyGothicPro-Italic.svg#svgFontName") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: SephoraPro;
    font-weight: bold;
    src: url("fonts/sephora/SephoraPro-Bold.eot");
    /* IE9 Compat Modes */
    src: url("fonts/sephora/SephoraPro-Bold.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("fonts/sephora/SephoraPro-Bold.woff") format("woff"),
        /* Modern Browsers */
        url("fonts/sephora/SephoraPro-Bold.ttf") format("truetype"),
        /* Safari, Android, iOS */
        url("fonts/sephora/SephoraPro-Bold.svg#svgFontName") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: ITCAvantGarde bold;
    src: url("fonts/sephora/ITCAvantGardeW1G-Bold.otf"),
        url("fonts/sephora/ITCAvantGardeW1G-Bold.woff") format("woff"),
        url("fonts/sephora/ITCAvantGardeW1G-Bold.woff2") format("woff");
}

@font-face {
    font-family: ITCAvantGarde medium;
    src: url("fonts/sephora/ITCAvantGardeW1G-Medium.otf"),
        url("fonts/sephora/ITCAvantGardeW1G-Medium.woff") format("woff"),
        url("fonts/sephora/ITCAvantGardeW1G-Medium.woff2") format("woff");
}

@font-face {
    font-family: ITCAvantGarde book;
    src: url("fonts/sephora/ITCAvantGardeW1G-Book.otf"),
        url("fonts/sephora/ITCAvantGardeW1G-Book.woff") format("woff"),
        url("fonts/sephora/ITCAvantGardeW1G-Book.woff2") format("woff");
}

/**** Surcharge bandeau cookie ****/
#footer_tc_privacy_container_text {
    overflow: auto !important;
}
body:not(:has(#tc-privacy-wrapper)) #tc-privacy-overlay-banner {
    display: none !important;
}
/**********************************/

html,
body.gift-card-app {
    font-family: 'ITCAvantGarde book', sans-serif;
    color: #000;
    background-color: #fff;
    background-position: center top;
    background-repeat: no-repeat;
}

* {
    outline: none;
}

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

a:hover,
a:focus {
    color: #c00;
}

p,
.html-page-name-balanceConsult .ecard-number-label,
.html-page-name-balanceConsult .code-pin-label-block,
.edit-summary-container .edit-summary-description-block {
    font-style: normal;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 1.5;
}

.mb-30 {
    margin: 15px 0px 50px 0px;
}

.txtright {
    text-align: right !important;
}

.global {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
    background-image: none !important;
}

.global>.container {
    padding-top: 0px;
    padding-bottom: 46px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 1200px) {
    .global .body .container {
        width: 100%;
    }
}

.block-containers {
    /*box-shadow: 0px 0px 10px 0px #dAdFe2;*/
    margin: auto;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

@media (min-width: 768px) {

    .block-containers,
    .global-container-introduction,
    .introduction-comment {
        width: 750px;
    }
}

@media (min-width: 992px) {

    .block-containers,
    .global-container-introduction,
    .introduction-comment {
        width: 970px;
    }
}

@media (min-width: 1200px) {

    .block-containers,
    .global-container-introduction,
    .introduction-comment {
        width: 1140px;
    }
}

.lt-ie9 body {
    background: none no-repeat center center #fff !important;
}

.lt-ie9 .compatibility-issue {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10000;
    width: 100%;
    height: 600px;
    background: url('../images/incompatibility-fr.jpg') no-repeat center center;
}

.lt-ie9[lang="fr"] .compatibility-issue {
    display: block;
    background: url('../images/incompatibility-fr.jpg') no-repeat center center;
}

/* Banner */

/* start clearfix */
.banner-text:before,
.banner-text:after {
    display: table;
    content: " ";
}

.banner-text:after {
    clear: both;
}

/* end clearfix */

@media screen and (min-width: 651px) {
    .banner {
        display: block;
        background: #ffffff none repeat scroll 0 0;
        color: #000000;
        font-size: 16px;
    }

    .banner-text {
        display: block;
        background: #ffffff none repeat scroll 0 0;
        margin-top: 10px;
    }


    .banner-text .logo {
        float: left;
        height: 35px;
    }

    .banner-text .favoris,
    .banner-text .compte,
    .banner-text .shop {
        height: 35px;
        cursor: pointer;
        display: block;
        float: right;
        margin-right: 30px;
        padding-bottom: 10px;
        padding-top: 15px;
    }

    .gift-card-app .banner-text .favoris a,
    .gift-card-app .banner-text .compte a,
    .gift-card-app .banner-text .logo a,
    .gift-card-app .banner-text .shop a {
        display: block;
        color: #000000;
        font-family: "ITCAvantGarde bold";
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 1.1px;
        text-decoration: none;
    }

    .banner-text .favoris a:hover,
    .banner-text .compte a:hover,
    .banner-text .logo a:hover,
    .banner-text .shop a:hover {
        color: #c00;
    }

    .banner-text .logo {
        margin-left: 35px;
    }

    .icon-logo {
        -moz-user-select: none;
        background-color: transparent;
        background-image: url("../images/sephora/logo.png");
        background-repeat: no-repeat;
        display: inline-block;
        height: 35px;
        width: 200px;
        margin-top: 15px;
    }

    .icon-shop {
        -moz-user-select: none;
        background-color: transparent;
        background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 26 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.5 0.599998H24.6V19.8H0.5V0.599998Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.70001 19.7V9.8H16.4V19.7' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.6 9.89999V19.6' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.900024 2.7H24.3' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.900024 4.8H24.3' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.900024 7H24.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        display: inline-block;
        vertical-align: bottom;
        height: 35px;
        line-height: 11px;
        width: 35px;
        margin-right: 10px;
    }

    .icon-heart {
        -moz-user-select: none;
        background-color: transparent;
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 20010904//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3E%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35.000000 35.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,35.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M90 260 c-39 -39 -16 -100 58 -159 l41 -32 50 46 c58 54 75 91 57%0A126 -15 31 -60 47 -87 31 -14 -9 -25 -9 -39 -2 -29 16 -58 12 -80 -10z m88%0A-12 c9 -9 15 -9 24 0 19 19 66 15 78 -7 17 -33 12 -48 -38 -102 l-49 -53 -36%0A28 c-20 16 -46 44 -58 62 -20 32 -20 36 -5 59 18 27 63 34 84 13z'/%3E%3C/g%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        display: inline-block;
        vertical-align: bottom;
        height: 35px;
        line-height: 11px;
        width: 35px;
    }

    .text-login-shop {
        display: inline-block;
        vertical-align: middle;
        line-height: 32px;
        font-weight: normal;
        font-family: "ITCAvantGarde medium";
    }

    .icon-login {
        -moz-user-select: none;
        background-color: transparent;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='30' viewBox='0 0 21 22'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%23000' d='M9.888 10.5c-3.71 0-7.05 2.25-8.445 5.688l-.76 1.872A2.5 2.5 0 0 0 3 21.5h15a2.5 2.5 0 0 0 2.316-3.44l-.76-1.872a9.113 9.113 0 0 0-8.444-5.688H9.888zm.337-10a3.5 3.5 0 0 0-3.5 3.5v.381a3.5 3.5 0 0 0 3.5 3.5h.492a3.5 3.5 0 0 0 3.5-3.5V4a3.5 3.5 0 0 0-3.5-3.5h-.492z'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        display: inline-block;
        vertical-align: bottom;
        height: 35px;
        line-height: 11px;
        width: 35px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 767px) {
    .ecard-overview-block img.visual {
        display: none;
    }

    .block-body.gallery-body {
        width: 100% !important;
    }

    .banner {
        display: block;
        background: #000000 none repeat scroll 0 0;
        color: #ffffff;
        font-size: 16px;
    }

    .banner-text {
        display: block;
        background: #000000 none repeat scroll 0 0;
        margin-top: 0px;
        padding-top: 20px;
    }

    .banner-text .favoris a,
    .banner-text .compte a,
    .banner-text .logo a,
    .banner-text .shop a {
        display: block;
        color: #ffffff;
        font-family: Arial;
        font-size: 16px;
        font-weight: 900;
        text-decoration: none;
    }

    .banner-text .favoris a:hover,
    .banner-text .compte a:hover,
    .banner-text .logo a:hover,
    .banner-text .shop a:hover {
        color: #c00;
    }

    .banner-text .logo {
        margin-left: 20px;
        float: left;
        height: unset;
    }

    .banner-text .favoris,
    .banner-text .compte,
    .banner-text .shop {
        float: right;
        padding-bottom: 20px;
        padding-top: 27px;
    }

    .icon-logo {
        -moz-user-select: none;
        background-color: transparent;
        background-image: url("../images/sephora/logo-white.png");
        background-repeat: no-repeat;
        display: block;
        height: 100px;
        line-height: 11px;
        width: 280px;
        margin-top: 0px;
    }

    .icon-heart,
    .icon-shop {
        display: none;
    }

    .text-login-shop {
        display: none;
    }

    .icon-login {
        -moz-user-select: none;
        background-color: transparent;
        background-image: url("../images/sephora/login-white.png");
        background-repeat: no-repeat;
        display: inline-block;
        vertical-align: bottom;
        height: 44px;
        line-height: 11px;
        width: 44px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .html-page-name-ecardEdit h3 {
        text-align: left !important;
    }
}

@media screen and (max-width: 373px) {

    .banner-text .compte,
    .banner-text .shop {
        padding-top: 0px;
    }
}


/* Header */
header {
    position: sticky;
    display: block;
    width: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 100%;
    /*max-width:1140px;*/
    min-height: 80px;
    margin: 0 auto;
    box-shadow: none;
    margin-top: 0px;
    z-index: 10000;
    top: 0px;
}

.gift-card-app header .header-logo {
    /*display: none;
  float: left;*/
    margin: 0px 0px 0px 0px;
}

header .header-title {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-transform: none !important;
    line-height: 24px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

header .header-logo img {
    /*display: none;
  float: left;*/
    margin: 0px auto;
    width: 100%;
}

header .header-title:hover {
    text-decoration: none;
}

@media screen and (min-width: 1202px) {

    header .header-logo a {
        padding-top: 20px;
        min-height: 65px;
    }

    header .header-title {
        line-height: 15px;
        padding: 0px 0px 0px 0px;
        color: #000;
    }
}

@media screen and (min-width: 994px) and (max-width: 1201px) {
    header {
        max-width: 1080px;
    }

    header .header-logo a {
        padding-top: 20px;
        min-height: 60px;
    }

    header .header-title {
        line-height: 10px;
        padding: 20px 0px 0px 0px;
        color: #000;
    }
}

@media screen and (min-width: 768px) and (max-width: 993px) {
    .global>.container {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 0px;
    }

    /*
  header {
    max-width:720px;
  }*/

    header .header-logo img {
        float: none;
        display: block;
        margin: 0px auto 0px auto;
    }

    header .header-logo a {
        padding-top: 20px;
        /*margin-bottom: 22px;*/
        min-height: 60px;
    }

    header .header-title {
        padding: 20px 0px 0px 0px;
        color: #000;
        font-size: 15px;
        line-height: 30px;
    }
}

@media screen and (max-width: 767px) {
    .banner {
        margin: 0 -13px;
    }

    .banner .container {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    header {
        background-image: none !important;
    }

    header .header-logo img {
        float: none;
        display: block;
        margin: 0px auto 0px 20px;
    }

    header .header-logo a {
        padding-top: 20px;
        min-height: 60px;
    }

    .title-img {
        margin: 0px 0px 20px 0px;
        max-width: 100%;
    }

    header .header-title {
        padding: 0px 13px 0px 13px;
        color: #000;
        font-size: 15px;
        line-height: 30px;
    }

    .block-body {
        padding: 0 12px;
    }
}

/* Menu */
.gift-card-app header .after-logo {
    margin: 12px 0px 0px 0px;
}

.gift-card-app header .header-menu {
    float: none;
    padding: 8px 0px 0px 0px;
}

.gift-card-app header .navbar .navbar-nav {
    margin: 0px 0px 0px 10px;
}

.gift-card-app header .header-menu a {
    padding: 0px 20px 0px 20px;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    color: #000000;
    font-size: 16.5px;
    font-style: normal;
    font-family: "ITCAvantGarde medium";
    font-weight: normal;
    letter-spacing: 2px;
}

.gift-card-app header .header-menu a:hover {
    text-decoration: none;
    color: #c00;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .gift-card-app header .header-menu a {
        padding: 0px 8px 0px 8px;
        font-size: 16px;
    }
}

@media screen and (min-width: 768px) {
    .gift-card-app .header-menu .navbar {
        min-height: 0px;
        margin-bottom: 0px;
    }

    .gift-card-app .header-menu .navbar-default {
        background-color: transparent;
        border-color: transparent;
        border-radius: 0px;
        margin-right: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .gift-card-app .header-menu .container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }

    .gift-card-app .header-menu .navbar-collapse {
        padding: 0 20px;
        /*margin: 0 auto;*/
        width: 100%;
        display: flex !important;
        justify-content: center;
    }

    .gift-card-app header .navbar .navbar-nav a:hover {
        background: transparent;
    }
}

@media screen and (max-width: 767px) {
    .gift-card-app header .after-logo {
        margin: 5px 0px 0px 0px;
    }

    .gift-card-app header .header-menu a {
        color: #000;
    }

    .gift-card-app header .header-menu a:hover {
        color: #c00;
    }

    .gift-card-app header .header-logo {
        position: relative;
        z-index: 1000;
    }

    .gift-card-app header .header-menu {
        padding: 0px 0px 0px 0px;
        float: none;
        background-color: transparent;
    }

    .gift-card-app .header-menu .navbar-default {
        background-color: transparent;
    }

    .gift-card-app header .navbar-default {
        background-color: transparent;
        border-radius: 0px;
        border-top: 0px solid transparent;
        border-color: transparent;
    }

    .gift-card-app header .navbar {
        border: 0px solid transparent;
    }

    .gift-card-app header .navbar .navbar-nav {
        background-color: #000;
        margin: 0px 0px 0px 0px;
    }

    .gift-card-app header .navbar .navbar-nav {
        background-color: #f6f6f6;
        padding: 20px 5px;
    }

    .gift-card-app header .navbar .navbar-nav a:hover {
        background-color: #f6f6f6;
        color: #c00;
    }

    .gift-card-app header .navbar-toggle {
        background-color: transparent;
    }

    .gift-card-app header .navbar-default .navbar-toggle:focus,
    .gift-card-app header .navbar-default .navbar-toggle:hover {
        background-color: transparent;
    }

    .gift-card-app header .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: transparent;
    }
}


/* Footer */
footer {
    padding: 20px 30px;
    min-height: 60px;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-color: #000;
    text-align: center;
    box-shadow: 0px 0px 0px 0px #aaa;
    color: #fff;
    max-width: 1336px;
    width: 100%;
    margin: 0px auto 0;
}

footer p {
    margin: 20px 0px;
}

footer p a {
    display: inline-block;
    padding: 0px 12px;
}

footer .footer-link {
    cursor: pointer;
    line-height: 22px;
    color: #fff;
}

footer .footer-link:hover,
.footer-link:focus {
    color: #c00;
}


/* GTS */

.payment-gts-block .merry-goblin-iframe-popin-link {
    color: #000;
}

.payment-gts-block .merry-goblin-iframe-popin-link:hover {
    color: #c00;
    text-decoration: underline;
}


/* Content */
.body {
    padding-top: 0px;
}

.cards-img {
    margin: 90px 0px 0px 0px;
    max-width: 100%;
}

.block-container {
    padding-bottom: 15px;
}

.block-container h3 {
    /*margin-bottom: 40px;*/
    padding: 30px 40px 0px 30px;
    background-color: transparent;
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    text-align: left;
}

.block-container.confirm-container {
    text-align: center;
}

.block-container.confirm-container .container,
.block-container.edit-ecard-container .container,
.block-container.identity-verification-container .container {
    width: 100%;
}

.block-container.confirm-container .confirm-title h3,
.block-body.confirm-body h3.chapter-title {
    margin: 0px;
    text-align: center;
    background-color: #fff;
    color: #000;
}

.block-container.confirm-container .confirm-livstick-block {
    display: inline-block;
    margin: 12px 0;
    padding: 0 60px;
}

.block-container.confirm-return-container a.btn {
    /*line-height: 40px;
  height: 50px;*/
    width: 35%;
}

@media screen and (max-width: 892px) {

    .block-body.edit-summary-body .edit-summary-description-block,
    .block-body.edit-summary-body .edit-summary-visual-block {
        width: 100%;
        padding-left: 0px;
    }
}

.block-body.confirm-body {
    padding: 0;
}

.block-body.confirm-return-body {
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .block-container h3 {
        padding: 30px 0px 0px 0px;
    }
}

@media screen and (max-width: 992px) {
    .cards-img {
        display: none;
    }

    .mb-30 {
        margin-bottom: 0px;
    }

}

.global-container-introduction {
    display: block;
    margin: 0 auto;
    padding: 0px 0px 30px 0px;
    text-align: left;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

@media screen and (min-width: 993px) {
    .global-container-introduction .col-md-4 {
        padding-left: 0px !important;
        width: 30% !important;
    }

    .global-container-introduction .col-md-8 {
        padding-right: 0px !important;
        padding-left: 0px !important;
        width: 70% !important;
    }
}

.global-container-introduction ul {
    margin-bottom: 0px;
    padding: 20px 0px 20px 20px;
    font-size: 16px;
    text-align: left;
    list-style-type: decimal;
    line-height: 22px;
}

.introduction-subtitle {
    font-size: 17px;
    font-weight: 600;
    line-height: 24px;
}

.introduction-comment {
    margin: 7px auto;
    font-size: 12px;
    font-weight: normal;
    clear: both;
}

@media screen and (max-width: 992px) {

    .global-container-introduction,
    .global-container-introduction ul,
    .global-content-introduction {
        text-align: center;
    }

    .introduction-comment {
        margin: 7px 10px;
    }

    .beneficiary-body .introduction-comment {
        width: 100%;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .introduction-comment {
        margin: 7px auto;
    }
}

.cgv-comment {
    margin: 20px 10px 0px 10px;
    font-size: 12px;
    font-weight: normal;
}

.cgv-comment a:hover {
    cursor: pointer;
}

.ecard-new,
.ecard-confirm,
.ecard-edit,
.ecard-cms,
.ecard-burn,
.ecard-account,
.ecard-default {
    min-height: 650px;
    padding: 0px 0px 40px 0px;
    box-shadow: 0px 0px 0px 0px #dAdFe2;
}

@media screen and (min-width: 994px) and (max-width: 1201px) {
    .global-container-introduction ul {
        padding: 20px 0px 20px 20px;
    }
}

@media screen and (min-width: 768px) and (max-width: 993px) {

    .ecard-new,
    .ecard-confirm,
    .ecard-edit,
    .ecard-cms,
    .ecard-burn,
    .ecard-account,
    .ecard-default {
        min-height: 650px;
        padding: 0px 0px 40px 0px;
        box-shadow: 0px 0px 10px 0px #dAdFe2;
    }

    .block-containers {
        /*min-height: 650px;*/
        padding: 0px 0px 40px 0px;
    }

    .global-container-introduction {
        padding-bottom: 20px;
    }

    .global-container-introduction ul {
        padding: 20px 0px 20px 20px;
    }
}

@media screen and (max-width: 767px) {

    .ecard-new,
    .ecard-confirm,
    .ecard-edit,
    .ecard-cms,
    .ecard-burn,
    .ecard-account,
    .ecard-default {
        min-height: 650px;
        padding: 0px 0px 40px 0px;
        box-shadow: 0px 0px 10px 0px #dAdFe2;
    }

    .global-container-introduction {
        padding: 0px 10px 15px 10px;
        line-height: 25px;
        font-size: 18px;
    }

    .global-container-introduction ul {
        padding: 20px 0px 20px 20px;
        font-size: 16px;
    }

    .html-page-name-ecardEdit .amount-container .free-amount {
        max-width: 200px !important;
        margin: 0px auto 25px;
    }
}

section.content .ecard-new h3,
section.content .ecard-confirm h3,
section.content .ecard-edit h3,
section.content .ecard-cms h3,
section.content .ecard-burn h3,
section.content .ecard-account h3,
section.content .ecard-default h3 {
    margin: 15px 0px 40px 0px;
    padding: 60px 40px 0px 30px;
    background-color: transparent;
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    text-align: center;
}

section.content h3:first-child,
section.content .ecard-new h3:first-child,
section.content .ecard-confirm h3:first-child,
section.content .ecard-edit h3:first-child,
section.content .ecard-cms h3:first-child,
section.content .ecard-burn h3:first-child,
section.content .ecard-account h3:first-child,
section.content .ecard-default h3:first-child {
    margin-top: 0px;
}

section.content .ecard-new h4,
section.content .ecard-confirm h4,
section.content .ecard-edit h4,
section.content .ecard-cms h4,
section.content .ecard-burn h4,
section.content .ecard-account h4,
section.content .ecard-default h4 {
    font-weight: bold;
    font-size: 20px;
    color: #000;
}

section.content .ecard-new p+h4,
section.content .ecard-confirm p+h4,
section.content .ecard-edit p+h4,
section.content .ecard-cms p+h4,
section.content .ecard-burn p+h4,
section.content .ecard-account p+h4,
section.content .ecard-default p+h4 {
    margin-top: 30px;
}

section.content .ecard-new .wrapper,
section.content .ecard-confirm .wrapper,
section.content .ecard-edit .wrapper,
section.content .ecard-cms .wrapper,
section.content .ecard-burn .wrapper,
section.content .ecard-account .wrapper,
section.content .ecard-default .wrapper {
    padding-left: 40px;
    padding-right: 40px;
}

section.content .ecard-new .wrapper .g-recaptcha {
    padding-bottom: 15px;
    text-align: center;
}

section.content .ecard-new .wrapper .g-recaptcha>div {
    display: inline-block;
}

@media screen and (max-width: 767px) {

    section.content .ecard-new h3,
    section.content .ecard-confirm h3,
    section.content .ecard-edit h3,
    section.content .ecard-cms h3,
    section.content .ecard-burn h3,
    section.content .ecard-account h3,
    section.content .ecard-default h3 {
        margin-top: 30px;
        padding: 6px 12px 10px 12px;
    }

    section.content .ecard-new .wrapper,
    section.content .ecard-confirm .wrapper,
    section.content .ecard-edit .wrapper,
    section.content .ecard-cms .wrapper,
    section.content .ecard-burn .wrapper,
    section.content .ecard-account .wrapper,
    section.content .ecard-default .wrapper {
        padding-left: 12px;
        padding-right: 12px;
    }

    .ecard-confirm .confirm-livstick-block {
        padding: 0px 0px 0px 60px;
    }
}

.block-body .dispatch-guide h4 {
    font-size: 20px;
    color: #000;
}

.block-body .dispatch-guide h4 .picto-group-gift {
    background-color: transparent;
    background-image: url('../images/sephora/picto-group-gift.jpg');
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: top;
    height: 54px;
    width: 54px;
}

.block-body .dispatch-guide h4 .title-group-gift {
    padding-left: 10px;
    line-height: 54px;
}

div.guide p {
    line-height: 20px;
    padding: 0 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='6' style='fill:%23000;'/%3E%3C/svg%3E%0A") no-repeat 0 7px transparent;
}

div.guide .participations li {
    padding: 0 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='6' style='fill:%23444;'/%3E%3C/svg%3E") no-repeat 0 7px transparent;
}

div.guide p:before,
div.guide .participations li:before {
    content: none;
}

div.block-tip-send-date {
    margin-top: 15px;
}

div.block-tip-send-date .tip {
    font-size: 1em;
    width: 24%;
    min-width: 300px;
    position: absolute;
    margin-top: 76px;
    margin-left: -330px;
}

.carousel-visuals-block {
    padding: 0px 55px 0px 0px !important;
    float: none !important;
    width: 100% !important;
}

.carousel-visuals-block .visual {
    width: 100%;
    padding: 8px;
    cursor: pointer;
}

.carousel-visuals-block .visual.active {
    background-color: #c00;
}

@media screen and (max-width: 768px) {
    .carousel-visuals-block {
        padding: 0 25px !important;
    }
}

@media screen and (max-width: 991px) {
    .gallery-container .slick-visuals {
        padding: 0;
    }
}

.gift-card-app .slick-prev::before,
.slick-next::before {
    content: '';
    color: #000;
}

.gift-card-app .slick-prev {
    margin-top: 10px;
    top: 34px;
    width: 45px;
    height: 45px;
    left: -45px;
    background: url('../../custom_assets/images/1213/b2c/left-arrow.svg') no-repeat top center transparent;
    display: none;
}

.gift-card-app .slick-next {
    margin-top: 10px;
    top: 34px;
    width: 45px;
    height: 45px;
    right: -45px;
    background: url('../../custom_assets/images/1213/b2c/right-arrow.svg') no-repeat top center transparent;
    display: none;
}

@media screen and (max-width: 767px) {
    .gift-card-app .slick-prev {
        left: -45px;
    }

    .gift-card-app .slick-next {
        right: -45px;
    }
}

.gift-card-app li:only-child {
    display: none;
}


/* Visual overview */
@media screen and (max-width: 767px) {
    .ecard-overview img.visual {
        width: 100%;
    }
}

.beneficiary-body .livstick-group {
    padding-left: 80px;
    background-image: url("../images/sephora/picto-video-message.jpg");
    background-position: 0px 40%;
    background-repeat: no-repeat;
}

.beneficiary-body .livstick-group div.announcement p {
    margin: 24px 0px 12px 0px;
}

.beneficiary-body .livstick-group div.announcement a.btn {
    margin: 12px 0px 24px 0px;
}

@media screen and (min-width: 767px) and (max-width: 991px) {
    .block-body {
        padding: 20px 40px;
    }
}

.dispatch-container .dispatch-method-choice {
    background: url(../images/uitabs/pixel-border-grey-a9a9a9.png) repeat-x bottom left transparent;
}

.dispatch-container .send-type-block {
    border: 1px solid #A9A9A9;
    color: #fff;
    background-color: #A9A9A9;
    font-weight: bold;
    font-size: 15px;
}

.dispatch-container .send-type-block-active .radiobox-label {
    color: #c00;
    background-color: #fff;
    font-weight: normal;
    font-size: 15px;
}

.dispatch-container .dispatch-method-choice-content-block {
    min-height: 150px;
    border: 1px solid #A9A9A9;
    border-top: 0px solid transparent;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.dispatch-container .dispatch-send-date-type .radiobox-icon {
    background-image: url("../images/forms/radiobox-1c2641-blue.png");
}


/* Popin */

.merry-goblin-modal-popin-wrapper,
.merry-goblin-iframe-popin-wrapper {
    position: fixed;
    top: 60px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 0px;
    text-align: center;
    background-color: rgba(66, 53, 46, 0.8);
    cursor: pointer;
}

.merry-goblin-modal-popin-content {
    position: relative;
    display: inline-block;
    width: auto;
    top: 12%;
    padding: 0px;
    max-width: 90%;
    max-height: 90%;
    background-color: #fff;
    border-radius: 12px;
    cursor: default;
}

.merry-goblin-iframe-popin-content {
    position: relative;
    display: inline-block;
    width: auto;
    top: 12%;
    padding: 0px;
    min-width: 75%;
    max-width: 90%;
    min-height: 75%;
    max-height: 90%;
    background-color: #fff;
    border-radius: 12px;
    cursor: default;
}

.merry-goblin-iframe-popin-close {
    position: absolute;
    right: 4px;
    top: 4px;
    width: 32px;
    height: 32px;
    opacity: 0.3;
    cursor: pointer;
    z-index: 10000;
}

.merry-goblin-iframe-popin-close:hover {
    opacity: 1;
}

.merry-goblin-iframe-popin-close:before,
.merry-goblin-iframe-popin-close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #333;
}

.merry-goblin-iframe-popin-close:before {
    transform: rotate(45deg);
}

.merry-goblin-iframe-popin-close:after {
    transform: rotate(-45deg);
}

.merry-goblin-iframe-popin-iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding-top: 9px;
    padding-bottom: 9px;
    border: 0px solid transparent;
}

@media (max-width: 767px) {
    .merry-goblin-iframe-popin-content {
        top: 5%;
        min-width: 90%;
        min-height: 90%;
    }

    .merry-goblin-iframe-popin-close {
        opacity: 1;
    }
}


/* Burn */
.form-ecard-number-connect {
    text-align: center;
}

.ecard-number-label {
    margin: 12px 0px;
    text-align: center;
    padding-top: 20px;
}

.ecard-number-fields {
    /* max-width: 420px;
  margin: 12px auto;*/
}

.button-ecard-number-connect {
    margin: 12px 0px;
}

.open-gift-card-popin .glyphicon {
    font-size: 1.2em;
}

.extra-amount-row {
    line-height: 32px;
}


/* Livstick video */
.livstick-group {
    width: 100%;
    /*max-width: 55%;*/
    padding: 24px 0px 12px 0px;
}

@media screen and (max-width: 991px) {
    .livstick-group {
        max-width: none;
    }
}


/* Amounts */
.amount-body .free-amount-block {
    overflow: inherit;
    /*float: left;
  width: 26%;*/
    zoom: 1;
}

.amount-body .fixed-amount-block {
    width: 100%;
}

.amount-body .free-amount {
    margin: 0px 20px 16px 0px;
}

@media screen and (max-width: 767px) {

    .amount-container .free-amount,
    .amount-container .currency-amount {
        display: block;
        float: left;
    }

    .amount-container .free-amount {
        margin-left: 40px;
    }

    .amount-container .free-amount-block,
    .amount-body .fixed-amount-block {
        float: left;
        width: 100%;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .amount-container .currency-amount {
        width: 35px;
    }

    .amount-container .free-amount {
        margin: 0;
    }

    .amount-body .fixed-amount-block {
        float: left;
        width: 100%;
    }

    .amount-body .fixed-amount,
    .edit-amount-body .fixed-amount {
        margin-right: 10px !important;
    }

    #mpsp-payment-means ul {
        width: 100%;
    }
}

.amount-body .fixed-amounts {
    float: inherit;
    display: flex;
    justify-content: space-between;
}

.amount-body .fixed-amount,
.edit-amount-body .fixed-amount {
    display: block;
    /*float: left;*/
    border: 0px solid #000;
    height: 50px;
    margin: 0px 20px 16px 0px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    background-color: #D9D9D9;
    color: #000;
    width: 110px;
    padding: 10px;
}


.amount-body .fixed-amount:hover,
.edit-amount-body .fixed-amount:hover,
.amount-body .fixed-amount.active,
.edit-amount-body .fixed-amount.active {
    background-color: #000;
    color: #fff;
    border: 0px solid #c00;
}

@media screen and (max-width: 767px) {
    .fixed-amounts {
        width: 100%;
    }
}


/* Payment : SMOOTH Cards */
@media screen and (min-width: 767px) {
    .organizer-fields-block .organizer-group-infos-field {
        width: 100%;
    }
}

@media screen and (min-width: 767px) and (max-width: 991px) {
    /*.organizer-infos-field {
    width: 65% !important;
    margin: auto;
    float: none !important;
  }*/
}

.organizer-last-name,
.organizer-email,
.organizer-first-name,
.organizer-confirm-email,
.participant-last-name,
.participant-email,
.participant-first-name,
.participant-confirm-email {
    margin: 0px auto;
}

.payment-captcha-block .g-recaptcha {
    padding: 0 0 0px 0;
}

.calculation-block {
    padding: 0;
}

div.select-payment-methods p {
    padding: 10px 0;
    text-align: left;
    font-size: 18px !important;
    line-height: 35px;
}

.payment-body .conclusion .introduction-comment {
    width: 100%;
}


/* Widget Tabulation */
.ui-widget-content {
    background-color: #fff;
}

.ui-widget-header {
    border: 0px solid transparent;
    background: none center center no-repeat #fff;
    color: #ffffff;
    font-weight: bold;
}

.ui-widget-header .ui-datepicker-title {
    color: #000;
}

.ui-widget {
    font: 400 16px/1.2 "ITCAvantGarde book", sans-serif;
}


/* Fields */
.gift-card-app .form-control {
    border: 1px solid rgba(169, 169, 169, 0.75);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0) inset;
}

.page-group-b2b .gift-card-app .form-control:focus {
    border: 1px solid #000;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(169, 169, 169, 0.6);
}


/* Buttons */
.btn-custom {
    margin-bottom: 20px;
    padding: 10px 30px;
}


.btn-custom {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.btn-custom:hover {
    background-color: #c00 !important;
    border-color: #c00;
    color: #fff;
}

.btn-custom:focus {
    background-color: #c00 !important;
    border-color: #c00;
    color: #fff;
    transition: 0.1s ease-in-out 0.2s;
}


/* Radio boxes */
.checkbox label,
.dispatch-send-date-type label {
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
}

.dispatch-send-date-type label,
.radio-inline label {
    line-height: 22px;
}

.dispatch-send-date-type input[type="radio"]:not(:checked),
.dispatch-send-date-type input[type="radio"]:checked,
.radio-inline input[type="radio"]:not(:checked),
.radio-inline input[type="radio"]:checked {
    display: none;
}

.dispatch-send-date-type input[type="radio"]:not(:checked)+label span.radiobox-icon,
.dispatch-send-date-type input[type="radio"]:checked+label span.radiobox-icon,
.radio-inline input[type="radio"]:not(:checked)+label span.radiobox-icon,
.radio-inline input[type="radio"]:checked+label span.radiobox-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 22px;
    vertical-align: top;
    background-image: url("../images/forms/radiobox-1c2641-blue.png");
    background-repeat: no-repeat;
    background-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.dispatch-send-date-type input[type="radio"]:not(:checked)+label span.radiobox-icon,
.radio-inline input[type="radio"]:not(:checked)+label span.radiobox-icon {
    background-position: top left;
}

.dispatch-send-date-type input[type="radio"]:checked+label span.radiobox-icon,
.radio-inline input[type="radio"]:checked+label span.radiobox-icon {
    background-position: bottom left;
}

.dispatch-send-date-type input[type="radio"]:not(:checked)+label,
.dispatch-send-date-type input[type="radio"]:checked+label,
.radio-inline input[type="radio"]:not(:checked)+label,
.radio-inline input[type="radio"]:checked+label {
    padding-left: 0px;
}

.dispatch-send-date-type input[type="radio"]:not(:checked)+label span.radiobox-label,
.dispatch-send-date-type input[type="radio"]:checked+label span.radiobox-label,
.radio-inline input[type="radio"]:not(:checked)+label span.radiobox-label,
.radio-inline input[type="radio"]:checked+label span.radiobox-label {
    display: inline-block;
    padding-left: 8px;
    min-height: 22px;
    line-height: 22px;
    vertical-align: top;
}

@media screen and (max-width: 767px) {

    .dispatch-send-date-type input[type="radio"]:not(:checked)+label span.radiobox-label,
    .dispatch-send-date-type input[type="radio"]:checked+label span.radiobox-label {
        max-width: unset;
    }

    .radio-inline input[type="radio"]:not(:checked)+label span.radiobox-label,
    .radio-inline input[type="radio"]:checked+label span.radiobox-label {
        max-width: 210px;
    }
}


/* Check boxes */
.checkbox label {
    line-height: 22px;
}

.checkbox-hidden {
    visibility: hidden;
}

.checkbox input[type="checkbox"]:not(:checked),
.checkbox input[type="checkbox"]:checked {
    display: none;
}

.checkbox input[type="checkbox"]:not(:checked)+label span.checkbox-icon,
.checkbox input[type="checkbox"]:checked+label span.checkbox-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    vertical-align: top;
    background-image: url("../images/forms/checkbox-light-grey.png");
    background-repeat: no-repeat;
    background-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type="checkbox"]:not(:checked)+label span.checkbox-icon {
    background-position: 0px 0px;
}

input[type="checkbox"]:checked+label span.checkbox-icon {
    background-position: 0px -22px !important;
    background: #000;
}

input[type="checkbox"]:not(:checked)+label span.checkbox-icon.form-error {
    background-position: 0px -44px;

}

.checkbox input[type="checkbox"]:not(:checked)+label,
.checkbox input[type="checkbox"]:checked+label {
    padding-left: 0px;
}

.checkbox input[type="checkbox"]:not(:checked)+label span.checkbox-label,
.checkbox input[type="checkbox"]:checked+label span.checkbox-label {
    display: inline-block;
    padding-left: 8px;
    min-height: 22px;
    line-height: 22px;
    vertical-align: top;
}

.custom-checkbox label {
    position: relative;
    display: block;
    line-height: 21px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 32px;
    cursor: pointer;
    color: #000;
}

.custom-checkbox label .checkbox-label {
    min-height: 21px !important;
    margin: 0;
    padding: 0;
    line-height: 27px !important;
    cursor: pointer;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .custom-checkbox label span.checkbox-label {
        max-width: 100%;
    }

    .ecard-overview-sub-block-part3 {
        padding: 0;
    }
}

.custom-checkbox label .checkbox-icon {
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 20px !important;
    height: 20px !important;
    background-image: none;
    /*background-repeat: no-repeat;
  background-size: 22px 66px;*/
    border: 1px solid #000;
    border-radius: 3px;
}


/* Errors */
.form-error.form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.form-error.form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}

.form-error.input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
}

.form-error.form-control-feedback {
    color: #a94442;
}

.form-error+.tooltip .tooltip-inner {
    background-color: #a94442;
}

.form-error+.tooltip.top .tooltip-arrow,
.form-error+.tooltip.top-left .tooltip-arrow,
.form-error+.tooltip.top-right .tooltip-arrow {
    border-top-color: #a94442;
}

.form-error+.tooltip.right .tooltip-arrow {
    border-right-color: #a94442;
}

.form-error+.tooltip.left .tooltip-arrow {
    border-left-color: #a94442;
}

.form-error+.tooltip.bottom .tooltip-arrow,
.form-error+.tooltip.bottom-left .tooltip-arrow,
.form-error+.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #a94442;
}


/* Popup overlay plugin */
.modal-popupoverlay {
    width: 100%;
    max-width: 600px;
    min-width: 275px;
    min-height: 300px;
}

#modal-popupoverlay_background {
    transition: all 0.3s 0.3s;
}

#modal-popupoverlay,
#modal-popupoverlay_wrapper {
    transition: all 0.3s ease-out;
}

#modal-popupoverlay {
    transform: translateX(0) translateY(-40%);
}

.popup_visible #modal-popupoverlay {
    transform: translateX(0) translateY(0);
}

.close-popin-link {
    display: block;
    position: relative;
    float: right;
    top: -12px;
    right: -12px;
    width: 30px;
    height: 30px;
    background: url("../images/popin/close-icon.png") no-repeat top left transparent;
    border: 0px solid transparent;
}

.sweet-alert button {
    background-color: #000 !important;
}

.sweet-alert button:hover {
    background-color: #c00 !important;
}

@media screen and (max-width: 600px) {
    .edit-client-form .button-container {
        text-align: center;
    }
}


/* B2B */
/* Ajout linda 23/05/02 */
.b2b-homepage-ecard-content img {
    width: 100%;
    height: auto;
    max-width: 470px !important;
}

/* Alert Message */
.sweet-alert p {
    color: #000;
}

/* Popin */
#upload-photo-popin {
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);
}

.popup_visible #upload-photo-popin {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/* B2B Common */
html.html-page-group-b2b,
body.page-group-b2b {
    font: 400 14.7px/1.5 "ITCAvantGarde book", Arial, sans-serif;
}

.page-group-b2b .ecard-default {
    box-shadow: 0 0 10px 0 #fff ! important;
}

.btn.btn-b2b {
    min-width: 200px;
    background-color: rgb(213, 0, 50);
    padding: 15px 20px;
    font-family: "ITCAvantGarde book";
    font-weight: bold;
    font-size: 20.8px;
    color: #fff;
    border-radius: 0px;
}

.page-group-b2b .button-container {
    padding: 30px 0px 30px 0px;
}

.page-group-b2b .question-p {
    text-decoration: underline;
}

.page-group-b2b .nota-p {
    text-decoration: none;
    font-style: italic;
    font-size: 13px
}

.b2b-popin-container {
    position: relative;
    width: 100%;
    max-width: 600px;
}

.well {
    margin: 20px;
}

.b2b-popin-close-button {
    position: absolute;
    top: -16px;
    right: -16px;
    font-size: 32px;
    background-color: rgba(200, 200, 200, 0.8);
    border-radius: 16px;
    width: 31px;
    height: 33px;
    cursor: pointer;
}

/*.b2b-popin-close-button .glyphicon {
    top: -6px;
}*/

body.page-group-b2b .ecard-default {
    padding-top: 0px;
}

.page-group-b2b .icon-confirmation {
    display: inline-block;
    padding: 16px;
    text-align: center;
    border: 8px solid #000;
    border-radius: 50%;
}

.page-group-b2b .icon-confirmation .icon-confirmation-warning {
    display: inline-block;
    padding: 24px;
    text-align: center;
    border: 0px solid transparent;
    border-radius: 0;
}

.page-group-b2b .icon-confirmation .glyphicon-ok {
    font-size: 60px;
    line-height: 60px;
    color: #4cda64;
}

.page-group-b2b .icon-confirmation .glyphicon-warning-sign {
    font-size: 60px;
    line-height: 60px;
    color: #ec971f;
    top: -5px;
}

.page-group-b2b .icon-confirmation .glyphicon-remove {
    font-size: 60px;
    line-height: 60px;
    color: #e2574c;
}

.page-name-b2b_homepage .separator {
    border-right: 0px solid #ffffff;
    padding-right: 6px;
    padding-bottom: 0px;
}

.page-name-b2b_ecard .separator {
    border-right: 0.5px solid #000000;
    padding-right: 6px;
}

@media screen and (max-width: 991px) {
    .page-name-b2b_ecard .separator {
        border-right: 0px solid #ffffff;
        padding: 0px 12px 20px 12px;
    }
}

@media screen and (max-width: 1200px) {
    .page-name-b2b_homepage .separator {
        border-right: 0px solid #ffffff;
        padding-bottom: 0px;
    }
}

/* B2B Header */
.b2b-header .container,
.b2b-homepage-header .container {
    position: relative;
}

.b2b-header {
    position: relative;
    display: block;
    width: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 100%;
    box-shadow: none;
    margin: 0 auto;
}

.b2b-homepage-header {
    box-shadow: none;
}

.b2b-client-header {
    box-shadow: 0px 2px 3px 0px #ffffff;
}

.b2b-header .b2b-logo-container {
    float: left;
    width: 100%;
    max-width: 491px;
    padding: 24px 20px;
}

@media screen and (min-width: 992px) {
    .b2b-client-header .b2b-logo-container {
        margin-left: -85px;
    }
}

.b2b-header .b2b-logo-container img {
    max-width: 80%;
}

.b2b-header .b2b-header-buttons {
    float: right;
    width: 100%;
    max-width: 580px;
    padding: 24px 0px 32px 0px;
    text-align: right;
}

.b2b-homepage-header .b2b-logo-container a,
.b2b-header .b2b-logo-container a {
    min-height: none !important;
}

@media screen and (max-width: 1200px) {
    .b2b-header .b2b-header-buttons {
        padding: 0px 0px 10px 0px;
        width: 100%;
        max-width: none;
    }
}

@media screen and (max-width: 1059px) {

    .b2b-homepage-header .b2b-logo-container a,
    .b2b-header .b2b-logo-container a {
        min-height: 80px !important;
    }
}

@media screen and (max-width: 767px) {
    .b2b-header .b2b-logo-container img {
        max-width: 491px;
    }

    .b2b-header .b2b-logo-container {
        float: none;
        margin: 0px auto;
        text-align: center;
    }

    .b2b-header .b2b-header-buttons {
        width: 100%;
        float: none;
        text-align: center;
    }

    .b2b-homepage-header .b2b-logo-container a,
    .b2b-header .b2b-logo-container a {
        min-height: 80px !important;
    }
}

.b2b-header .b2b-header-buttons .btn {
    display: inline-block;
    padding: 15px 35px;
    font-size: 20.8px;
    font-family: "ITCAvantGarde book";
    font-weight: bold;
    color: #fff;
    border-radius: 0;
    letter-spacing: 0.5px;
}

.b2b-header .btn.btn-contact {
    background-color: #ccc;
    text-transform: uppercase;
    color: #000;
}

@media screen and (max-width: 600px) {
    .edit-client-form .button-container {
        text-align: center;
    }
}

.b2b-header .btn.btn-customer-area {
    background-color: #000;
    text-transform: uppercase;
}


/* B2B Homepage */
.b2b-header .b2b-homepage-logo-container {
    padding: 16px 0px 16px 0px;
    text-align: left;
    position: relative;
    min-height: 1px;
    float: left;
    width: 30%;
}

.b2b-header .b2b-homepage-header-buttons {
    padding: 64px 0px 32px 0px;
    text-align: center;
    position: relative;
    min-height: 1px;
    float: left;
    width: 70%;
}

html.html-page-name-b2b_homepage,
html.html-page-name-b2b_homepage body.page-name-b2b_homepage {
    background-image: none;
    background-color: #fff;
    max-width: 1140px;
    margin: 0 auto;
}

.col-contact,
.col-customer-area {
    display: inline-block;
    padding: 0px 16px 0px 16px;
    float: none;
    width: auto;
}

@media screen and (max-width: 767px) {

    .col-contact,
    .col-customer-area {
        display: block;
        padding: 0px 16px 20px 16px;
        text-align: center;
    }
}

.b2b-homepage-ecard-title h2 {
    color: rgb(213, 0, 50);
    padding: 0;
}

.tick-img {
    display: inline-block;
    width: 23px;
    height: 17px;
    line-height: 22px;
    vertical-align: top;
    background-image: url("../images/forms/tick-GL.png");
    background-repeat: no-repeat;
    background-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    margin: 8px 0px 0px 0px;
}

.b2b-circle-symbol::before {
    display: inline-block;
    content: '•';
    color: #000000;
    font-size: 30px;
    vertical-align: middle;
    height: 0px;
    -webkit-font-smoothing: antialiased;
    float: left;
    line-height: 40px;
}

.b2b-selected-symbol::before {
    display: inline-block;
    content: '•';
    color: #000;
    font-size: 20px;
    vertical-align: middle;
    height: 0;
    -webkit-font-smoothing: antialiased;
    float: left;
    line-height: 25px;
}

.b2b-homepage-emphasis {
    background-color: #fff;
    text-align: left;
}

.b2b-homepage-emphasis-welcome-sephora {
    font-family: "ITCAvantGarde bold";
    font-weight: normal;
    font-size: 50px;
}

.b2b-homepage-emphasis-text {
    float: left;
    width: 100%;
    padding: 0 30px;
    color: #000;
    font-family: "ITCAvantGarde book";
    font-weight: 400;
    font-size: 26.8px;
}

.b2b-homepage-emphasis-text-sephora {
    float: left;
    width: 100%;
    padding: 0 0 20px 0;
    color: #000;
    font-family: "ITCAvantGarde book";
    font-weight: bold;
    font-size: 32px;
}

.b2b-homepage-emphasis-title {
    text-align: left;
}

.b2b-homepage-emphasis-title h3 {
    padding: 0;
    font-size: 40px;
}

.b2b-homepage-emphasis-subtitle {
    text-align: left;
    font-family: "ITCAvantGarde bold";
    font-weight: 400;
    font-size: 26.8px;
    margin: 0px 0px 10px 0px;
}

.b2b-homepage-emphasis-container {
    text-align: left;
    margin: 0px 0px 0px 0px;
    font-family: "ITCAvantGarde book";
    font-weight: 400;
    font-size: 26.8px;
}

.b2b-homepage-emphasis-content {
    margin: 0;
    font-weight: bold;
}

.b2b-homepage-emphasis-picture {
    display: none;
    float: left;
    width: 100%;
}

.b2b-homepage-emphasis-img-sephora {
    float: left;
    width: 100%;
}

.b2b-homepage-emphasis-picture img,
.b2b-homepage-emphasis-img-sephora img {
    width: 100%;
}

.b2b-homepage-ecard-container>.b2b-homepage-ecard-content:first-child {
    text-align: center;
}

.b2b-homepage-ecard-container>.b2b-homepage-ecard-content:first-child img {
    max-width: 100%;
}

@media screen and (min-width: 1600px) {
    .b2b-homepage-emphasis-title h3 {
        padding: 0px 0px 0px 0px;
        font-size: 45px;
    }

    .b2b-homepage-emphasis-subtitle {
        text-align: left;
        font-size: 35px;
    }

    .b2b-homepage-emphasis-container {
        text-align: left;
        margin: 0;
        font-size: 25px;
    }

    .b2b-circle-symbol::before {
        line-height: 32px;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1550px) {
    .ecard-overview-block {
        width: 64% !important;
        max-width: 545px !important;
        margin: 0 auto;
    }

    .page-name-ecardNew .pre-block-containers {
        height: 595px !important;
    }

    .block-body.gallery-body {
        width: 50% !important;
        height: 77px;
        padding-top: 15px !important;
    }
}

@media screen and (min-width: 1210px) and (max-width: 1330px) {
    .gift-card-app header .header-menu a {
        font-size: 16px;
        letter-spacing: 1px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1300px) {
    .b2b-homepage-emphasis-title h3 {
        padding: 0;
        font-size: 30px;
    }

    .b2b-homepage-emphasis-subtitle {
        text-align: left;
        font-size: 25px;
    }

    .b2b-homepage-emphasis-content {
        margin: 0 0 10px 20px;
    }
}

@media screen and (max-width: 991px) {

    .b2b-homepage-emphasis-text,
    .b2b-homepage-emphasis-picture,
    .b2b-homepage-emphasis-img-sephora {
        float: none;
        width: 100%;
    }
}

.b2b-homepage-ecard {
    position: relative;
    min-height: 1px;
    padding: 0;
}

.b2b-homepage-ecard.card-type {
    display: none;
}

.b2b-homepage-ecard-text {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

@media (min-width: 1201px) {
    .b2b-homepage-ecard {
        float: left;
        width: 100%;
    }

    .b2b-homepage-ecard-text {
        min-height: 420px;
    }
}

.b2b-homepage-ecard-type {
    line-height: 25px;
    font-family: "ITCAvantGarde medium";
    font-weight: 400;
    font-size: 18.7px;
}

.b2b-homepage-ecard-title {
    text-align: left;
    background-color: #fff;
    margin-left: 35px;
}

.b2b-homepage-ecard-title h3 {
    padding: 48px 0 0 0;
    margin-top: 0px !important;
    font-family: "ITCAvantGarde bold" !important;
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
}

.b2b-homepage-ecard-container {
    margin: 0 10px;
}

.b2b-homepage-ecard-content {
    margin: 0 0 20px 20px;
}

.b2b-homepage-ecard-button {
    padding: 0 25px;
    text-transform: uppercase;
}

.btn-homepage {
    min-width: 210px;
}

.b2b-homepage-ecard-button .btn.btn-order {
    padding: 12px 20px;
    font-family: "ITCAvantGarde book";
    font-weight: bold;
    font-size: 20.8px;
    color: #fff;
    border-radius: 0;
    background-color: rgb(213, 0, 50);
}

.b2b-homepage-middle-separator {
    text-align: center;
}

.b2b-homepage-middle-separator img {
    width: auto;
}

.b2b-homepage-footer {
    padding: 30px;
    background-color: #fff;
    color: #000;
}

.b2b-homepage-footer-title {
    text-align: left;
}

.b2b-homepage-footer-title h3 {
    padding: 0 0 20px 0;
    font-family: "ITCAvantGarde bold";
    font-size: 32px;
    font-weight: bold;
}

.b2b-homepage-footer-text {
    padding: 0px 0px 20px 0px;
    text-align: left;
    font-family: "ITCAvantGarde book";
    font-weight: 400;
    font-size: 18.7px;
}

.b2b-homepage-footer-event-title {
    display: none;
    padding: 0px 0px 5px 0px;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
}

.b2b-homepage-footer-event-guide {
    display: none;
    padding: 0px 0px 0px 0px;
    font-size: 20px;
    text-align: left;
}

.b2b-homepage-footer-nota {
    display: none;
    padding: 20px 0px 20px 0px;
    font-size: 20px;
    text-align: left;
    font-style: italic;
}

@media screen and (max-width: 600px) {
    .b2b-homepage-emphasis-welcome-sephora {
        font-size: 60px;
    }

    .b2b-homepage-emphasis-text-sephora {
        font-size: 22px;
    }

    .b2b-homepage-emphasis-subtitle {
        font-size: 22px;
    }

    .b2b-homepage-emphasis-container {
        font-size: 20px;
    }

    .b2b-circle-symbol::before {
        font-size: 25px;
        line-height: 30px;
    }

    .b2b-homepage-ecard-title,
    .b2b-homepage-footer-title {
        text-align: center;
        margin-left: 0px;
    }

    .b2b-homepage-ecard-title h3,
    .b2b-homepage-footer-title h3 {
        font-size: 25px;
    }

    .b2b-homepage-ecard-type,
    .b2b-homepage-footer-text {
        font-size: 17px;
    }

    .b2b-homepage-ecard-container {
        margin: 0;
    }

    .b2b-homepage-ecard-button .btn.btn-order {
        font-size: 15px;
    }

    .b2b-homepage-ecard-button {
        text-align: center;
        padding: 0 0 25px 0;
    }

    .btn-homepage {
        min-width: 180px;
    }

    .b2b-homepage-header .b2b-logo-container {
        padding: 30px 0px 0px 10px !important;
        min-height: 10px !important;
        max-width: unset !important;
        width: 100% !important;
    }

    .b2b-homepage-emphasis-text {
        padding: 0px 20px 0px 20px;
    }

    .b2b-homepage-ecard-text {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .b2b-homepage-footer {
        padding: 40px 20px 40px 20px;
    }
}


@media screen and (min-width: 1201px) {
    .card-type .b2b-homepage-ecard-button {
        margin-top: 90px;
    }
}


/* B2B Client */
html.html-page-name-b2b_client,
html.html-page-name-b2b_client body.page-name-b2b_client,
html.html-page-name-b2b_order_zip_list,
html.html-page-name-b2b_order_zip_list body.page-name-b2b_order_zip_list {
    background-image: none;
    background-color: transparent;
}

.col-contact-client {
    padding: 0px 16px 0px 16px;
    text-align: right;
    position: relative;
    min-height: 1px;
    float: left;
    width: 70%;
}

@media screen and (max-width: 991px) {
    .col-contact-client {
        padding: 0px 16px 0px 16px;
        text-align: center;
        width: 100%;
    }
}

.content .b2b-client {
    max-width: 1270px;
    margin: 0px auto;
    font-size: 18px;
}

.content .b2b-client h3 {
    margin: 20px 0px 20px 0px;
    font-size: 20px;
}

.b2b-client-panel {
    margin: 40px 0px 0px 0px;
    text-align: right;
}

.b2b-client-panel h3,
.b2b-client-orders h3 {
    margin: 20px 0 !important;
    padding: 6px 0px 10px 0px;
    font-family: "ITCAvantGarde bold";
    font-size: 28px !important;
    font-weight: bold;
    background-color: #fff;
    color: #000;
    text-align: left;
}

.b2b-client-panel h3 {
    margin: 0px 0px 20px 0px !important;
}


.b2b-client-orders h3 {
    margin: 20px 0px 20px 0px !important;
}

.b2b-client .b2b-client-panel a {
    display: inline-block;
    padding: 4px 16px;
    color: #000;
    text-decoration: underline;
    font-size: 22px;
    font-weight: bold;
}

.b2b-client-info {
    margin: 16px 0px;
    padding: 8px 16px 16px 16px;
    border: 3px solid rgb(213, 0, 50);
    border-radius: 6px;
}

.b2b-client-info h3 {
    margin: 20px 0px 30px 0px;
    font-weight: bold;
}

.b2b-client-info .edit-link {
    display: block;
    margin: 30px 0px 20px 0px;
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

.b2b-client-info .edit-link span.glyphicon {
    font-size: 24px;
}

.b2b-client-info .edit-link span.link {
    text-decoration: underline;
    color: rgb(213, 0, 50);
}

.b2b-client-orders {
    padding: 20px 0px 20px 0px;
}

.b2b-client-orders .table-striped>tbody>tr,
.b2b-client-orders .table-striped>thead>tr {
    background-color: #dcdcdc;
}

.b2b-client-orders .table tr td {
    font-size: 14px;
}

.b2b-client-orders .table-striped>tbody>tr:nth-of-type(2n+1) {
    background-color: #eeeeee;
}

#edit-client-popin {
    width: 100%;
    max-width: 960px;
}

.edit-client-form h3 {
    margin: 20px 0px 30px 0px;
}

.b2b-client-button {
    padding: 30px 0px 30px 0px;
    text-align: center;
    text-transform: uppercase;
}

.b2b-client-button .btn.btn-client {
    padding: 15px 20px 15px 20px;
    font-size: 20.8px;
    font-family: "ITCAvantGarde book";
    font-weight: bold;
    color: #fff;
    border-radius: 0px;
    background-color: rgb(213, 0, 50);
}

@media screen and (max-width: 600px) {

    .b2b-client-panel h3,
    .b2b-client-orders h3 {
        font-size: 22px !important;
    }
}


/* B2B Login/Registration */
.b2b-password-forgotten-button {
    color: rgb(213, 0, 50);
    margin-bottom: 30px;
}

.login-container h3,
.registration-container h3 {
    padding: 8px 0px 8px 0px !important;
    margin-top: 20px !important;
    font-family: "ITCAvantGarde bold" !important;
    font-size: 28px !important;
    font-weight: bold !important;
    text-align: left !important;
    background-color: #fff !important;
    color: #000 !important;
}

.login-container p,
.registration-container p {
    line-height: 25px !important;
    font-family: "ITCAvantGarde book" !important;
    font-weight: 400 !important;
    font-size: 18.7px !important;
}

.login-container .form-control,
.registration-container .form-control {
    background-color: #f7f7f7;
}

.page-group-b2b .registration-optional-title-block .question-p {
    text-decoration: none;

    a {
        text-decoration: underline;

        &:hover,
        &:focus {
            cursor: pointer;
            text-decoration: none;
        }
    }
}

.page-group-b2b .new-client-form .row {
    display: flex;
    flex-wrap: wrap;
}

.b2b-login-button .btn.btn-login {
    min-width: 210px;
    padding: 15px 20px 15px 20px;
    font-size: 20.8px;
    font-family: "ITCAvantGarde book";
    font-weight: bold;
    color: #fff;
    border-radius: 0px;
    background-color: rgb(213, 0, 50);
}

.b2b-login-button {
    text-align: right;
}

.account-type-container {
    display: none;
}

.page-group-b2b .form-control.business-name[readonly] {
    border: 1px solid rgba(169, 169, 169, 0.75);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0) inset;
    background-color: #f7f7f7;
    cursor: default;
}

input[name="sales-manager-ref"],
input[name="company-register"]
 {
    display: none;
}

@media screen and (max-width: 992px) {
    .page-group-b2b .new-client-form .row {
        display: block;
    }
}

@media screen and (max-width: 600px) {

    .login-container h3,
    .registration-container h3 {
        padding: 4px 0px 4px 5px !important;
        margin-top: 10px ! important;
        font-size: 20px ! important;
    }

    .login-container p,
    .registration-container p {
        line-height: 25px !important;
        font-family: "ITCAvantGarde book" !important;
        font-weight: 400 !important;
        font-size: 17px !important;
    }

    .b2b-login-button .btn.btn-login {
        min-width: 180px;
        padding: 12px 20px 12px 20px;
        font-size: 15px;
        font-family: "ITCAvantGarde book";
        font-weight: bold;
        color: #fff;
        border-radius: 0px;
        background-color: rgb(213, 0, 50);
    }

    .b2b-login-button {
        text-align: center;
    }
}


/* B2B Footer */
.page-group-b2b footer {
    padding-top: 12px;
    padding-bottom: 100px;
    min-height: 160px;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-color: #000000;
    color: #ffffff;
    text-align: center;
    box-shadow: 0px -2px 3px 0px #ffffff;
}

.page-group-b2b footer p {
    margin: 20px 0px;
}

.page-group-b2b footer p a {
    display: inline-block;
    padding: 0px 12px;
}

.page-group-b2b .footer-link {
    cursor: pointer;
    line-height: 22px;
    color: #ffffff;
}

.page-group-b2b .footer-link:hover,
.page-group-b2b .footer-link:focus {
    color: #ffffff;
}


/* B2B ecard */
.page-name-b2b_ecard div.global>div.container {
    padding-top: 0px;
}

.page-name-b2b_card section.content div.ecard-default h3,
.page-name-b2b_ecard section.content div.ecard-default h3,
.page-name-b2b_card_payment section.content div.ecard-default h3,
.page-name-b2b_ecard_payment section.content div.ecard-default h3,
.page-name-b2b_card_confirmation section.content div.ecard-default h3,
.page-name-b2b_ecard_confirmation section.content div.ecard-default h3 {
    margin: 20px 0 !important;
    padding: 6px 12px 10px 12px;
    font-family: "ITCAvantGarde bold";
    font-size: 28px;
    font-weight: bold;
    background-color: #fff;
    color: #000;
    text-align: left;
}

.page-name-b2b_ecard section.content div.amount-container h3:first-child {
    margin-bottom: 20px;
}

.page-group-b2b section.content div.login-container h3:first-child {
    margin-top: 40px !important;
}

.page-group-b2b .b2b-panel-client {
    padding: 0px 15px 0px 15px;
    max-width: unset;
    margin: 0px auto 0px auto;
    text-align: center;
    font-size: 18px;
}

.page-group-b2b .b2b-ecard-img {
    float: none;
    width: 100%;
}

.page-group-b2b .b2b-ecard-img img {
    width: 100%;
}

.page-group-b2b .b2b-ecard-welcome {
    font-family: "ITCAvantGarde bold";
    font-weight: normal;
    font-size: 50px;
    color: #000;
}

.page-group-b2b .b2b-ecard-name {
    font-family: "ITCAvantGarde book";
    font-weight: bold;
    font-size: 20.8px;
}

.page-group-b2b .b2b-ecard-company,
.page-group-b2b .b2b-ecard-order {
    font-family: "ITCAvantGarde book";
    font-weight: 400;
    font-size: 20.8px;
}

@media (min-width: 768px) {
    .page-group-b2b .b2b-panel-client {
        width: 750px;
        font-size: 18px;
    }
}

@media (min-width: 992px) {
    .page-group-b2b .b2b-panel-client {
        width: 970px;
        font-size: 22px;
    }
}

@media (min-width: 1201px) {
    .page-group-b2b .b2b-panel-client {
        width: 1170px;
        font-size: 22px;
    }
}

.page-group-b2b .b2b-panel-client-text {
    background-color: #fff;
    margin: 0px auto;
    padding: 0px 12px 0px 12px;
    text-align: left;
}

.page-group-b2b .b2b-panel-client-buttons {
    max-width: 1140px;
    margin: 0px auto;
    padding: 12px 12px 12px 12px;
    text-align: right;
    background-color: #fff;
}

.page-group-b2b .b2b-panel-client div.b2b-panel-client-buttons a {
    display: inline-block;
    padding: 0px 0px 0px 40px;
    color: #000;
    text-decoration: underline;
}

@media screen and (min-width: 471px) and (max-width: 1201px) {
    .page-group-b2b .b2b-panel-client div.b2b-panel-client-buttons a {
        padding: 10px 0px 0px 40px;
    }
}

.page-group-b2b .carousel-ecard-visuals {
    padding: 0px 20px;
}

.page-name-b2b_card .event-title-container .form-control,
.page-name-b2b_ecard .event-title-container .form-control,
.page-name-b2b_card .custom-event-title-container .form-control,
.page-name-b2b_ecard .custom-event-title-container .form-control {
    margin: 0px 0px 30px 0px;
    border-radius: 10px;
    border: 1px solid rgba(170, 170, 170, 0.75);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    background-color: #f7f7f7;
}

.page-group-b2b .message-container {
    max-width: unset;
    margin: 0px 0px 0px 0px;
    width: 100%;
}

.page-name-b2b_card .message-container .form-control,
.page-name-b2b_ecard .message-container .form-control {
    border: 1px solid rgba(0, 0, 0, 1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    border-radius: 0px;
}

.page-name-b2b_card .amount-group-card .form-control,
.page-name-b2b_ecard .amount-group-ecard .form-control {
    background-color: #f7f7f7;
}

.choose-type-block .radio label {
    font-family: "ITCAvantGarde book";
    font-weight: normal;
    font-size: 20.8px !important;
}

.send-container .radio label {
    font-size: 13.8px !important;
}

/*** Modifs Mickael du 02/06/206 - Désactivation bloc envoi cartes aux bénéficiaires ***/
.page-group-b2b .send-container .row .col-md-6:first-child {
    display: none;
}

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

.page-group-b2b .send-container .button-container.button-next {
    text-align: right;
}

.page-group-b2b .send-container .button-container.button-next .btn {
    max-width: 300px;
    padding: 10px 45px 10px 15px;
    white-space: normal;
    background: url(../images/b2b/b2b-right-row-white-on-transparent.png) center right no-repeat rgb(213, 0, 50);
    font-family: "ITCAvantGarde book";
    font-weight: bold;
    font-size: 18.7px;
    color: #fff;
    border-radius: 0px;
}

.page-group-b2b .new-cart-form .remove-cart-row {
    position: relative;
    top: -12px;
    text-align: right;
    font-weight: bold;
    color: rgb(213, 0, 50);
    text-decoration: underline;
    cursor: pointer;
}

.page-group-b2b .btn.btn-add-to-cart {
    margin: 6px 0px;
    min-width: 36px;
    background-color: rgb(213, 0, 50);
    padding: 4px 8px 4px 8px;
    font-size: 15px;
    color: #fff;
    border-radius: 6px;
    text-transform: uppercase;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 255, .2);
}

.page-group-b2b .upload-beneficiaries-excel-file {
    padding: 20px 11px;
    cursor: pointer;
}

.page-group-b2b .upload-beneficiaries-excel-file .upload-label {
    color: rgb(213, 0, 50);
    text-decoration: underline;
    line-height: 32px;
    vertical-align: top;
}

.page-group-b2b .glyphicon-eye-open,
.page-group-b2b .glyphicon-edit {
    color: rgb(213, 0, 50);
}

.page-group-b2b .upload-beneficiaries-excel-file .upload-icon {
    color: rgb(213, 0, 50);
    font-size: 32px;
    line-height: 32px;
    vertical-align: top;
}

.page-group-b2b .send-date-container {
    padding: 12px 0px 0px 12px;
}

.page-name-b2b_card .send-date-container .form-control,
.page-name-b2b_ecard .send-date-container .form-control {
    border: 1px solid rgba(0, 0, 0, 1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    border-radius: 0px;
}

.page-group-b2b .card-custom-container .preview-button .preview-link {
    text-decoration: underline;
    line-height: 24px;
    vertical-align: top;
    color: rgb(213, 0, 50);
}

.page-group-b2b .input-text-complement p {
    font-size: 11px !important;
    font-style: italic !important;
}

.page-name-b2b_card .send-container .send-address-type-1-container {
    margin: 30px 0px 0px 10px;
}

.page-name-b2b_card .send-container .send-address-type-2-container {
    margin: 20px 0px 0px 10px;
}

@media screen and (max-width: 1059px) {
    .page-group-b2b .b2b-ecard-welcome {
        font-size: 60px;
    }

    .page-group-b2b .b2b-ecard-name {
        font-size: 18px;
    }

    .page-group-b2b .b2b-ecard-company,
    .page-group-b2b .b2b-ecard-order {
        font-size: 18px;
    }

    .page-name-b2b_card section.content div.ecard-default h3,
    .page-name-b2b_ecard section.content div.ecard-default h3,
    .page-name-b2b_card_payment section.content div.ecard-default h3,
    .page-name-b2b_ecard_payment section.content div.ecard-default h3,
    .page-name-b2b_card_confirmation section.content div.ecard-default h3,
    .page-name-b2b_ecard_confirmation section.content div.ecard-default h3 {
        font-size: 21px;
    }

    .choose-type-block .radio label {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 600px) {

    .page-group-b2b .event-title-container,
    .page-group-b2b .custom-event-title-container {
        margin: 10px 20px 0px 0px;
    }
}


/* B2B ecard payment */
.page-group-b2b .summary-container .b2b-summary-parameters {
    background: #eee;
    margin-right: 0px;
    margin-left: 0px;
}

.page-group-b2b .summary-container .b2b-summary-text {
    float: left;
    width: 50%;
    padding: 24px 12px 12px 12px;
}

.page-group-b2b .summary-container .b2b-visual-overview {
    float: left;
    width: 50%;
    text-align: right;
}

.page-group-b2b .summary-container .b2b-visual-overview img {
    width: 60%;
    max-width: 250px;
}

.page-group-b2b .summary-container .b2b-edit-order {
    margin: 24px 0px;
}

.page-group-b2b .summary-container .b2b-edit-order .edit-link {
    display: block;
    text-decoration: none;
    color: rgb(213, 0, 50);
    cursor: pointer;
}

.page-group-b2b .summary-container .b2b-edit-order .edit-link span.glyphicon {
    font-size: 24px;
}

.page-group-b2b .summary-container .b2b-edit-order .edit-link a.link,
.page-group-b2b .summary-container .b2b-edit-order .edit-link span.link {
    color: rgb(213, 0, 50);
    text-decoration: underline;
}

.page-group-b2b .summary-container .b2b-order-amount {
    margin: 24px 0px;
}

.page-group-b2b .summary-container .b2b-discount-text {
    font-size: 24px;
}

.page-group-b2b .summary-container .b2b-shipping-cost-text {
    text-align: right;
    font-size: 24px;
}

.page-group-b2b .summary-container .b2b-total-text {
    text-align: right;
    font-size: 25px !important;
}

.page-group-b2b .payment-container .payment-explanations {
    margin: 24px 0px;
    font-size: 16px;
}

.page-group-b2b .payment-container .payment-cgv {
    margin: 24px 0px;
    text-align: center;
}

.page-group-b2b .payment-container .select-payment-methods {
    margin: 12px 0px;
    text-align: center;
}

.page-group-b2b .deffered-payment-container .payment-explanations {
    text-align: center;
}

.page-group-b2b .deffered-payment-container .payment-explanations p {
    display: inline-block;
    text-align: center;
    border: 2px solid #333;
    padding: 12px 12px 6px 12px;
}

.page-group-b2b .deffered-payment-container .payment-cgv {
    margin: 24px 0px 12px 0px;
    text-align: center;
}

.page-group-b2b .deffered-payment-container .button-container {
    margin: 12px 0px 12px 0px;
    text-align: center;
}

.page-name-b2b_ecard_payment .payment-mean span,
.page-name-b2b_card_payment .payment-mean span {
    display: inline-block;
    min-height: 35px;
    min-width: 55px;
    line-height: 33px;
}

@media screen and (max-width: 991px) {
    .page-group-b2b .summary-container .b2b-summary-text {
        float: none;
        width: auto;
        padding: 8px 8px 8px 8px;
    }

    .page-group-b2b .summary-container .b2b-visual-overview {
        float: none;
        width: auto;
        text-align: center;
    }
}


/* B2B Confirmation */
.page-name-b2b_ecard_confirmation .global .container {
    padding-top: 0px;
}

.page-group-b2b .confirmation-container {
    padding: 32px 0px;
}

.page-group-b2b .confirmation-success,
.page-group-b2b .confirmation-warning,
.page-group-b2b .confirmation-error {
    overflow: auto;
    zoom: 1;
}

.page-group-b2b .confirmation-success .confirmation-success-icon,
.page-group-b2b .confirmation-warning .confirmation-warning-icon,
.page-group-b2b .confirmation-error .confirmation-error-icon {
    float: left;
    width: 25%;
    padding: 0px 12px;
    text-align: right;
}

.page-group-b2b .confirmation-success .confirmation-success-text,
.page-group-b2b .confirmation-warning .confirmation-warning-text,
.page-group-b2b .confirmation-error .confirmation-error-text {
    float: left;
    width: 75%;
    padding: 0px 12px;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    line-height: 32px;
}

.page-group-b2b .confirmation-success .confirmation-success-text p,
.page-group-b2b .confirmation-warning .confirmation-warning-text p,
.page-group-b2b .confirmation-error .confirmation-error-text p {
    margin: 12px 0px;
}

.page-group-b2b .confirmation-informations {
    padding: 24px 0px;
}

.b2b-confirmation-button {
    padding: 30px 0px 30px 0px;
    text-align: center;
    text-transform: uppercase;
}

.b2b-confirmation-button .btn.btn-confirmation {
    min-width: 200px;
    padding: 15px 20px 15px 20px;
    font-size: 20.8px;
    color: #fff;
    border-radius: 0px;
    background-color: rgb(213, 0, 50);
}

@media screen and (max-width: 600px) {

    .page-group-b2b .confirmation-success .confirmation-success-icon,
    .page-group-b2b .confirmation-warning .confirmation-warning-icon,
    .page-group-b2b .confirmation-error .confirmation-error-icon {
        float: left;
        width: 100%;
        padding: 0px 0px;
        text-align: center;
    }

    .page-group-b2b .confirmation-success .confirmation-success-text,
    .page-group-b2b .confirmation-warning .confirmation-warning-text,
    .page-group-b2b .confirmation-error .confirmation-error-text {
        float: left;
        width: 100%;
        padding: 0px 0px;
        text-align: left;
        font-size: 20px;
        font-weight: bold;
        line-height: 32px;
    }
}

.rgpd-tab {
    padding: 4px !important;
}

.bold-underline {
    font-weight: bold !important;
    text-decoration: underline !important;
}


/**** Redesign B2C 19/04/24 - Linda ****/
/***ajustement B2B**/
.gift-card-app.page-group-b2b.page-name-b2b_client .container {
    max-width: 1170px;
}

.html-page-name-b2b_ecard .row.carousel-ecard-visuals-block {
    width: 50%;
    margin: 0 auto;
}

.page-group-b2b .card-custom-container .preview {
    padding: 10px 10px;
    width: 72.5%;
}

@media screen and (max-width: 991px) {
    .html-page-name-b2b_ecard .row.carousel-ecard-visuals-block {
        width: 70%;
    }

    .page-group-b2b .card-custom-container .preview {
        padding: 10px 10px;
        width: 81%;
    }
}

@media screen and (max-width: 520px) {
    .html-page-name-b2b_ecard .row.carousel-ecard-visuals-block {
        width: 100%;
    }

    .html-page-name-b2b_ecard .carousel-ecard-visuals-gallery-block {
        padding: 0px;
    }

    .page-group-b2b .card-custom-container .preview {
        padding: 10px 10px;
        width: 97%;
    }
}

/****B2C****/
.html-page-name-ecardNew .container {
    width: 100%;
    max-width: 1336px;
}

.html-page-name-ecardNew h1 {
    font-size: 32px;
    font-weight: 800;
}

.html-page-name-ecardNew h2.block-title_subTitle {
    margin-bottom: 35px;
}

.block-title_subTitle,
.block-title.beneficiary-only-title h3,
.block-title.when-to-send-only-title h3,
.html-page-name-ecardNew .block-title.beneficiary-title h3 {
    font-size: 25px;
    line-height: 1.40;
    font-family: 'ITCAvantGarde medium', sans-serif;
}

.html-page-name-ecardNew h1,
.html-page-name-ecardNew h3 {
    font-family: 'ITCAvantGarde bold', sans-serif;
}

.html-page-name-ecardNew .block-body {
    padding: 30px 0 0px 30px;

    .btn-custom-radio label {
        display: flex;
    }

    .dispatch-explanations-row {
        margin-top: 15px;
    }
}

.html-page-name-ecardNew .container p a,
.html-page-name-ecardNew .cgv-comment span.xs-exclude-inline,
.checkbox-label.checkbox-age-limit-label a {
    text-decoration: underline;
    transition: 0s ease-in-out 0.2s;
}

.page-name-ecardNew .body {
    padding-bottom: 0px;
}

/*header*/
.header-row {
    max-width: 1336px;
    margin: 0 auto;
}

.gift-card-app .header-menu .navbar-default {
    border-bottom: 3px solid #000;
}

.gift-card-app header .navbar .navbar-nav li.nav-color>a {
    color: #D50032;
}

.block-container.intro-container,
.global-container-introduction,
.introduction-comment,
.block-title.message-only-title h3:first-child,
.beneficiary-field.message-only-message-block label,
.block-body.beneficiary-only-body label,
.send-date-block label,
.html-page-name-ecardNew .block-body.beneficiary-body label {
    display: none;
}

.block-title.gallery-title {
    height: 0px;
}

.organizer-container,
.block-tip-send-date.hide,
.dispatch-send-date-block.hide {
    display: inherit;
}

/**** Split ****/

.card-validation {
    display: flex;
    width: 100%;
    max-width: 1336px;
    margin: 0 auto;
}

.page-name-ecardNew .pre-block-containers {
    display: block;
    position: sticky;
    top: 165px;
    height: 815px;
    width: 50%;
    padding-right: 40px;
}

.page-name-ecardNew .block-containers {
    width: 50%;
}

/** Gallery Left Part **/
.block-body.gallery-body {
    /*padding: 25px 30px 30px 25px;*/
    width: 70%;
    margin: 0 auto;
}

.ecard-overview-block img.visual {
    padding: 25px 30px 0 30px;
    width: 100%;
}

.ecard-overview-block {
    width: 100%;
    max-width: 645px;
}

.beneficiary-livstick-row {
    padding: 5px 0 0 30px;
}

.btn-custom.btn-custom-solde {
    padding: 30px 40px;
}

.custom-electronic-row .btn-custom-solde:hover {
    text-decoration: none;
}

.custom-electronic-row .btn-custom-solde {
    position: absolute;
    bottom: 0%;
    margin-bottom: 75px;
}


.html-page-name-ecardNew .btn-custom,
.html-page-name-ecardNew a.btn-custom:hover,
.html-page-name-ecardNew .payment-validation .btn-custom,
.html-page-name-ecardNew .btn-custom:active,
.html-page-name-ecardConfirm .paragraph.new-ecard-link .btn-custom,
.html-page-name-ecardConfirm .paragraph.confirm-livstick-block .btn-custom,
.html-page-group-ecard .btn-custom {
    background: linear-gradient(to bottom, #fff 50%, #bdbdbd 50%) no-repeat center top #fff;
    color: #000 !important;
    border: 1px solid #000 !important;
    font-weight: 700;
    border-radius: 8px;
    background-size: 100% 200%;
    outline-color: transparent;
    transition: ease-out 0.3s;
}

.html-page-name-ecardNew .btn-custom:hover,
.html-page-name-ecardNew .payment-validation .btn-custom:hover,
.html-page-name-ecardConfirm .paragraph.new-ecard-link .btn-custom:hover,
.html-page-name-ecardConfirm .paragraph.confirm-livstick-block .btn-custom:hover,
.html-page-group-ecard .btn-custom:hover {
    background-position: center bottom !important;
    outline-color: transparent;
    color: #000;
    border: 2px solid #bdbdbd;
}

/*hasVideo*/
.checkbox-label.checkbox-has-video-label::before {
    content: '';
    background: url('../../custom_assets/images/1213/b2c/add-video.svg') no-repeat;
    height: 32px;
    width: 92px;
    display: block;
    margin-right: 10px;
    margin-top: -6px;
}

.custom-checkbox label span.checkbox-icon {
    background-image: none;
}

.ecard-overview-sub-block-part3,
.block-title.message-only-title h3 {
    padding-left: 0px;
}

/****Right Part****/
#block-containers-id.block-containers {
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 60px;
}

/*Into + 1. votre message*/
.block-title.message-only-title {
    padding-left: 30px;
}

.block-title.message-only-title h1 {
    margin-top: 0px;
}

textarea.form-control {
    height: 180px;
}

.html-page-name-ecardNew .gift-card-app .form-control,
.html-page-group-ecard .participant-fields-row input,
.html-page-name-balanceConsult .ecard-number-field.form-group input,
.html-page-name-balanceConsult .consult-container .code-pin-block input,
input.participant-first-name,
.participant-infos-field.participant-e-mail-address-block input,
.participant-infos-field.participant-confirm-e-mail-address-block input {
    border: 1px solid #000 !important;
    border-radius: 5px;
    box-shadow: none;
    padding: 10px 15px;
}

.gift-card-app .form-control,
.btn-custom-radio label span.radiobox-label {
    line-height: 24px;
}

.gift-card-app .form-control,
.form-control.message.max-length::placeholder,
.gift-card-app input.form-control::placeholder {
    color: #000;
}

.textarea-feedback {
    color: #7E7E8A;
    font-size: 13px;
    text-align: right;
    margin-top: -25px;
    padding-right: 15px;
    opacity: 0.6;
}

.block-body.how-to-send-only-body .wrapper .dispatch-row,
.block-body.when-to-send-only-body .wrapper .dispatch-send-date-type {
    display: flex;
}

.amount-container .currency-amount,
.beneficiary-only-row::after,
.gift-card-app .form-control,
.btn-custom-radio label span.radiobox-label,
.payment-validation .btn-custom,
.cgv-comment,
.btn-custom.btn-custom-solde {
    font-size: 16px;
}

/*****2. Envoyez votre carte cadeau ******/
.btn-custom-radio.send-type-button.send-type-hand-button span.radiobox-label {
    width: 90%;
}

.beneficiary-field.beneficiary-email-block.hide,
.block-container.when-to-send-only-container.hide {
    display: inherit !important;
}

html-page-name-ecardNew .btn-custom,
.html-page-name-ecardNew a.btn-custom:hover {
    text-decoration: none;
}

.btn-custom-radio label span.radiobox-icon {
    border: 1px solid #000;
    border-radius: 3px;
}

.btn-custom-radio label span.radiobox-icon,
.dispatch-send-date-type input[type="radio"]:not(:checked)+label span.radiobox-icon {
    background: none;
}

.btn-custom-radio input[type="radio"]:checked+label span.radiobox-icon {
    background: #000;
}

.btn-custom-radio label span.radiobox-label {
    padding-left: 13px;
}

.btn-custom-radio.send-type-button.send-type-email-button,
.block-body.when-to-send-only-body .send-date-type-block {
    min-width: 310px;
    margin-right: 20px;
}

.block-container.how-to-send-only-container,
.block-container.beneficiary-only-container,
.block-body.organizer-body {
    padding-bottom: 0px;
}

.block-title.beneficiary-only-title h3 {
    padding-top: 10px;
}

.block-body.beneficiary-only-body {
    padding-top: 15px;
}

.gift-card-app input.form-control {
    height: auto;
    margin: 0 20px 20px 0;
}

.beneficiary-first-name-block.beneficiary-infos-field,
.beneficiary-lastname-name-block.beneficiary-infos-field,
.beneficiary-last-name-block.beneficiary-infos-field,
.organizer-last-name {
    width: 48.4%;
    float: left;
}

.beneficiary-lastname-name-block.beneficiary-infos-field,
.beneficiary-last-name-block.beneficiary-infos-field {
    margin-right: 20px;
}

.beneficiary-email-address-row::after,
.organizer-infos-field.organizer-confirm-e-mail-address-block::after {
    content: 'Zorunlu Bilgi*';
}

.dispatch-send-date-block {
    width: 48.3%;
    margin-top: 20px;
    float: right;
}

.beneficiary-email-electronic,
.organizer-confirm-email {
    margin-bottom: 10px !important;
}

.block-tip-send-date .tip::before {
    content: '';
    background: url('../../custom_assets/images/1213/b2c/community.svg') no-repeat;
    height: 24px;
    width: 32px;
    display: inline-block;
    margin-right: 10px;
}

p.tip {
    font-size: 14px !important;
}

/*calendar*/
.when-to-send-only-container .send-date-calendar-block.display {
    display: block;
    /*height: 320px;*/
    transition: height 1s ease;
    margin-top: 42px;
}

.send-date-calendar-block {
    float: left;
    width: 100%;
    max-width: 316px;
}

.send-date-calendar-block .send-date-calendar-border {
    padding: 10px 14px 10px 14px;
    border: 1px solid #000;
    border-radius: 5px;
}

.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    border: none;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    color: #000;
    background: transparent;
    border: none;
    padding: 8px 5px;
    height: 36px;
    line-height: 27px;
    text-align: center;
}

.ui-datepicker .ui-datepicker-next span {
    background: url('../../custom_assets/images/1213/b2c/chevron-calendar-right.svg') no-repeat;
}

.ui-datepicker .ui-datepicker-prev span {
    background: url('../../custom_assets/images/1213/b2c/chevron-calendar-left.svg') no-repeat;
}

.ui-datepicker-next-hover,
.ui-datepicker-prev-hover {
    background: transparent !important;
    border: none !important;
    color: #000 !important;
}

.ui-state-default.ui-state-active,
.ui-state-default.ui-state-active:hover,
.ui-state-default:hover {
    background: #000 !important;
    color: #fff;
    border-radius: 50px;
}

/*** 3. Montant ***/
.amount-container .fixed-amount-block,
#mpsp-payment-means ul {
    padding-left: 0px;
}

.amount-body .free-amount-block,
.organizer-fields-block .organizer-infos-field {
    width: 100%;
}

.amount-container .free-amount,
.html-page-name-ecardNew .amount-container .currency-amount,
.organizer-fields-block .organizer-full-name-block,
.organizer-fields-block .organizer-e-mail-and-confirm-address-block {
    float: none;
}

.html-page-name-ecardNew .amount-container .free-amount {
    width: 30%;
    border: 0px;
    margin: 20px auto 0;
}

.html-page-name-ecardNew .amount-container .currency-amount {
    margin: 40px 0px 0px 0px;
    padding: 0px;
    font-weight: 400;
    width: 100%;
    height: auto;
    line-height: 25px;
    text-align: justify;
}

.free-amount input::placeholder,
.amount-container .free-amount input.form-control {
    text-align: center;
}

/**4. Commande**/
.html-page-name-ecardNew .organizer-fields-block .organizer-fields-row,
.html-page-name-ecardNew .organizer-fields-block .organizer-infos-field {
    padding: 0px;
}

.organizer-infos-field.organizer-first-name-block {
    width: 48.4%;
}

.organizer-infos-field.organizer-first-name-block {
    float: right;
    margin-top: -67px;
}

.html-page-name-ecardNew .organizer-fields-block {
    margin-bottom: 30px;
}

.block-containers-id .custom-electronic-row {
    display: none;
}

/***Optin***/

.custom-checkbox label .checkbox-label:not(.checkbox-age-limit-label) {
    display: flex !important;
}

.payment-gts-block input {
    visibility: visible;
}

.cgv-comment {
    margin: 20px 10px 20px 0px;
    font-weight: normal;
    text-align: left;
    font-size: 16px;
}

.custom-checkbox.cgv-field-block .checkbox-icon {
    margin-top: 22px;
}

.custom-checkbox.age-limit-field-block .checkbox-icon {
    margin-top: 6px;
}

.cgv_after-captcha {
    font-weight: 400;
    font-family: 'ITCAvantGarde book', sans-serif;
    margin-bottom: 0px;
    display: none;
}

.payment-gts-block {
    text-align: left;
    display: flex;
}

/***Paiement***/
.payment-validation .btn-custom {
    margin-bottom: 0px;
    padding: 30px 40px;
}

.payment-option-block {
    margin-bottom: 40px;
}

.payment-captcha-block {
    text-align: left;
}

.block-title.payment-title h3 {
    padding-top: 0px;
}

.block-body.payment-body .custom-electronic-row .btn-custom-solde {
    display: none;
}

#mpsp-payment-means ul {
    display: flex;
    justify-content: space-around;
    width: 60%;
    margin: 0 auto;
}

#mpsp-payment-means ul li.payment-mean-block {
    list-style: none;
}

.payment-mean-block .btn-custom-radio label {
    padding: 13px 20px;
    border: 2px solid #D9D9D9;
}

.payment-mean-block .btn-custom-radio label:hover,
.payment-mean-block .btn-custom-radio input[type="radio"]:checked+label {
    background: rgba(217, 217, 217, 0.2);
    border-color: #000;
    transition: 0.3s ease-in-out 0.3s;
}

.payment-validation,
.custom-electronic-row {
    display: flex !important;
    justify-content: center;
    margin-top: 60px;
}

p.footer_mentions {
    font-size: 12px !important;
    line-height: 1.5;
    padding: 0 30px;
}

.footer_mentions a {
    color: #fff;
    padding: 0px;
    text-decoration: underline;
}

p.footer_mentions a:hover {
    color: #c00;
}

/**Page consultation solde**/
.block-title.consult-title h3 {
    text-align: center;
}

.button-ecard-number-connect input.btn-custom {
    width: 100%;
}

.html-page-name-balanceConsult .block-containers {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.html-page-name-balanceConsult .gift-card-app input.form-control {
    margin: 0px;
}

.consult-container .quartet-block {
    padding: 0 1.5%;
}

.consult-container .ecard-number-fields {
    margin: 12px -0%;
}

/**page de consultation solde 3***/
.form-consult-prosodie-code {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
}

.form-consult-prosodie-code .ecard-number-label {
    margin: 0px 0px 0px;
    text-align: left;
    padding-top: 10px;
}

.form-consult-prosodie-code .gift-card-app input.form-control {
    max-width: inherit;
}

.no-js.html-page-name-default.html-page-group-ecard.theme-enhanced header {
    width: 100%;
    max-width: 1336px;
}

.html-page-name-balanceConsult .consult-container .code-pin-block,
.html-page-name-balanceConsult .consult-container .code-pin-label-block {
    width: 100%;
}

.html-page-name-balanceConsult .consult-container .code-pin-label-block label {
    font-weight: 400;
    padding: 0px 0px 7px 0;
}

/****Page Cadeau en commun ****/
.merry-goblin-iframe-popin-link .xs-exclude-inline {
    text-decoration: underline;
}

.page-name-ecardEdit .amount-container .amount-guide-block {
    float: inherit;
    padding-right: 0px;
}

.page-name-ecardEdit .amount-container .free-amount-block,
page-name-ecardEdit .amount-container .fixed-amount-block {
    float: inherit;
}

.html-page-name-ecardEdit .block-title.edit-summary-title h3 {
    margin-top: 30px;
}

.html-page-name-ecardEdit h3,
.page-name-ecardEdit .amount-container .amount-guide-block,
.html-page-name-ecardEdit .amount-container .fixed-amount span,
.html-page-name-ecardEdit div.select-payment-methods p {
    text-align: center;
}

.edit-summary-container .edit-summary-visual-block {
    padding-top: 10px;
}

.html-page-name-ecardEdit .amount-container .free-amount {
    width: 100%;
    max-width: 130px;
    min-width: 110px;
}

.page-name-ecardEdit .amount-container .currency-amount {
    max-width: 30px;
}

.html-page-name-ecardEdit #mpsp-payment-means ul {
    display: flex;
    justify-content: space-around;
    width: 40%;
    margin: 0 auto;
}

.html-page-name-ecardEdit .block-containers {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.html-page-name-ecardEdit div.guide p {
    background: none;
    padding: 0;
}

.html-page-name-ecardEdit .amount-container .free-amount {
    border: 1px solid #000 !important;
    border-radius: 5px;
    box-shadow: none;
}

.html-page-name-ecardEdit .amount-container .free-amount {
    float: left;
}

.html-page-name-ecardEdit .participant-fields-block .participant-infos-field {
    padding: 0px;
}

.html-page-name-ecardEdit .participant-fields-block .participant-infos-field,
.page-name-ecardEdit .amount-container .amount-guide-block,
.page-name-ecardEdit .amount-container .fixed-amount-block,
.page-name-ecardEdit .amount-container .free-amount-block {
    width: 100%;
}

.block-body.edit-payment-body {
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
}

.participant-fields-block .participant-fields-row {
    padding: 15px 0px;
}

.page-name-ecardEdit .payment-age-limit-block {
    margin-top: 15px;
}

.page-name-ecardEdit .amount-container .fixed-amount-block {
    margin-top: 20px;
}

.page-name-ecardEdit .amount-container .fixed-amount-block,
.page-name-ecardEdit .amount-container .free-amount-block {
    display: flex;
    justify-content: center;
}

.page-name-ecardEdit .amount-container .free-amount-block {
    max-width: 220px;
    margin: 0 auto;
}

/****Page validation avec video***/
.paragraph.confirm-livstick-block h3 {
    padding-bottom: 15px;
}

.block-container.confirm-container.confirm-livstick-blocklivstick-container {
    max-height: 130px;
}

/*******Responsive********/
@media screen and (max-width: 1360px) and (min-width: 810px) {
    .card-validation {
        padding: 0 40px;
    }
}

@media screen and (max-width: 1325px) and (min-width: 810px) {
    #block-containers-id.block-containers {
        margin-top: 30px;
    }
}

@media screen and (max-width: 1360px) {

    .btn-custom-radio.send-type-button.send-type-email-button,
    .block-body.when-to-send-only-body .send-date-type-block {
        min-width: 280px;
    }

    .beneficiary-last-name-block.beneficiary-infos-field,
    .beneficiary-lastname-name-block.beneficiary-infos-field,
    .beneficiary-first-name-block.beneficiary-infos-field,
    .organizer-last-name {
        width: 48.2%;
    }

    .amount-body .fixed-amount,
    .edit-amount-body .fixed-amount {
        width: 100px;
    }

    .btn-custom-radio label span.radiobox-label {
        padding-left: 10px;
    }
}

@media screen and (max-width: 1360px) and (min-width: 1285px) {
    .ui-widget {
        font-size: 14px;
    }

    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        height: 31px;
        line-height: 20px;
    }

    div.block-tip-send-date .tip {
        margin-left: -292px;
    }
}

@media screen and (max-width: 1249px) and (min-width: 1080px) {

    .beneficiary-last-name-block.beneficiary-infos-field,
    .beneficiary-lastname-name-block.beneficiary-infos-field,
    .beneficiary-first-name-block.beneficiary-infos-field,
    .organizer-last-name {
        width: 47.8%;
    }
}


@media screen and (max-width: 1285px) and (min-width: 1080px) {

    .block-body.how-to-send-only-body .wrapper .dispatch-row,
    .block-body.when-to-send-only-body .wrapper .dispatch-send-date-type,
    .amount-body .fixed-amounts {
        display: inherit;
    }

    .btn-custom-radio.send-type-button.send-type-email-button,
    .block-body.when-to-send-only-body .send-date-type-block {
        margin-bottom: 10px;
    }

    .dispatch-send-date-block {
        width: 100%;
        float: inherit;
    }

    div.block-tip-send-date .tip {
        margin-top: 55px;
        margin-left: -2px;
    }
}


@media screen and (max-width: 1080px) and (min-width: 810px) {

    .block-body.how-to-send-only-body .wrapper .dispatch-row,
    .block-body.when-to-send-only-body .wrapper .dispatch-send-date-type,
    .amount-body .fixed-amounts {
        display: inherit;
    }

    .btn-custom-radio.send-type-button.send-type-email-button,
    .block-body.when-to-send-only-body .send-date-type-block {
        margin-bottom: 10px;
    }

    .block-container.confirm-return-container a.btn {
        width: 45%;
    }

    .custom-checkbox label {
        padding: 0px 0px 0px 20px;
    }

    .checkbox-label.checkbox-has-video-label::before {
        width: 150px;
    }

    #mpsp-payment-means ul {
        width: 80%;
    }

    .dispatch-send-date-block {
        width: 100%;
        float: inherit;
    }

    div.block-tip-send-date .tip {
        margin-top: 55px;
        margin-left: 0px;
    }
}

@media screen and (max-width: 1080px) and (min-width: 989px) {

    .block-body.how-to-send-only-body .wrapper .dispatch-row,
    .block-body.when-to-send-only-body .wrapper .dispatch-send-date-type,
    .amount-body .fixed-amounts {
        display: inherit;
    }

    .btn-custom-radio.send-type-button.send-type-email-button,
    .block-body.when-to-send-only-body .send-date-type-block {
        margin-bottom: 10px;
    }

    .amount-container .free-amount {
        width: 40% !important;
    }

    .beneficiary-last-name-block.beneficiary-infos-field,
    .beneficiary-lastname-name-block.beneficiary-infos-field,
    .beneficiary-first-name-block.beneficiary-infos-field,
    .organizer-last-name {
        width: 47.5%;
    }
}

@media screen and (max-width: 990px)and (min-width: 810px) {

    .beneficiary-field.beneficiary-firstname-block,
    .beneficiary-field.beneficiary-lastname-block,
    .organizer-last-name,
    .organizer-infos-field.organizer-first-name-block,
    #mpsp-payment-means ul {
        width: 100%;
    }

    .amount-container .free-amount {
        width: 50% !important;
    }
}

@media screen and (max-width: 809px)and (min-width: 768px) {
    .gift-card-app header .header-logo {
        width: 100% !important;
    }
}

@media screen and (max-width: 989px) {
    .organizer-infos-field.organizer-first-name-block {
        margin-top: 0px;
    }

    .beneficiary-last-name-block.beneficiary-infos-field,
    .beneficiary-lastname-name-block.beneficiary-infos-field,
    .beneficiary-first-name-block.beneficiary-infos-field {
        width: 100%;
    }

}

@media screen and (max-width: 810px) {
    .ecard-overview-block {
        max-width: 100%;
    }

    .block-body.payment-body .custom-electronic-row .btn-custom-solde {
        display: inherit;
        position: inherit;
        margin: 40px 0;
    }

    .payment-body .custom-electronic-row .btn-custom-solde {
        text-align: center;
    }

    .custom-electronic-row,
    .custom-electronic-row {
        margin: 0px;
    }


    .pre-block-containers .custom-electronic-row .btn-custom-solde {
        display: none;
    }

    .global:not(.html-page-name-ecardNew .global) {
        padding-left: 15px;
        padding-right: 15px;
    }

    .html-page-name-ecardNew .block-body {
        padding: 30px 0px;
    }

    #block-containers-id.block-containers {
        margin-top: 75px;
    }

    .block-container.gallery-container {
        padding-bottom: 0px;
    }

    .block-body.gallery-body {
        padding: 25px 30px 0px;
    }

    .carousel-visuals-block {
        padding: 0px !important;
    }

    .gift-card-app header .header-logo {
        width: 70%;
    }

    .block-container h3 {
        padding: 30px 0px 0px 0px;
        padding-top: 30px;
    }

    .card-validation,
    .block-body.how-to-send-only-body .wrapper .dispatch-row,
    .block-body.when-to-send-only-body .wrapper .dispatch-send-date-type {
        display: inherit;
    }

    .page-name-ecardNew .pre-block-containers {
        position: inherit;
        height: auto;
        width: 100%;
        padding: 0px 15px;
    }

    #block-containers-id {
        padding: 0 15px;
    }

    .gallery-container .select-visual-button {
        margin-top: 55px;
    }

    .page-name-ecardNew .block-containers,
    .beneficiary-first-name-block.beneficiary-infos-field,
    .organizer-last-name,
    .organizer-infos-field.organizer-first-name-block,
    #mpsp-payment-means ul,
    .beneficiary-last-name-block.beneficiary-infos-field,
    .beneficiary-lastname-name-block.beneficiary-infos-field,
    .beneficiary-first-name-block.beneficiary-infos-field {
        width: 100%;
    }

    .btn-custom-radio label span.radiobox-label,
    .btn-custom-radio label span.radiobox-label {
        max-width: 100%;
    }

    .block-title.message-only-title {
        padding-left: 0px;
    }

    .block-body {
        padding: 30px 0 30px 0px;
    }

    .send-type-block.send-type-email-block,
    .send-date-type-block.send-date-type-now-block {
        margin-bottom: 15px;
    }

    .beneficiary-field.beneficiary-firstname-block {
        margin-right: 12px;
    }

    .dispatch-send-date-block {
        width: 100%;
        float: inherit;
    }

    div.block-tip-send-date .tip {
        margin-top: 55px;
        margin-left: 0px;
    }

    .amount-body .fixed-amounts {
        display: inherit;
        justify-content: space-between;
    }

    .amount-body .fixed-amount,
    .edit-amount-body .fixed-amount {
        width: 90px;
    }

    .block-body.payment-body {
        padding-bottom: 0px;
    }

    .payment-validation {
        margin: 30px auto 0;
    }

    footer p a {
        display: flex;
        justify-content: center;
    }

    footer p a,
    footer p span {
        padding-bottom: 8px;
        display: block;
    }

    .block-container.confirm-return-container a.btn {
        width: 100%;
    }

    .block-body.confirm-return-body {
        margin-top: 50px;
    }

    .custom-checkbox label {
        padding: 0px 0px 0px 20px;
    }

    .checkbox-label.checkbox-has-video-label::before {
        width: 115px;
    }

    /*menu burger*/

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #000;
    }

    .navbar-default .navbar-toggle {
        border-color: transparent;
    }

    .navbar-toggle {
        margin-right: 0px;
        margin-top: -37px;
    }

    .navbar-toggle .icon-bar {
        width: 23px;
        border-radius: 10px;
        padding-bottom: 3px;
        margin-bottom: 4px;
    }

    .navbar-collapse {
        padding: 0px;
    }

    .navbar {
        min-height: 20px;
        margin-bottom: 0px;
    }

    .html-page-name-ecardEdit #mpsp-payment-means ul {
        width: 60%
    }

    .gift-card-app .slick-prev,
    .gift-card-app .slick-next {
        top: 75px;
    }
}

@media screen and (max-width: 480px) {
    .html-page-name-ecardEdit #mpsp-payment-means ul {
        width: 100%
    }

    .html-page-name-ecardNew .amount-container .free-amount {
        width: 45%
    }
}

@media screen and (max-width: 425px) {
    .checkbox-label.checkbox-has-video-label::before {
        width: 155px;
    }
}

/**** Ajout B2B - 12/11/24 - Linda ***/

.b2b-homepage-ecard-content-title h3 {
    font-size: 32px;
    font-weight: bold;
    padding-bottom: 20px;
    padding-top: 20px;
}

.page-group-b2b .send-date.datepickerui.form-control {
    width: 200px;
}

/** Modif Mika 13/02/2026 - cacher mentions sous Google Recaptcha **/
.cgv_after-captcha {
    display: none;
}