


@font-face {
    font-family: 'Averta';
    src: url("fonts/larmoiredebebe/Averta.eot");
    src: url("fonts/larmoiredebebe/Averta.eot?#iefix") format("embedded-opentype"),
    url("fonts/larmoiredebebe/Averta.woff2") format("woff2"),
    url("fonts/larmoiredebebe/Averta.woff") format("woff"),
    url("fonts/larmoiredebebe/Averta.ttf") format("truetype");
}

html, body, .global.layout-panorama {
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 14px;
    font-family: 'Averta', arial, verdana, helvetica, sans-serif;
    color: #444;
    background-color: #fff;
}

.page-group-content .header-logo-block, .page-group-ecard .header-logo,
.page-group-exception .header-logo-block, .page-group-ecard .header-logo,
.page-group-ecard .header-logo-block, .page-group-ecard .header-logo {
    height: 70px;
    width: 100%;
}

.page-group-content .merchant-logo,
.page-group-exception .merchant-logo,
.page-group-ecard .merchant-logo {
    position: relative;
    top: 5px;
    height: 60px;
    width: auto;
}

.page-group-content .navbar,
.page-group-exception .navbar,
.page-group-ecard .navbar {
    min-height: 40px;
}

.page-group-content .nav.navbar-nav > li > a,
.page-group-exception .nav.navbar-nav > li > a,
.page-group-ecard .nav.navbar-nav > li > a {
    padding: 10px 20px;
    color: #444;
    font-weight: normal;
    font-size: 14px;
}

.page-group-content .nav.navbar-nav > li > a:hover,
.page-group-exception .nav.navbar-nav > li > a:hover,
.page-group-ecard .nav.navbar-nav > li > a:hover {
    color: #fff;
    background-color: #e96151;
}

.page-group-ecard .form-control {
    border: 1px solid #f6f6f6 !important;
    border-bottom: 1px solid #dddddd !important;
    box-shadow: none !important;
    background-color: #f6f6f6 !important;
    border-radius: initial !important;
    min-height: 50px;
}

.page-group-ecard .beneficiary-message-block textarea {
    height: 280px;
}

.page-group-ecard .btn-custom-radio label span.radiobox-icon {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='44' viewBox='0 0 22 44'%3E%3Ccircle cx='11' cy='11' r='9' style='fill:%23fff;stroke:%23ccc;'/%3E%3Ccircle cx='11' cy='33' r='9' style='fill:%23fff;stroke:%23ccc;'/%3E%3Ccircle cx='11' cy='33' r='4' style='fill:%23595959;'/%3E%3C/svg%3E");
}

.page-group-content .navbar .navbar-nav,
.page-group-exception .navbar .navbar-nav,
.page-group-ecard .navbar .navbar-nav {
    display: inline-block;
    float: none;
}

.page-group-content .navbar .navbar-collapse,
.page-group-exception .navbar .navbar-collapse,
.page-group-ecard .navbar .navbar-collapse {
    text-align: center;
}

.page-group-content .navbar-default,
.page-group-exception .navbar-default,
.page-group-ecard .navbar-default {
    height: 35px;
    background-color: #fff;
    border: none;
    border-top: 1px solid #ddd;
    border-radius: initial;
    margin: 0;
}

.page-group-ecard header .header-title,
.page-group-content header .header-title,
.page-group-exception header .header-title {
    padding: 0;
    text-transform: initial;
}

.page-group-ecard .ecard-header-space,
.page-group-content .ecard-header-space,
.page-group-exception .ecard-header-space {
    display: block;
    position: relative;
    width: 100%;
    height: 40px;
    background-color: #f8f1db;
}

.page-group-ecard .ecard-header-title {
    max-width: 600px;
    margin: 30px auto auto;
}

.page-group-ecard .ecard-header-title h1 {
    font-weight: bolder;
    font-size: 3em;
}

.page-group-content .block-title h3,
.page-group-content .gts-body h3,
.page-group-exception .block-title h3,
.page-group-ecard .block-title h3 {
    text-align: center;
    color: #444;
    background-color: transparent;
    font-weight: bold;
    font-size: 18px;
}

