*, *::before, *::after {
    box-sizing: border-box;
}

h1, h2, h3 {
    letter-spacing: 0.1em;
}

html, body.gift-card-app {
    font-family: "Montserrat", sans-serif;
    color: #4C685D;
    font-size: 16px;
}

body.page-group-ecard div.body,
body.page-group-exception div.body,
body.page-group-burn div.body {
    background-color: #fff;
}

.block-container {
    padding: 0;
    width: 100%;
    margin: auto;
    max-width: 650px;
}

div.guide > p::before, div.guide > ul > li::before {
    height: 0px;
}

header, header .header-logo a{
    min-height: auto;
}

.header-logo {
    width: 100%;
    max-width: 223px;
    margin: 0 auto;
}

body{
    font-weight:400;
}

.btn-custom-radio label span.radiobox-icon, .custom-checkbox label span.checkbox-icon{
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: none;
  border: 2px solid rgba(126,126,138,0.3);
  border-radius: 3px;
}

.btn-custom-radio input[type="radio"]:checked + label span.radiobox-icon, 
.custom-checkbox input[type="checkbox"]:checked + label span.checkbox-icon {
  border-color: #4C685D;
  background: #4C685D;
  transition: 0.2s ease 0.1s;
  cursor: pointer;
}

.custom-checkbox input[type="checkbox"]:not(:checked) + label span.checkbox-icon.form-error{
    border: 2px solid rgba(230, 47, 47, 0.9); 
}

.block-body {
  padding: 15px;
  padding-bottom: 40px;
  border-bottom: 1px solid #4C685D;
}

.block-body.beneficiary-body,
.block-body.confirm-transform-body,
.block-body.confirm-purchase-body,
.block-body.shared-purchase-body,
.block-body.edit-shared-purchase-body {
    padding: 0 15px 40px 15px;
}

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

@media (max-width: 767px) {

    .block-container {
        width: 85%;
    }

    .block-container.gallery-container {
        width: 75%;
    }

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

    .block-body.dispatch-body.dispatch-standard-body {
        border: none;
        padding-bottom: 10px;
    }

    .block-body.beneficiary-body,
    .block-body.confirm-transform-body,
    .block-body.confirm-purchase-body,
    .block-body.shared-purchase-body,
    .block-body.edit-shared-purchase-body {
        padding: 0px 0px 20px 0px;
    }
}

/****Pop up****/
.html-page-group-b2b #contact-popin_wrapper .button-container {
  margin-top: 35px;
}

/***header***/
.header-logo-block{
    display: none;
}

/****Intro Home****/
.container.top {
  box-shadow: none !important;
  padding: 0 !important;
}

section.container.top {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100px;
    flex-direction: column;
    margin: 40px 0 auto;
    padding: 40px 0;
    height: 100px;
    text-align: center;
}

.header-text-back,
.header-introduction-subtitle {
    width: 100%;
}

.header-text-back{
  font-size: 34px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.1em;
  padding-bottom: 10px;
}

.header-introduction-subtitle {
    font-weight: 400;
    font-size: 26px;
    line-height: 100%;
    vertical-align: middle;
}

/**** Navigation ****/
.container-fluid, 
.navbar-default,
.navbar-collapse {
    background:#fff;
    padding: 0;
}

.navbar-default {
  border-color:#fff;
  margin-bottom: 0;
}

header .header-title, .container.top .col-md-12.col-sm-12{
    padding: 0;
}

@media (min-width: 768px) {
    .navbar-nav > li:last-child > a {
        border-right: 0px;
    }
}

.nav > li > a {
  width: 100%;
  text-align: center;
  text-decoration: none;
}

.navbar{
    min-height:auto;
    border: none;
}

.navbar-header {
    max-width: 100%;
    margin: 0 !important;
}

/* Structure générale */
.custom-nav {
    border: none !important;
    margin-bottom: 0;
    padding: 0;
}

.block-containers {
    max-width: 1307px;
    margin: auto;
    text-align: center;
}

.block-containers .cms-container {
    text-align: left;
}

/* MENU SUPÉRIEUR */
.nav-top {
    background: #4C685D;
    padding: 0 30px;
}

@media (min-width: 768px) {
    .nav-top {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 76.39px;
    }
}

.nav-top .nav-logo img {
    height: 40px;
    width: auto;
}

