@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");
}


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-en.jpg") no-repeat center center #fff;
}

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

/* 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, .payment-gts-block .merry-goblin-iframe-popin-link:hover {
  color: #c00;
}


/* GTS */

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

.payment-gts-block .merry-goblin-iframe-popin-link:hover, .cgv-comment a, .b2b-client .b2b-client-panel a, .b2b-client-info .edit-link span.link, 
.page-group-b2b .b2b-panel-client div.b2b-panel-client-buttons a, .footer_mentions a, .page-group-b2b .card-custom-container .preview-button .preview-link,
.page-group-b2b .new-cart-form .remove-cart-row, .page-group-b2b .upload-beneficiaries-excel-file .upload-label, .page-group-b2b .summary-container .b2b-edit-order .edit-link a.link,
.page-group-b2b .summary-container .b2b-edit-order .edit-link span.link {
  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: 77px;
  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/399/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/399/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,.amount-body .fixed-amount.active {
  display: block;
  /*float: left;*/
  border: 0px solid #000;
  height: 50px;
  margin: 0px 15px 16px 0px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  background-color: #D9D9D9;
  color: #000;
  width:90px;
  padding: 10px;
}


.amount-body .fixed-amount:hover, .edit-amount-body .fixed-amount:hover, .edit-amount-body .fixed-amount.active, .fixed-amount.fixed-amount-ada.active:hover {
    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);
}

.page-group-b2b .form-control.business-name[readonly] {
  background-color: #e0e0e0;
  font-style: inherit;
}

.page-group-b2b .form-control.business-name::placeholder{
  color: #979797 !important;
}

/* 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;
}
/* 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: none;
}

.page-group-b2b .question-p .question-p_kbis{
  font-size: 14px;
  display: block;
}

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

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

.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%;
}

@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-text {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

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

  .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;
  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 {
  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;
}

.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;
}

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

@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;
}

@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: 14.7px !important;
}

.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;
    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 {
    line-height: 32px;
    vertical-align: top;
}

.page-group-b2b .glyphicon-eye-open, .page-group-b2b .glyphicon-edit, .page-group-b2b .upload-beneficiaries-excel-file .upload-label, 
.page-group-b2b .upload-beneficiaries-excel-file .upload-icon, .page-group-b2b .new-cart-form .remove-cart-row, .page-group-b2b .card-custom-container .preview-button .preview-link,
.page-group-b2b .summary-container .b2b-edit-order .edit-link {
    color: rgb(213, 0, 50);
}

.page-group-b2b .upload-beneficiaries-excel-file .upload-icon {
    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 {
    line-height: 24px;
    vertical-align: top;
}

.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;
  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);
}

.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;
}

.html-page-name-ecardNew .container p a, .html-page-name-ecardNew .cgv-comment span.xs-exclude-inline, .checkbox-label.checkbox-age-limit-label a,
.consult-row .cgv_after-captcha 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/399/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 ******/
.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-email-block.beneficiary-email-address-block.beneficiary-infos-field {
  clear: both;
}

.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: 'Informations obligatoires*';
}

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

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

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

.block-title.amount-title h3 {
  padding-top: 40px;
}

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: 35px;
}

.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/399/b2c/chevron-calendar-right.svg') no-repeat;
}

.ui-datepicker .ui-datepicker-prev span {
  background: url('../../custom_assets/images/399/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: left;
}

/**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;
}

.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;
}

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 ****/
.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-amounts{
  display: inherit;
}

.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;
    width: 330px;
  }
}


@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;
    width: 330px;
  }
}

@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;
    width: 330px;
  }

  .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;
  }
}