.page-group-ecard .guide {
    max-width: 600px;
    margin: auto auto 50px;
    text-align: center;
}

.page-group-ecard .gallery-container .carousel-text-block,
.page-group-ecard .slick-dots {
    display: none;
}

.page-group-ecard .gallery-container .carousel-visuals-block {
    width: 100%;
}

.page-group-ecard .gallery-container .visual.active {
    background-color: #e96151;
}

.page-group-ecard .beneficiary-container .beneficiary-guide {
    float: none;
    padding-right: 15px;
    width: 100%;
}

.page-group-ecard .beneficiary-container .beneficiary-infos {
    float: right;
    padding-right: 80px;
    padding-left: 80px;
    width: 50%;
}

.page-group-ecard .beneficiary-container .ecard-overview-block {
    position: relative;
    float: right;
    padding: 0;
    width: 50%;
}

.page-group-ecard .amount-container .amount-guide-block {
    float: none;
    padding-right: 15px;
    width: 100%;
}

.page-group-ecard .beneficiary-container .ecard-overview-block .visual {
    transform: rotate(-5deg);
    box-shadow: -5px 15px 30px 5px rgba(220, 220, 220, 0.70);
}

.page-group-ecard .dispatch-container .send-type-block,
.page-group-ecard .dispatch-container .dispatch-method-choice-content-block {
    background-color: #f6f6f6;
    border: 2px solid #f6f6f6 !important;
    border-radius: 0;
    padding: 10px 25px;
}

.page-group-ecard .dispatch-container .dispatch-method-choice-content-block {
    min-height: 210px;
}

.page-group-ecard .dispatch-container .send-type-block.send-type-hand-block {
    margin: 0;
}

.page-group-ecard .dispatch-container .dispatch-guide {
    width: 50%;
}

.page-group-ecard .dispatch-guide .guide {
    text-align: left;
}

.page-group-ecard .dispatch-guide .guide p {
    margin-bottom: 15px;
}

.page-group-ecard .dispatch-container .dispatch-method-block {
    width: 50%;
}

.page-group-ecard .dispatch-method-choice {
    margin-bottom: -1px;
}

.page-group-ecard .dispatch-container .send-type-block:not(.send-type-block-active) {
    background-color: #fff;
    color: #444;
}

.page-group-ecard .dispatch-method-choice-content-block .form-control {
    background-color: #fff !important;
}

.page-group-ecard .dispatch-container .send-type-block label {
    font-weight: normal;
}

.page-group-ecard .dispatch-container .dispatch-method-choice {
    background: none;
}

.page-group-ecard div.guide > p, .page-group-ecard div.guide > ul > li {
    margin: 0;
    background: none;
}

.page-group-ecard div.guide > p:before, .page-group-ecard div.guide > ul > li:before {
    content: initial;
}

.page-group-ecard .organizer-fields-block .organizer-fields-row,
.page-group-ecard .participant-fields-block .participant-fields-row {
    padding: 0;
}

.page-group-ecard .organizer-fields-block .organizer-group-infos-field,
.page-group-ecard .participant-fields-block .participant-group-infos-field {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
}

.page-group-ecard .organizer-fields-block .organizer-first-name-block,
.page-group-ecard .organizer-fields-block .organizer-last-name-block,
.page-group-ecard .participant-fields-block .participant-first-name-block,
.page-group-ecard .participant-fields-block .participant-last-name-block {
    float: right;
    clear: both;
}

.page-group-ecard .organizer-fields-block .organizer-e-mail-address-block,
.page-group-ecard .organizer-fields-block .organizer-confirm-e-mail-address-block,
.page-group-ecard .participant-fields-block .participant-e-mail-address-block,
.page-group-ecard .participant-fields-block .participant-confirm-e-mail-address-block {
    float: left;
    clear: both;
}

.page-group-ecard .select-payment-methods {
    text-align: center;
}

.page-group-ecard .amount-container .free-amount {
    border: none;
    margin-left: 30%;
}