.nav-top-links > li > a {
    color: #fff !important;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

.nav-top-links a {
    display: flex !important;
    align-items: center;
    gap: 8px;
}

.nav-top-links .menu-icon {
    width: 18px;
    height: 18px;
}

/* MENU SECONDAIRE */
.nav-bottom {
    background: #fff;
    text-align: center;
    padding: 8px 0;
    border-top: 1px solid #e5e5e5;
}

@media (min-width: 768px) {
    .nav-bottom-links {
        float: none !important;
        display: inline-flex;
        justify-content: center;
        gap: 22px;
    }
}

.nav-bottom-links > li > a {
    color: #4C685D !important;
    font-family: 'Montserrat', sans-serif; /* police */
    font-weight: 400;                       /* Regular */
    font-style: normal;                      /* Regular */
    font-size: 16px;                         /* Taille */
    line-height: 1;                          /* 100% */
    letter-spacing: 0;                       /* 0% */
    text-decoration: none;                   /* si besoin */
    padding: 10px 0;
}

/*****bloc 1*****/
.block-title h3 {
  font-size: 18px;
  padding: 40px;
}

.block-title.payment-title h3 {
  padding-bottom: 10px;
}

.block-title h3, 
section.content .ecard-burn h3{
    font-weight: 500;
    background-color: transparent;
    color: #4C685D;
    text-transform: uppercase;
    text-align: center;
}

.block-title.gallery-title h3 {
    padding-bottom: 10px;
}

.card-type-block.card-type-electronic-block .icon.email-icon {
  display: none;
}

.choose-type-container .icon {
  width: 108px;
  height: 108px;
}

.card-type-block .btn-custom-radio label span.radiobox-icon {
  margin-top: 8px;
}

/****bloc2*****/
div.guide > p, 
div.guide > ul > li {
    background: none;
}

div.guide > ul {
    list-style: disc;
    padding-left: 40px;
}

div.guide > p {
    text-transform: uppercase;
    color: #fff;
    background-color: #4C685D;
    padding: 5px 10px;
    font-size: 14px;
    display: inline-block;
}

div.guide > ul > li {
    display: list-item;
    font-size: 14px;
}

div.guide > ul > li b {
    font-size: 16px;
}

div.guide > p::before, 
div.guide > ul > li::before {
  content: '';
  width: 0px;
}

.gallery-container .visual.active {
    border-radius: 6px;
    background-color: rgba(118, 193, 159, 1);
    opacity: 1;
}

.gallery-container .visual{
    padding: 2px;
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

.gallery-container .carousel-visuals-block {
    padding: 0;
    float: none;
    margin: auto;
    width: 100%;
}

.visual-preview img {
    width: 330px;
    max-width: 100%;
    display: block;
    margin: 29px auto;
    box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.25);
    border-radius: 17px;
    object-fit: cover;
}

@media screen and (max-width: 991px) {
    .navbar-header {
        background-color: #4C685D;
        background-image: url('/custom_assets/images/1252/b2c/logo.png');
        background-repeat: no-repeat;
        background-position: 55% center;
        padding: 20px 0;
    }

    .nav-top-links {
        margin: 0 -15px;
        padding-top: 10px;
    }

    .navbar-toggle {
        float: left;
        margin-left: 35px;
        background-color: transparent !important;
        border-color: unset !important;
    }

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

    #visual-preview {
        display: none;
    }

    .gallery-container .carousel-visuals-block {
        width: 100% !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .payment-submit-block {
        padding: 40px 0;
    }

    .edit-payment-body .payment-submit-block {
        padding: 40px 0 10px 0;
    }
}

/*****bloc3****/
.beneficiary-container .beneficiary-guide {
    display: none;
}

.beneficiary-container .ecard-overview-block {
    padding-top: 22px;
}

.beneficiary-container .beneficiary-infos .textarea-feedback{
  top: 0px;
  right: 0px;
}

.beneficiary-container .beneficiary-infos label,
.organizer-fields-block .organizer-infos-field label {
    display: inline-block;
    font-weight: 400;
}

.beneficiary-container .beneficiary-infos {
    /*float: none;
    width: 530px;*/
    margin: auto;
    width: 50%;
}

ul + h4 {
  margin-top: 30px;
}

.beneficiary-infos-block {
    display: inline-block;
    width: 50%;
    text-align: left;
    padding-left: 20px;
}

.beneficiary-infos-field {
    padding-bottom: 18px;
}

.beneficiary-infos-field label {
    font-weight: normal;
}

.textarea-feedback {
    text-align: right;
    font-size: 11px;
}

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

   .beneficiary-infos-block {
        display: inline-block;
        width: 100%;
        text-align: left;
        padding-left: 0;
        padding-top: 30px;
    }
}

@media screen and (max-width: 767px){
    
   .beneficiary-infos-block {
        display: inline-block;
        width: 100%;
        text-align: left;
        padding-left: 0;
        padding-top: 30px;
    }
}

/*****bloc4****/
.dispatch-container .send-type-block label span.radiobox-label, 
.dispatch-container .send-type-block label{
    font-size: 16px;
    font-weight: normal;
    display: block;
}

.dispatch-container .send-type-block-active label span.radiobox-label, 
.dispatch-container .send-type-block-active label{
    font-weight: bold;
    font-size: 16px;
}

.dispatch-container .send-type-block:not(.send-type-block-active) {
  background-color: #EEEEEE;
  color: #ccc;
  border-bottom: unset;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.dispatch-container .send-type-block.send-type-hand-block{
  border-top-left-radius: 0px;
  border-top-right-radius: 3px;  
}

.dispatch-container .dispatch-method-choice-content-block {
  border: 1px solid #4C685D;
  border-top: 0px solid transparent;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 40px;
}

.dispatch-container .send-type-block{
    color: #4C685D;
    padding: 8px 10px;
    width: 50%;
    text-align: center;
    border: none;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #fff;
}

.dispatch-container .send-type-email-block {
    width: 36%;
}

.dispatch-container .send-type-hand-block {
    width: 64%;
}

.btn-custom-radio label span.radiobox-label, .block-tip-send-date .tip {
  line-height: 18px;
}

.block-body.dispatch-body.dispatch-standard-body .dispatch-method-block,
.block-body.dispatch-body.dispatch-standard-body .dispatch-guide {
  margin-top: 0px;
}

.dispatch-container .send-type-block.send-type-block-active, .form-control::placeholder  {
  font-weight:400;
}

.dispatch-container .send-type-block.send-type-block-active {
  color: #4C685D;
  border: 1px solid #4C685D;
  border-bottom: none;
}

.dispatch-container .dispatch-guide, 
.card-type-plastic .dispatch-container .dispatch-guide{
    width: 43%;
}

.dispatch-container .dispatch-method-block, 
.card-type-plastic .dispatch-container .dispatch-method-block {
  width: 57%;
}

.dispatch-container .dispatch-method-block {
  padding-left: 0px;
}

.dispatch-container .send-type-block.send-type-hand-block {
  margin-left: 0px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  /*border-left: 0px;*/
}

.dispatch-container .dispatch-method-choice{
    background:none;
}

.form-control[readonly]{
    background-color: #fff;
}

div.guide > p::before, 
div.guide > ul > li::before{
    display: inherit;
}

.dispatch-container .dispatch-send-date-type-block {
  width: 100%;
}

.dispatch-container .dispatch-send-date-block {
  padding-top: 0px;
}

.textarea-feedback {
  color: rgba(126,126,138,0.5) !important;
}

.beneficiary-container .beneficiary-infos .beneficiary-field {
  padding: 0 0 18px 0;
  text-align: left;
}

.beneficiary-container .beneficiary-infos-block .message {
  min-height: 130px;
}

/******bloc5*****/
.dispatch-standard-container {
    text-align: left;
}

.block-body.dispatch-body.dispatch-standard-body, 
.block-body.amount-body, 
.block-body.payment-body,
.block-body.edit-amount-body, 
.block-body.edit-payment-body {
  padding-top: 0;
}

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

.amount-container .free-amount-block {
  padding-left: 0px;
  padding-bottom: 15px;
  margin-top: 15px;
}

.amount-container .free-amount input.form-control {
    height: 47px;
    padding-right: 24px;
    text-align: center;
    color: #4C685D;
}

.block-body.amount-body .amount-guide-block .guide {
  padding-bottom: 50px;
}

.amount-container .fixed-amounts,
.amount-container .free-amount-block {
    display: flex;
    justify-content: center;
    width: 100%;
}

.amount-container .fixed-amount {
    margin: 0px 6px 16px 6px;
    padding: 4px 0;
    width: 100px;
    text-align: center;
    background-color: #fff;
    font-weight: 400;
    color: #4C685D;
    border: 1px solid #4C685D;
    border-radius: 2px;
}

.amount-container .fixed-amount, 
.amount-container .free-amount{
   height: 47px;
   border-radius: 2px;
}

.html-page-name-ecardNew .amount-container .free-amount,  
.html-page-name-ecardEdit .free-amount {
  border: 1px solid #4C685D;
  background-color: #fff;
  max-width: 150px;
}

.amount-container .fixed-amount.active, 
.amount-container .fixed-amount:hover {
  border: 1px solid #4C685D;
  border-radius: 2px;
  color: #fff;
  transition: 0.1s ease 0.2s;
  background-color: #4C685D;
}

.calculation-block {
    padding: 0px;
}

.select-payment-methods {
    padding: 27px 0 25px;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    vertical-align: middle;
}

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

.payment-gts-block {
    text-align: left;
    margin-top: 20px;
}

.payment-means {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}

#mpsp-payment-means ul {
    padding: 0;
}

li.payment-mean-block {
    display: inline-block;
}

li.payment-mean-block label {
    cursor: default;
}

li.payment-mean-block label img {
    max-width: 100%;
}

.payment-methods-block {
    text-align: center;
}

.payment-submit-block {
    text-align: center;
    padding-top: 30px;
}

.payment-submit-block .payment-validation .btn-custom,
.button-ecard-number-connect .btn.btn-custom,
.carousel-visuals-block .btn.btn-custom,
.button-ecard-connect .btn.btn-custom {
    width: 290px;
    height: 42px;
    padding: 8px 16px;
    color: #fff;
    background-color: #76C19F;
    border: unset;
    max-width: 100%;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}