.page-group-ecard .amount-container .free-amount,
.page-group-ecard .amount-container .free-amount .form-control {
    height: 60px;
    width: 100px;
    font-size: 18px;
    font-weight: bold;
}

.page-group-ecard .currency-amount.currency-amount-post {
    height: 60px;
    line-height: 60px;
    margin: 0;
    width: initial;
    font-size: 18px;
}

.page-group-ecard .amount-container .fixed-amount {
    height: 60px;
    width: 100px;
    background-color: #58b9a6;
    border-radius: 30px;
    border: 1px solid #58b9a6;
    margin: 0 5px;
}

.page-group-ecard .amount-container .fixed-amount span {
    height: 60px;
    width: 100px;
    line-height: 58px;
    font-size: 18px;
}

.page-group-ecard .amount-row {
    text-align: center;
    padding-left: 82px;
}

.page-group-ecard .free-amount-block {
    position: relative;
    width: 30%;
}

.page-group-ecard .fixed-amount-block {
    position: relative;
    width: 70%;
}

.cgv-field-block a,
.cgv-field-block a:link,
.cgv-field-block a:hover,
.cgv-field-block a:active,
.cgv-field-block a:visited {
    color: #e96151
}

footer a,
footer span,
footer a:link {
    color: #444 !important;
    text-decoration: underline !important;
}

footer span:hover,
footer a:hover,
footer a:active,
footer a:visited {
    color: #e96151 !important;
    text-decoration: underline !important;
}

.header-guide {
    max-width: 600px;
    text-align: center;
    padding: 0 10px;
    margin: 30px auto 0;
}

.confirm-purchase-body {
    text-align: center;
}

/* Responsive */

@media screen and (max-width: 1200px) {
    .page-group-ecard .dispatch-container .dispatch-send-date-type-block {
        width: 100%;
    }
}

@media screen and (max-width: 992px) {
    .page-group-ecard .block-body.beneficiary-body .beneficiary-infos,
    .page-group-ecard .block-body.beneficiary-body .ecard-overview-block,
    .page-group-ecard .block-body.dispatch-body .dispatch-guide,
    .page-group-ecard .block-body.dispatch-body .dispatch-method-block {
        width: 100%;
    }

    .page-group-ecard .amount-row {
        text-align: center;
        padding: 0;
    }

    .page-group-ecard .free-amount-block,
    .page-group-ecard .fixed-amount-block {
        position: relative;
        width: 100%;
    }

    .page-group-ecard .amount-container .free-amount {
        width: 90%;
        margin: auto auto 10px;
        padding-left: 5%;
    }

    .page-group-ecard .amount-container .free-amount input.form-control {
        text-align: center;
    }

    .page-group-ecard .amount-container .free-amount .form-control {
        width: 100%;
    }

    .page-group-ecard .amount-container .fixed-amount {
        width: 100%;
        margin: 5px 0;
    }

    .page-group-ecard .amount-container .fixed-amount span {
        width: 100%;
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    html, body, .global.layout-panorama {
        font-size: 14px;
    }

    .page-group-content .navbar-default,
    .page-group-exception .navbar-default,
    .page-group-ecard .navbar-default {
        height: initial;
    }

    .page-group-ecard .block-body.beneficiary-body .beneficiary-infos,
    .page-group-ecard .block-body.beneficiary-body .ecard-overview-block,
    .page-group-ecard .block-body.dispatch-body .dispatch-guide,
    .page-group-ecard .block-body.dispatch-body .dispatch-method-block {
        width: 100%;
    }

    .page-group-ecard .beneficiary-container .beneficiary-infos {
        padding: 0 0 30px 0;
    }

    .page-group-ecard .dispatch-container .send-type-block.send-type-block-active {
        background: url(/assets/images/forms/tick.png) no-repeat 4px 17px #f6f6f6;
    }

    .page-group-ecard .organizer-fields-block .organizer-group-infos-field {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .page-group-ecard .gallery-container .select-visual-button {
        background-color: #e96151;
        border-color: #e96151;
    }

    .page-group-ecard .dispatch-container .dispatch-send-date-block {
        width: 100%;
    }
}

@media screen and (max-width: 467px) {
}