.carousel-visuals-block .btn.btn-custom {
    margin: 0 auto;
    margin-bottom: 30px;
}

.amount-container .currency-amount-pre {
    width: 45%;
    font-weight: 400;
    font-size: 16px;
    line-height: 50px;
    vertical-align: middle;
    margin: 0;
    margin-right: 10px;
}

.amount-container .currency-amount-post {
    width: 30px;
    line-height: 50px;
    margin: 0;
}

.block-container.payment-container,
.block-container.edit-payment-container {
    text-align: left;
}

.custom-checkbox label span.checkbox-label {
    display: contents;
    padding-left: 24px;
    min-height: 22px;
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
    vertical-align: middle;
    color: #4C685D;
}

.custom-checkbox label span.checkbox-label .merry-goblin-iframe-popin-link {
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: #4C685D;
}

/****Bloc 6****/
.organizer-fields-block .organizer-fields-row {
  padding: 15px 0px 0px 0px;
}

.organizer-fields-block .organizer-fields-row {
  max-width: 896px;
}

.organizer-fields-block .organizer-infos-field, 
.participant-fields-block .participant-infos-field {
  max-width: 417px;
}

.participant-fields-block .participant-infos-field label {
    display: inline-block !important;
}

.participant-fields-block .participant-fields-row {
    padding: 15px 0 0 0 !important;
    max-width: 896px;
}

.amount-container .free-amount, 
.organizer-fields-block .organizer-fields-row, 
.organizer-fields-block .organizer-infos-field, 
.amount-container .amount-guide-block, 
.participant-fields-block .participant-infos-field {
    width: 100%;
}

.amount-container .amount-guide-block {
    display: none;
}

/****Code promo ***/
.calculation-block .discount-label-block {
  width: 100%;
}

.calculation-block .calculation-add-discount-block {
  padding: 0px;
}

.discount-label-block div.guide {
  padding: 0px 0px 0px 0px;
}

.calculation-block .discount-input-block {
  padding-left: 0px;
  padding-right: 0px;
}

.calculation-block .discount-label-block .discount-title, .calculation-block .discount-refresh-block {
  text-align: left;
}

.calculation-block .discount-input-block , .calculation-block .discount-refresh-block{
    width: 40%;
}

.btn-custom-discount-code, .btn-custom-discount-code:hover{
  color: #4C685D;
  background-color: #fff;
  border: 1px solid #4C685D;
  transition: 0.1s ease 0.2s;
  border-radius: 50px;
  padding: 6px 25px;
  height: 34px;
  line-height: 1.3em;
  font-weight: 700;
  font-size: 16px;
}

.calculation-block .total-summary-block {
  float: right;
  width: 100%;
  background-color: #FAEDD933;
  margin-bottom: 20px;
}

.calculation-block .total-summary-block h4 {
    text-align: left;
    padding: 15px;
}

.calculation-block .total-summary-block h4 span {
    float: right;
}

.summary-row.discount-binder {
  font-weight: 700;
  color: #4C685D;
  font-size: 1em;
}

.discount-binder_icon-validation {
  background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12.5" cy="12.5" r="12.5" fill="%23136700"/><path d="M17.1407 11.4502L12.3448 16.1154C12.2893 16.1694 12.2234 16.2122 12.1509 16.2414C12.0784 16.2706 12.0006 16.2857 11.9221 16.2857C11.8437 16.2857 11.7659 16.2706 11.6934 16.2414C11.6209 16.2122 11.555 16.1694 11.4995 16.1154L8.82461 13.4994C8.71274 13.3904 8.6499 13.2426 8.6499 13.0886C8.6499 12.9346 8.71274 12.7869 8.82461 12.6779L9.72098 11.8059C9.83267 11.6972 9.98404 11.636 10.142 11.6356C10.3 11.6351 10.4517 11.6956 10.5639 11.8037L11.9324 13.0852L11.9365 13.0892L15.3999 9.76938C15.5119 9.66089 15.6635 9.59998 15.8216 9.59998C15.9796 9.59998 16.1312 9.66089 16.2432 9.76938L17.1396 10.6254C17.1956 10.6794 17.24 10.7436 17.2704 10.8143C17.3008 10.885 17.3165 10.9609 17.3166 11.0376C17.3167 11.1142 17.3012 11.1901 17.271 11.2609C17.2408 11.3318 17.1966 11.3961 17.1407 11.4502Z" fill="white"/></svg>') no-repeat bottom center;
  width: 20px;
  height: 20px;
  display: inline-block;
  top: 4px;
  position: relative;
  margin-right: 2px;
}

.calculation-block .discount-binder-amount, 
.calculation-block .discount-binder-code {
  display: block;
  padding-right: 0px;
  color: #4C685D;
  font-weight: 700;
  line-height: 1.2;
}

/****footer***/
footer .footer-link {
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 14px;
}

.footer-copyright {
    background-color: #303633;
    color: white;
    padding: 20px;
    margin-bottom: 0;
}

footer img {
    width: 200px;
}

/*****Page confirmation ****/
.page-name-ecardConfirm .block-title h3, 
.page-name-participationConfirm .block-title h3 {
    font-weight: 500;
    background-color: transparent;
    color: #4C685D;
    text-transform: uppercase;
    margin: 20px 0 30px 0;
}

.page-name-ecardConfirm a,
.page-name-participationConfirm a {
    text-decoration: underline;
    word-wrap: break-word;
    color: #4C685D;
}

.page-name-participationConfirm .ecard-overview {
    margin-bottom: 30px;
}

.block-container.confirm-container.confirm-return-container {
  display: none;
}

.block-container.confirm-container.confirm-visual-overview-container .container {
  box-shadow: none;
}

.block-body.confirm-body.confirm-visual-overview-body img {
  width: 100%;
  max-width: 600px;
}

.edit-summary-description-block ul.participations {
    padding-left: 0;
}

.edit-summary-container .edit-summary-description-block {
    text-align: left;
}

/****Débit****/
.html-page-name-burnPaymentCheck .row.extra-amount-row .col-xs-8 {
  width: 40%;
}

.html-page-name-burnPaymentCheck .row.extra-amount-row .col-xs-4 {
  margin: 8px 0px 0px 0px;
  padding: 0px 5px 0px 0px;
  font-size: 16px;
  font-weight: 700;
}

/*****Page cagnotte****/
.html-page-name-ecardEdit .edit-summary-description-block h4 span.strong {
  font-size: 22px;
  color: #4C685D;
}

/****CGV*****/
.gts-container h3, .page-name-gts h3 {
  padding: 20px 40px 20px 40px !important;
  background-color: #4C685D !important;
  border-radius: 15px;
}

.block-body.cms-body.gts-body {
  padding-top: 0px;
}

/*****Responsive****/
@media (min-width: 992px) and (max-width: 1199px) {
  .container {
    width: 100%;
  }
}

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

    .beneficiary-container .ecard-overview-block {
        padding-top: 0px;
    }

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

    .amount-container .free-amount-block {
        padding-bottom: 30px;
    }

    .amount-container .fixed-amount{
       max-width: 120px; 
    }

    .block-body.amount-body{
        padding-bottom : 20px   
    }

    .fixed-amounts{
        width:100%;
    }

    .beneficiary-container .beneficiary-infos {
        width: 100%;
    }

    .block-title h3 {
        text-align: center;
    }

    .payment-submit-block {
        margin-top: 30px;
        text-align: center;
    }
}

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

    .page-group-ecard .container {
        margin: 0 auto;
        background: transparent;
    }

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

    .calculation-block {
        margin-top: 15px;
    }

    .calculation-block .total-summary-block h4 {
        font-size: 0;
        line-height: 1;      
        margin-top: 20px;
    }

    /* on réécrit le libellé désiré avec ::before */
    .calculation-block .total-summary-block h4::before {
        content: "Total";              
        display: inline-block;
        font-size: 18px;
        color: #4C685D;               
        margin-right: 8px;
        vertical-align: middle;
        font-family: inherit;
        font-weight: bold;
        line-height: 1.1;
    }

    /* on restaure la police des spans (€ + montant) */
    .calculation-block .total-summary-block h4 span {
        font-size: 18px;
        font-family: inherit;
        font-weight: bold;
        line-height: 1.1;
        color: inherit !important;
        vertical-align: middle;
    }

    .block-container.gts-container {
        width: 100%;
    }

    .custom-checkbox label span.checkbox-label {
        display: inline;
    }

    .block-body.payment-body {
        border: unset;
    }

    footer img {
        width: 280px;
        padding: 30px 0;
    }

    footer .footer-link {
        display: block;
        padding: 20px 50px;
        text-align: left;
        font-size: 20px;
    }
}

@media screen and (max-width: 991px) and (min-width:320px) {
    .block-body.gallery-body, .block-body.payment-body {
        padding-bottom: 0px;
    }

    .dispatch-container .dispatch-guide, 
    .dispatch-container .dispatch-method-block, 
    .amount-container .free-amount-block, 
    .amount-container .fixed-amount-block,
    .card-type-plastic .dispatch-container .dispatch-guide, 
    .card-type-plastic .dispatch-container .dispatch-method-block {
        width: 100%;
    }

    .dispatch-container .dispatch-method-block{
       margin-top: 30px; 
    }

    .dispatch-container .dispatch-send-date-block{
        max-width: 150px;
    }
}

@media (max-width: 770px){
  .dispatch-container .dispatch-method-block{
    min-width: auto;
  }
}

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

  .navbar-nav {
    float: inherit;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
  }
}

@media (min-width: 1251px) {
   .nav-logo {
        padding-right: 80px;
    }
}

@media screen and (max-width: 1200px) {
  .body {
    padding:60px 15px 30px 15px;
  }
}

@media screen and (max-width:1125px){
    .navbar-nav > li {
    padding-bottom: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .container {
    width: 100%;
  }
}


@media screen and (max-width: 991px) {
    .container, 
    .amount-container .fixed-amount, 
    .choose-type-body .card-type-block {
        width: 100%;
    }

    .choose-type-body .card-type-block {
        width: 100%;
        min-height: inherit;
    }

    .card-type-block.card-type-electronic-block{
        margin: 0px 0px 30px 0px;
    }

    .card-type-block.card-type-plastic-block {
     margin: 0px 0px 0px 0px;
    }

    .organizer-fields-block .organizer-infos-field{
      max-width: 100%;
    }

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

    .custom-checkbox.cgv-field-block label {
       display: inherit;
    }

    .dispatch-method-choice {
        display: flex;
    }

    .dispatch-container .send-type-block.send-type-block-active{
        background-image: none;
    }

    .lang-selector {
        top: 5px;
        right: 10px;
        left: inherit;
    }

    .header-logo {
        max-width: 198px;
    }

    .navbar.navbar-default {
        padding:0;
    }

    .btn-custom:hover, .btn-custom:focus {
        background:#fff;
        border-color:#4C685D;
        color: #4C685D;
    }

    .dispatch-container .shipping-area-code-block {
        width: 25%;
    }

    dispatch-container .shipping-phone-block {
        width: 75% !important;
   }

   .calculation-row {
        display: flex;
        flex-direction: column-reverse;
    }

    .calculation-block {
        text-align: left;
    }

    .calculation-block .discount-label-block .discount-title {
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
        padding-top: inherit;
    }

    .page-name-ecardEdit .block-body {
        padding: 30px 20px !important;
    }

    .edit-summary-description-block ul.participations {
        padding-left: 0;
    }

    .beneficiary-container .beneficiary-infos {
        width: 100%;
    }
}

@media screen and (max-width: 591px) {
    .fixed-amounts {
        display: inherit;
    }

    .amount-container .fixed-amount {
        max-width: inherit;
        width: 30% !important;
    }

    .dispatch-container .send-type-block label span.radiobox-label, .dispatch-container .send-type-block label{
        font-size: 16px;
        line-height: 22px;
    }
}

@media screen and (max-width: 480px) {
    .header-logo {
        max-width: 180px;
    }

    header {
      box-shadow: 0px 10px 30px 0px rgba(51, 51, 51, 0.15);
      border-bottom:0px;
    }

    .header-text-back {
      font-size: 27px;
      line-height: 31px;
    }

    .block-container {
        width: 100%;
        max-width: 330px;
    }

    .block-body.confirm-visual-overview-body {
        padding: 20px 0px 40px 0 !important;
    }

    .block-body.gallery-body,
    .block-body.amount-body {
        margin: auto;
    }

    .block-body.beneficiary-body{
       padding-bottom: 20px;
    }

    .block-title.confirm-purchase-title h3 {
        margin-top: 40px;
    }

    .dispatch-container .shipping-last-name-block, 
    .dispatch-container .shipping-first-name-block, 
    .edit-summary-container .edit-summary-description-block, 
    .edit-summary-container .edit-summary-visual-block{
        width: 100%;
    }

    .dispatch-container .shipping-first-name-block, .edit-summary-container .edit-summary-description-block{
        padding-right: 0px;
    }

    .edit-summary-container .edit-summary-visual-block{
        padding-left: 0px;
    }

    .container.top{
        padding-top:0px !important;
        margin: 30px 0 auto !important;
    }

    .specific-to-card-type.card-type-electronic .dispatch-method-choice-content-block {
     padding: 15px;
    }

    .btn-custom-radio label span.radiobox-label{
        max-width: 250px;
    }

    .gallery-container .carousel-text-block .guide, .block-body.beneficiary-body .beneficiary-guide .guide  {
        padding-bottom: 40px;
    }

    .gallery-container .slick-prev{
        left: -25px;
        top: 42%;
    }

    .gallery-container .slick-next{
        right:-25px;
        top: 34% !important;
    }
    
    .calculation-block .discount-refresh-block {
      width: 40%;
    }

    .amount-container {
        width: 100%;
        max-width: 330px;
        margin: 0 auto;
    }

    .form-control {
        height: 47px;
    }
}

@media screen and (max-width: 991px) {
    .amount-container .fixed-amounts {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
    }

    .amount-container .fixed-amount{
        flex: 0 0 91px;           
        max-width: 91px;
        box-sizing: border-box;
        padding: 8px;             
        text-align: center;
    }

    .amount-container .currency-amount-pre {
        width: 50%;
        line-height: 25px;
    }
}

@media screen and (max-width: 767px) {
    .nav-logo {
        display: none;
    }

    /* menu secondaire : on casse Bootstrap */
    .nav-bottom {
        text-align: left;
    }

    .nav-bottom-links {
        display: flex !important;
        flex-direction: column;
        align-items: flex-start !important;
        justify-content: flex-start !important;

        /* neutralisation Bootstrap */
        float: none !important;
        margin: 0;
        padding: 0 30px;
    }

    .nav-bottom-links > li {
        width: 100%;
        text-align: left;
        float: none !important;
    }

    .nav-bottom-links > li > a {
        display: block;
        width: 100%;
        text-align: left;
        padding: 10px 0;
    }

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

    .block-title.payment-title h3 {
        padding-bottom: 10px;
    }

    .page-name-ecardEdit .block-title h3,
    .page-name-balanceConsult .block-title h3 {
        padding: 20px 0;
    }
}

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

  /* === MENU HAUT === */
  .nav-top {
    height: auto;
    align-items: center;
  }

  .nav-top-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
  }

  .nav-top-links > li {
    padding: 6px 10px;
  }

  /* on neutralise Bootstrap */
  .navbar-nav {
    margin: 0;
  }

  /* === MENU BAS === */
  .nav-bottom {
    overflow-x: hidden;        /* stop débordement */
  }

  .nav-bottom-links {
    display: flex !important;  /* PAS inline-flex */
    flex-wrap: wrap;
    justify-content: center;
    max-width: 100%;
    padding: 0;
    gap: 12px;
    margin: 0;
  }

  .nav-bottom-links > li {
    white-space: nowrap;
  }
}

@media screen and (max-width: 410px) {
  .btn-custom-discount-code, .btn-custom-discount-code:hover {
    padding: 6px 18px;  
  }

   .calculation-block .discount-input-block, .calculation-block .discount-refresh-block {
    width: 80%;
  }

  .calculation-block .discount-refresh-block {
    padding-left: 0px;
  }

  .summary-row.discount-binder{
    margin-top: 25px;
  }
}


@media screen and (max-width: 393px) {
    .payment-submit-methods-block ul.mpsp-payment-means-list li {
        margin: 0px 2px 10px 2px;
    }
}

/****footer***/
footer {
  padding-top: 20px;
  padding-bottom: 0px;
  min-height: auto;
  box-shadow: 0px 0px 0px 0px #aaa;
  background-color: #76C19F;
}

.carousel-ecard-visuals .visual.active {
  background-color: transparent;
  border: 2px solid #4C685D;
  border-radius: 5px;
}

.slick-prev.slick-arrow, .slick-next.slick-arrow {
  background: url('../../custom_assets/images/1252/b2c/arrow_carousel.png') no-repeat;
  background-size: 10px;
}

.slick-next.slick-arrow {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.slick-next.slick-arrow {
  top: 44%;
}

.slick-next::before, .slick-prev::before {
    content: inherit !important;
}

.slick-dots {
    display: none;
}

/*calendar*/
.ui-datepicker table {
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #4C685D;
  padding: 10px 14px;
  border-radius: 5px;
  width: 100%;
  max-width: 316px;
  font-family: Montserrat, sans-serif;
}

.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 {
  color: #4C685D;
  background: transparent;
  border: none;
  padding: 8px 5px;
  height: 36px;
  line-height: 20px;
  text-align: center;
  width: 36px;
}

.ui-datepicker-days-cell-over a{
    color:#fff !important;
}

.ui-widget-header {
  border: 1px solid transparent;
  background: none;
  color: #4C685D;
  font-weight: 400;
}

.ui-datepicker-calendar a {
  text-decoration: none !important;
}

.ui-datepicker .ui-datepicker-title{
    font-size: 1.2em;
}

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

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

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
    cursor: pointer;
    top: 6px;
}

.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover{
    top: 6px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
}

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

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

/****Page consultation***/
body.page-group-ecard div.body{
    background-color: #fff;
    padding: 0 0 30px 0;
}

.form-ecard-number-connect{
  font-size: 18px;
}

.consult-container .form-ecard-number-connect {
    max-width: 650px;
    margin: 0 auto;
    text-align: left;
}

.consult-container .form-ecard-number-connect div {
    text-align: left;
}

body.page-group-ecard footer {
  box-shadow: none;
  background-color: #76C19F;
  padding-top: 5px;
}

.consult-container .ecard-number-label, .code-pin-label-block label, .burn-login-container .ecard-number-label {
  font-weight: 400;
}

.button-ecard-number-connect .btn.btn-custom {
  margin-top: 20px;
}

.consult-balance-block .row {
  margin-top: 20px;
}

/*****Paiement avec carte cadeau****/
.burn-container .payment-cancel-block, .html-page-group-burn .block-body.burn-body.burn-check-body, .block-title.burn-title.burn-check-title h3{
  max-width: 420px;
  margin: 0px auto;
}

.row.code-pin-container .col-sm-6, .row.code-pin-container .col-sm-6 label {
  padding-left: 0px;
}

.html-page-group-burn .block-body.burn-body.burn-check-body {
  padding: 30px 0px;
  text-align: left;
}

.html-page-group-burn .block-body.burn-body.burn-check-body div,
.html-page-group-burn .block-body.burn-body.burn-check-body h4,
.html-page-group-burn .block-body.burn-body.burn-check-body p,
.html-page-group-burn .block-body.burn-body.burn-check-body ul {
    margin-bottom: 40px;
}

.html-page-group-burn .block-body.burn-body.burn-check-body .select-payment-methods {
    padding: 0;
}

.block-title.burn-title.burn-check-title h3{
    padding: 30px 0 0 0;
}

.button-ecard-connect {
  margin-top: 30px;
  text-align: center;
}

.row.code-pin-container label {
  font-weight: 400;
}

.gift-card-app .form-control,
.page-group-ecard .form-group input,
.page-name-burnPaymentLogin .form-group input, 
.page-name-balanceConsult .form-group input{
  height: 47px;
  border-radius:2px !important;
  border: 1px solid #979797;
}

/****Tooltip***/
.bv-tooltip-content {
  background-color: rgba(230, 47, 47, 0.9);
  border: 1px solid rgba(230, 47, 47, 0.9);
  text-align: left;
  font-family: Montserrat, sans-serif;
}

.bv-tooltip-arrow{
    border-top-color: rgba(230, 47, 47, 0.9);
}

/****pop up erreur***/
.sa-confirm-button-container button.confirm {
  border: 2px solid #EB0029;
  transition: ease-out 0.3s;
  line-height: 0.5;
  font-family: Montserrat, sans-serif;
  text-transform: none;
  font-weight: 700;
}

.sa-confirm-button-container button.confirm , .sweet-alert .sa-icon.sa-error .sa-line {
  background-color: #EB0029 !important;
}

.sweet-alert .sa-icon.sa-error {
  border: 5px solid #EB0029;
}

.sweet-alert h2, .sweet-alert p {
  color: #333;
  font-family: Montserrat, sans-serif;
  line-height: 26px;
}

.sa-error .sa-line, .sa-success .sa-line {
  display: none !important;
}

.sa-x-mark.animateXMark {
  background: url('data:image/svg+xml,<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.41699 4.41602L33.5837 33.5827" stroke="%23EB0029" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.41699 33.5827L33.5837 4.41602" stroke="%23EB0029" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center 20px;
  height: 58px;
}

/****pop up succès***/
.sweet-alert .sa-icon.sa-success .sa-line {
  background-color: #4C685D;
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
  border: 5px solid #4C685D;
}

.sa-icon.sa-success .sa-placeholder {
  background: url('data:image/svg+xml,<svg width="36" height="29" viewBox="0 0 36 29" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M30.3085 1.43334C30.916 0.854988 31.7244 0.53525 32.5631 0.541597C33.4019 0.547943 34.2053 0.879878 34.804 1.46736C35.4027 2.05484 35.7497 2.85191 35.7719 3.69039C35.7941 4.52887 35.4896 5.34317 34.9228 5.96147L17.716 27.4808C17.4201 27.7995 17.063 28.0553 16.666 28.2328C16.269 28.4103 15.8403 28.506 15.4056 28.514C14.9708 28.5221 14.5388 28.4424 14.1355 28.2797C13.7323 28.117 13.3659 27.8746 13.0585 27.5671L1.64759 16.1562C1.32982 15.8601 1.07494 15.503 0.898164 15.1063C0.721386 14.7095 0.62633 14.2813 0.618667 13.847C0.611005 13.4127 0.690894 12.9813 0.853565 12.5786C1.01624 12.1758 1.25836 11.81 1.56549 11.5029C1.87262 11.1957 2.23847 10.9536 2.6412 10.7909C3.04394 10.6283 3.47532 10.5484 3.9096 10.556C4.34388 10.5637 4.77217 10.6588 5.16891 10.8355C5.56566 11.0123 5.92274 11.2672 6.21884 11.585L15.2492 20.611L30.2265 1.52822L30.3085 1.43334Z" fill="%23136700"/></svg>') no-repeat center center;
}

/****Ajout Mika 08/01 suppression bloc cagnotte***/
.shared-purchase-container{
    display:none;
}

/****Ajout Mika 06/03 suppression border bottom payment body***/
.payment-body {
    border-bottom: 0px;
}

.discount-binder-container{
    Padding:0 20px 20px 20px;
}

.dispatch-container .dispatch-send-date-block {
  max-width: none;
  width: 100%;
}

.dispatch-container .dispatch-send-date-block input {
  width: 100%;
}

.amount-container .currency-amount {
  padding: 0px 0px 0px 0px;
}