/*! Soft reset | typography | hiding content and browsers consistency based on
* www.KNACSS.com V3.1.0 (2014-10-20) @author: Raphael Goetter, Alsacreations
* Licence WTFPL http://www.wtfpl.net/
*/

/* ----------------------------- */
/* == soft reset                 */
/* ----------------------------- */

/* switching box model for all elements */
* {
    box-sizing: border-box;
}
/* soft reset */
html, body, ul, ol {
    margin: 0;
    padding: 0;
}
img {
    height: auto;
    vertical-align: middle;
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}

/* ----------------------------- */
/* == height                     */
/* ----------------------------- */
.h-100 {
    height: 100%;
}

/* ----------------------------- */
/* == typography                 */
/* ----------------------------- */

html {
    /* set base font-size to equiv "16px", which is adapted to rem unit */
    font-size: 100%;
    /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
    /* thanks to @guardian, @victorbritopro and @eQRoeil */
    font-size: -webkit-calc(1.000em);
    font-size: calc(1.000em);
    /* disallow text zooming on orientation change (non standard property) */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    font: 300 1em "futura-pt", Helvetica, Arial, sans-serif; /* 300 -> book */
    text-align: left;
    /* set body font-size in em (1.250em equiv "20px") */
    line-height: 1.5em;
    background-color: #fff;
    color: #6e6e6e;
    /* Old Android bugfix */
    -webkit-animation: bugfix infinite 1s;
}
/* Old Android bugfix */
a {
    color: #00c6ff;
    text-decoration: none;
}
a:hover, a:focus, a:active {
    color: #1d97ad;
    outline: none;
}
a.underline, td.underline a {
    color: #00a5db;
    text-decoration: underline;
}
a.underline.txt-black {
    color: #000;
    text-decoration: underline;
}
a.underline:hover, a.underline:focus {
    text-decoration: none;
}
.bg-blue-medium a.button-like:hover,
a.txt-white:hover, a.txt-white:focus,
a.button-like.bg-blue-medium:hover {
    color: #fff;
}
.home-survey-list .survey_number .survey_link {
    color: #6e6e6e;
}
.home-survey-list .survey_number,
.home-survey-list .survey_miles,
.home-survey-list .survey_duration {
    position: unset;
}
.home-survey-list .list-item {
    position: relative;
}
/* font-sizing for content */
p, .p-like, ul, ol, dl, blockquote,
pre, td, th, caption, details, figure {
    margin-top: 0.75em;
    margin-bottom: 0;
    line-height: 1.5;
}
.hero-txt {
    font-size: 3.625rem;
    font-weight: 700;
    line-height: 0.8em;
    color: #000;
    z-index: 1;
}
h1, .h1-like, h2, .h2-like,
h3, .h3-like, h4, .h4-like,
h5, .h5-like, h6, .h6-like {
    font-style:  normal;
    font-weight: 400;
    color: #000;
}
h1, .h1-like {
    margin: 0 0 20px 0;
    font-size: 2.125rem;
    line-height: 1;
}
h1.hero-txt {
    margin: 0 0 1.250rem 0;
    line-height: 1em;
    font-size: 2.125rem;
    font-weight: 700;
}
.title-confirm-email {
    line-height: 1em;
    font-size: 2.125rem;
    font-weight: 700;
}
.reward-detail-content h1 {
    font-size: 2.125rem;
}
h2, .h2-like {
    font-size: 2.125rem;
    margin-top: 2.500rem;
    margin-bottom: 1.250rem;
    line-height: 1;
}
h3, .h3-like { font-size: 2.4rem; }
h4, .h4-like {
    margin-bottom: 0;
    font-size: 1.500rem;
}
h5, .h5-like { font-size: 1.3rem; }
h6, .h6-like { font-size: 1.2rem; }

/* Title in colored block */
[class="bg-white"] h2, [class*="bg-white"] h2:first-child {
    color: #000;
}

/* alternate font-sizing */
.smallest { font-size: 0.5em; }
.smaller  { font-size: 0.71em; }
.small    { font-size: 0.86em; }
.big      { font-size: 1.14em; }
.bigger   { font-size: 1.29em; }
.biggest  { font-size: 1.43em; }

/* LIST */
.basic-bullet {
    list-style-position: inside;
}
.basic-bullet > li {
    margin-left: 20px;
}
.basic-bullet > li + li {
    margin-top: 10px;
}
em, .italic, address, cite, dfn, i, var {
    font-style: italic;
    color: #999;
}
strong, .bold { font-weight: bold; }
small, sub, sup { font-size: smaller; }

/* Text Alignment */
.txt-center { text-align: center; }
.txt-right { text-align: right; }
.txt-left { text-align: left; }

/* Text Colors */
.txt-pink    { color: #da0087; }
.txt-orange  { color: #f15a29; }
.txt-black, a.button-like.txt-black:hover {
    color: #000;
}
.txt-blue, a.button-like.txt-blue:hover {
    color: #1d97ad;
}
.txt-white, input[type="submit"].bg-orange,
.bg-blue-medium, .modal-cart__btn-cart {
    color: #fff;
}
.txt-grey { color: #6e6e6e; }


/* ----------------------------- */
/* == Regrouping properties      */
/* ----------------------------- */

button, input[type="button"], label,
input[type="submit"], .button-like,
button > a, .back-on-top span, .input-prepend,
.error em, #errorsChangeEmail,
form .btn-group label[class="btn btn-primary active"]:after,
.header .sign-in a, .header a.pull-left, .header .bt-header,
.header .bt-header span, .main-nav li a,
.main-nav > li > a:after, .card-content .card-points > span,
.has-hover-effect .card-icon-button span:first-child,
.reward-detail-img-container button span:first-child,
.card-content a span[class*="glyphicons-"],
.reward-detail-img-container button span[class*="glyphicons-"],
.has-hover-effect:hover .card-hover-effect,
.has-hover-effect:hover .card-hover-content,
.survey-list > li, .survey-list > li > a,
.survey-list > li > a + span, .card-block .cart button,
.cart--gift-name p span, .pagination-reward > li > a,
.survey-list-page span.glyphicons-history,
.survey-list-page span.glyphicons-coins,
.footer.footer-logged ul li,
.slick-arrow .icon-arrow, .home-survey-list .survey_number .survey_link {
    display: block;
}
.header .sign-in .form-group, .survey-list > li > a,
.filters .dx-field-value, .pull-left {
    float: left;
}
.pull-right, .header .sign-in button, .header .bt-header,
.survey-list > li > a + span, .card-block .cart .cart--quantity button,
#applySlider {
    float: right;
}
.arrow-box-bottom, .arrow-box-top, form .btn-group label,
.arrow-box-left, .arrow-box-right, .header .sign-in .form-group,
.main-nav li a, .main-nav .dropdown-menu, .card-block,
.card-content, .card-block .cart .cart--quantity button,
.card-content .cart span[class*="glyphicons-"], #rewards,
.reward-detail-img-container .marg-left-right-20, .survey-list-page,
.survey-list-page .link-container, #pinterest-grid,
.header, .modal-header,
.header.navbar-fixed-top.slide-active, .slick-dots li,
.fm-container .alert, body {
    position: relative;
}
.arrow-box-bottom:after, .arrow-box-top:after,
.arrow-box-left:after, .arrow-box-right:after,
.modal-header button[data-dismiss="modal"],
[data-toggle=buttons] > .btn input[type=checkbox],
[data-toggle=buttons] > .btn input[type=radio],
[data-toggle=buttons] > .btn-group > .btn input[type=checkbox],
[data-toggle=buttons] > .btn-group > .btn input[type=radio],
form .btn-group label[class="btn btn-primary active"]:after, .main-nav > li > a:after,
.card-hover-effect, .card-hover-content, .card-img-container img + img,
.card-icon-button, .reward-detail-img-container button,
.card-content a span[class*="glyphicons-"], .sr-only,
.reward-detail-img-container button span[class*="glyphicons-"],
.card-mxm .cart button.cart--remove-item, .slick-dots li button:before,
.slick-arrow, .alert-dismissable .close, .alert-dismissible .close,
.home-progress .profile-icon {
    position: absolute;
}
#facebook-registration h1, #facebook-registration h2, #facebook-registration h3, #facebook-registration p,
#coreg-registration h1, #coreg-registration h2, #coreg-registration h3 {
    text-align: center;
}

/* ----------------------------- */
/* == hiding content             */
/* ----------------------------- */

/* Hide the recaptcha badge added by EWZRecaptchaBundle */
div.g-recaptcha > div.grecaptcha-badge {
    display: none;
}

/* hidden but not for an assistive technology like a screen reader, Yahoo! method */
.visually-hidden {
    position: absolute !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
}
.body > script, .hide,
.no-label label,
.header .sign-in .not-header, .card-hover-content,
.main-nav > li.main-nav-title > a:after, .card-hover-effect,
.footer.footer-logged ul li + li:before, .footer .flag-icon span, .fm-container button .sr-only,
.header a.flag-icon.active, .header .flag span {
    display: none;
}
@media screen and (max-width: 767px) {
    .no-mobile, *[class*="col"].mobile,
    .line-separator.no-mobile, span[class*='icon-'].no-mobile  {
        display: none;
    }
}
@media screen and (max-width: 992px) {
    .no-tablet, span[class*="icon-"].no-tablet, .only-mobile {
        display: none;
    }
}
/* [START] - Only mobile case */
@media screen and (max-width: 767px) {
    .only-mobile {
        display: block;
    }
}
/* [END] - Only mobile case */
@media screen and (min-width: 1000px) {
    .no-desktop, .clearfix.no-desktop, .only-mobile ,
    .cart-gift--name .no-desktop {
        display: none;
    }
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}
/* ----------------------------- */
/* == browsers consistency       */
/* ----------------------------- */

/* avoid top margins on first content element */
p:first-child, .p-like:first-child, ul:first-child,
ol:first-child, dl:first-child, blockquote:first-child,
pre:first-child, h1:first-child, h2:first-child, h3:first-child,
h4:first-child, h5:first-child, h6:first-child,
.bg-block h2, .bg-block h3, .header ul {
    margin-top: 0;
}
/* avoid margins on nested elements */
li p, li .p-like, li ul, li ol {
    margin-top: 0;
    margin-bottom: 0;
}
/* max values */
img, table, td, blockquote, code, pre,
textarea, input, video {
    max-width: 100%;
}

/* ----------------------------- */
/* == GENERAL RULES & CLASS      */
/* ----------------------------- */

/* Container */
.container.content {
    padding-top: 80px;
}
/* Margin class */
.marg-top-10 { margin-top: 10px; }
.marg-top-20 { margin-top: 20px; }
.marg-top-23 { margin-top: 23px; }
.marg-top-30 { margin-top: 30px; }
.marg-top-40 { margin-top: 40px; }
.marg-top-60 { margin-top: 60px; }
.marg-bot-20 { margin-bottom: 20px; }
.marg-bot-30 { margin-bottom: 30px; }
.marg-bot-60 { margin-bottom: 60px; }
.marg-bot-120 { margin-bottom: 120px; }
.marg-left-15 { margin-left: 15px; }
.marg-left-20 { margin-left: 20px; }
.marg-right-15 { margin-right: 15px; }
.marg-left-right-15 {
    margin-left: 15px;
    margin-right: 15px;
}
.marg-left-right-20 {
    margin-left: 20px;
    margin-right: 20px;
}
/* Padding class */
.pad-0 { padding: 0; }
.pad-all-20 { padding: 20px; }
.pad-top-20 { padding-top: 20px; }
.pad-top-28 { padding-top: 28px; }
.pad-top-30 { padding-top: 30px; }
.pad-top-40 { padding-top: 40px; }
.pad-top-60 { padding-top: 60px; }
.pad-top-100 { padding-top: 100px; }
.pad-top-120 { padding-top: 120px; }
.pad-bot-30 { padding-bottom: 30px; }
.pad-bot-60 { padding-bottom: 60px; }
.pad-right-15 { padding-right: 15px; }
.pad-left-right-20 {
    padding-left: 20px;
    padding-right: 20px;
}
.pad-left-right-30 {
    padding-left: 30px;
    padding-right: 30px;
}
/* Boders */
.border-left-dark-gray {
    border-left: 1px solid #333333;
}
.border-all-medium-grey {
    border: 1px solid #555555;
}
.border-top-medium-grey {
    border-top: 1px solid #555555;
}
.border-bot-medium-grey {
    border-bottom: 1px solid #555555;
}
.border-top-bot-medium-grey {
    border-top: 1px solid #555555;
    border-bottom: 1px solid #555555;
}
.border-top-light-grey {
    border-top: 1px solid #bcbcbc;
}
/* Colored background */
.bg-white { background-color: #fff; }
.bg-white-30 {
    background-color: rgba(255, 255, 255, 0.3);
}
.bg-white-60 {
    background-color: rgba(255, 255, 255, 0.6);
}
.bg-white-80 {
    background-color: rgba(255, 255, 255, 0.8);
}
.bg-orange, .card-block.gift .card-icon-button,
.card-block.gift button, .header .sign-in button,
.reward-detail-img-container button {
    background-color: #f15a29;
}
.bg-grey-medium { background-color: #f3f3f3; }
.bg-grey-medium-2 { background-color: #d0d0d0; }
.bg-grey-dark, .header { background-color: #333; }
.bg-grey-dark, .header, #account-login-menu {background-color: #333;}
.bg-black { background-color: #000; }
.bg-green-medium, .card-block.partner .card-icon-button,
.card-block.partner button {
    background-color: #18987e;
}
.bg-blue-light, .card-block.static .card-icon-button,
.card-block.static button {
    background-color: #00c6ff;
}
.bg-blue-medium, .card-block.panel .card-icon-button,
.card-block.panel button {
    background-color: #1d97ad;
}
/* Text in bg blocks */
.bg-orange p, .bg-blue-light p,
.bg-grey-dark p, .bg-green-medium p, .bg-blue-medium p  {
    color: #fff;
}
.bg-grey-medium .bg-white-30 p, .bg-grey-medium .bg-white p {
    color: #6e6e6e;
}
.bg-grey-medium .bg-white-30 p.hero-txt,
.bg-grey-medium .bg-white p.hero-txt {
    color: #000;
}
/* Column specific */
[class*="col-"].no-padding {
    padding-left: 0;
    padding-right: 0;
}
[class*="col-"].no-padding-left {
    padding-left: 0;
}
[class*="col-"].no-padding-right {
    padding-right: 0;
}
/* Arrows */
.arrow-box-bottom:after, .arrow-box-top:after,
.arrow-box-left:after, .arrow-box-right:after {
    content: " ";
    height: 0;
    width: 0;
    border: solid transparent;
    border-width: 6px;
    border-color: rgba(96, 198, 89, 0);
    pointer-events: none;
}
.arrow-box-bottom:after {
    top: 100%;
    left: 50%;
    margin-left: -6px;
}
.arrow-box-top:after {
    bottom: 99%;
    left: 50%;
    margin-left: -6px;
}
.arrow-box-left:after {
    top: 50%;
    left: -12px;
    margin-top: -6px;
}
.arrow-box-right:after {
    top: 50%;
    right: -12px;
    margin-top: -6px;
}
.bg-black.arrow-box-left:after {
    border-right-color: #000;
}
.bg-orange.arrow-box-left:after {
    border-right-color: #f15a29;
}
.bg-blue-medium.arrow-box-top:after {
    border-bottom-color: #1d97ad;
}
.home-progress .arro-box-top {
    margin-left: -12px;
    border-width: 12px;
}
/*  MIN-HEIGHT */
.min-height-48 { min-height: 48px; }


/* ----------------------------- */
/* ==         BUTTON             */
/* ----------------------------- */

button, input[type="button"], input[type="submit"], .button-like,
.junk-modal__bt-cancel, .junk-modal__bt-validate {
    width: 100%;
    min-height: 40px;
    padding: .500rem 0;
    border: 0;
    text-align: center;
    font-size: 1.125rem;
    font-family: "futura-pt",sans-serif;
    font-weight: 300;
    /* color: #fff; */
    cursor: pointer;
    -webkit-appearance: none;
}

#facebook-registration button[type="submit"],
#coreg-registration input[type="submit"] {
    padding: .900rem 0;
}
.alerte .close button {
    height: auto;
}
button.big, input[type="submit"].big, .button-like.big {
    font-size: 1.7rem;
}
button[class*="bg-"], button[class*="bg-"] a,
.card-block button > a {
    color: #fff;
}
button[class*="bg-white"] a {
    color: #1d97ad;
}
.btn, .modal-cart__btn-cart {
    display: inline-block;
    margin-bottom: 0;
    padding: .375rem .750rem;
    border: 1px solid transparent;
    text-align: center;
    font-size: 1.125rem;
    font-weight: normal;
    line-height: 1.42857143;
    background-image: none;
    cursor: pointer;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
      touch-action: manipulation;
    -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.txt-link {
    text-decoration: underline;
    color: #6e6e6e;
}
.txt-link:hover {
    cursor: pointer;
}
/* BT inline form */
.inline-form button {
    margin-top: 24px;
}
    
form .required:after {
    content:"*";
}
  
form .required:after {
    content:"*";
}
/* Button unsubscribe */
#unsubscribe_button.submit-unsubscribe {
    margin-bottom: 40px;
}
/* Button in Modal */
.modal-header button[data-dismiss="modal"] {
    top: 50%;
    right: 20px;
    width: 24px;
    height: 24px;
    min-height: auto;
    margin-top: -10px;
    padding: 0;
    border-radius: 100%;
    text-align: center;
    font-size: 0.850rem;
    outline: none;
}

/* BACK ON TOP BT -> display by JS */
.back-on-top {
    z-index: 100;
    position: fixed;
    bottom: 100px;
    right: 100px;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: #333;
    cursor: pointer;
    opacity: 0;
}
.back-on-top span {
    padding-top: 5px;
    text-align: center;
    font-size: 2rem;
    color: #fff;
}
/* Animation part to display/hide the button */
.back-on-top.js-backtop--is-visible {
    animation: btBeVisible .500s ease 1;
    opacity: 1
}
.back-on-top.js-backtop--is-hidden {
    animation: btBeHidden .500s ease 1;
}
@keyframes btBeVisible {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes btBeHidden {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
/* Animation part to change background color and arrow color when button came in the footer */
.back-on-top.js-backtop--is-in-footer {
    animation: bckgGreyToWhite .500s ease 1;
    background-color: #fff;
}
.back-on-top.js-backtop--is-in-footer span {
    animation: fontWhiteToGrey .500s ease 1;
    color: #333;
}
@keyframes bckgGreyToWhite {
    from {
        background-color: #333;
    }
    to {
        background-color: #fff;
    }
}
@keyframes fontWhiteToGrey {
    0% {
        color: #fff;
    }
    100% {
        color: #333;
    }
}
/* ----------------------------- */
/* ==          FORMS             */
/* ----------------------------- */

form .required:after {
    content:"*";
}
label {
    font-size: 1.125em;
    color: #000;
}
form a[data-toggle="tooltip"] {
    cursor: default;
}
form input[type="checkbox"],
form input[type="radio"] {
    display: inline-block;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
    display: inline-block;
}
input[type="text"], input[type="email"],
input[type="password"], select,
input[type="number"],
.statement-container .dataTables_wrapper .dataTables_filter input[type="search"] {
    width: 100%;
    height: 40px;
    padding-right: 10px;
    padding-left: 10px;
    border: none;
    font-size: 1rem;
    font-family: "futura-pt",sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    color: #000;
    background-color: #fff;
}
/* DEBUG FOR IOS */
input[type="text"], input[type="email"],
input[type="password"], input[type="submit"],
input[type="number"], input[type="button"],
.statement-container .dataTables_wrapper .dataTables_filter input[type="search"] {
    -webkit-appearance: none;
    border-radius: 0;
}
select {
    height: 45px;
    border-radius: 0;
    background: #FFF url('../images/arrow_select_down.svg') no-repeat 95% 50%;
    background-size: 10px;
    -webkit-appearance: none;
}
.in-form-txt {
    font-size: 1.125em;
}
/* Form Elements in Card Block */
.card-block label {
    font-weight: 400;
    color: #6e6e6e;
}
.card-block input[type="text"], .card-block input[type="number"],
.card-block input[type="password"], .card-block input[type="email"],
.modal input[type="text"], .modal input[type="email"],
.modal input[type="password"], .modal input[type="number"],
form[name="cartItem"] input[type="number"], form[name="cartItem"] input[type="text"],
.card-block select, .reward-detail-content select  {
    border: 1px solid #bcbcbc;
}
.card-block input[readonly="readonly"] {
    background-color: #f3f3f3;
}
.card-block .dx-texteditor-container input[type="text"] {
    border: none;
}
/* Append - Prepend Like For Input Elements */
.input-prepend {
    height: 40px;
    padding-top: 0.500em;
    border: 1px solid #bcbcbc;
    border-bottom-color: transparent;
    text-align: center;
    font-size: 1em;
    font-weight: 300;
    color: #fff;
    background-color: #bcbcbc;
}
/* === TEL/MOBILE FIELD WITH PREFIX === */

.input-group {
    width: 100%;
    display: table;
}
#personal_info_phone_number, #personal_info_mobileNumber_number {
    width: 100% !important;
}
.input-group-addon, .input-group input {
    display: table-cell;
}
.input-group-addon {
    vertical-align: middle;
    background-color: #bcbcbc;
    color: #fff;
    padding: 0 15px 2px;
    width: 30px;
}
.row .padding-left .input-group-addon {
    padding: 0 30px 2px;
}
/* RADIO - CHECKBOX BUTTONS */
[data-toggle=buttons] > .btn input[type=checkbox],
[data-toggle=buttons] > .btn input[type=radio],
[data-toggle=buttons] > .btn-group > .btn input[type=checkbox],
[data-toggle=buttons] > .btn-group > .btn input[type=radio] {
    clip: rect(0,0,0,0);
    pointer-events: none;
}
form .btn-group .btn {
    padding: 0.450em 1.875em;
    font-size: 18px;
    color: #535353;
    background-color: #f3f3f3;
    border: 1px solid #bcbcbc;
}
.bg-grey-medium form .btn-group .btn {
    background-color: #eaeaea;
}
#facebook-registration form .btn-group .btn {
    background-color: #f8f8f8;
}
form .btn-group .btn + .btn {
    border-left: none;
}
form .btn-group .btn:hover,
form .btn-group .btn.focus {
    color: #000;
    background-color: #fff;
}
form .btn-group .btn.active {
    border: 1px solid #f15a29;
    color: #000;
    background-color: #fff;
}
form .btn-group label[class="btn btn-primary active"]:after {
    content: "";
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -7px;
    border-style: solid;
    border-width: 0 8.5px 8px 8.5px;
    border-color: transparent transparent #f15a29;
}
/* Setting color for place holder */
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #000;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #000;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #000;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    opacity: 0.5;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    opacity: 0.5;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    opacity: 0.5;
}
/* help text */
.help-text {
    font-size: 0.8rem;
    color: #6e6e6e;
    line-height: 1rem;
}
/* ERRORS */
.error input[type="text"], .error input[type="email"],
.error input[type="password"], .error input[type="text"] {
    border: 1px solid #f01212;
}
.error em, #errorsChangeEmail {
    color: #f01212;
}
.zipcode-row > .error em, .city-row > .error em {
    margin-top: 10px;
}
/* SIGN IN HEADER FORM */
/*.navbar .sign-in {
    margin-top: 18px;
}*/

.form-floating > label {
    display: block !important;
    position: absolute;
    top: -8px;
    left: 0;
    z-index: 2;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out;
    color: #767676;
}
.form-floating #username_header:focus + label,
.form-floating #password_header:focus + label,
.form-floating #username_header:active + label,
.form-floating #password_header:active + label,
.form-floating>#username_header:not(:placeholder-shown)~label, 
.form-floating>#password_header:not(:placeholder-shown)~label,
.form-floating>#username_header:-webkit-autofill ~ label,
.form-floating>#password_header:-webkit-autofill ~ label {
    display: none !important;
    opacity: 0;
}
form[name="password_authentication_confirmation"] {
    position: relative;
}
form[name="password_authentication_confirmation"] label + .eye-pwd-js + .show-pwd-icon,
.form-unsubscribe label + .eye-pwd-js + .show-pwd-icon,
.form label + .eye-pwd-js + .show-pwd-icon,
form[name="reset_password"] label + .eye-pwd-js + .show-pwd-icon,
#registration-fo-form label + .eye-pwd-js + .show-pwd-icon,
#modal-password-authentication-confirmation-container label + .eye-pwd-js + .show-pwd-icon,
#login-page-form label + .eye-pwd-js + .show-pwd-icon,
form[name="form"] .eye-pwd-js + .show-pwd-icon {
    top: 32px;
}
.form-unsubscribe label + .eye-pwd-js + .show-pwd-icon,
.form label + .eye-pwd-js + .show-pwd-icon,
form[name="reset_password"] label + .eye-pwd-js + .show-pwd-icon,
#registration-fo-form label + .eye-pwd-js + .show-pwd-icon,
#login-page-form label + .eye-pwd-js + .show-pwd-icon,
form[name="form"] .eye-pwd-js + .show-pwd-icon {
    right: 26px;
}
form[name="password_authentication_confirmation"] label + .eye-pwd-js,
form[name="reset_password"] label + .eye-pwd-js,
.form-unsubscribe label + .eye-pwd-js {
    padding-right: 32px;
}
.header .sign-in a {
    text-align: right;
}
.form-floating #username_header::placeholder,
.form-floating #password_header::placeholder {
    opacity: 0;
}
.form-floating input[type="text"] {
    color: #767676;
}
.header .sign-in input[type="email"],
.header .sign-in input[type="password"] {
    height: 40px;
    color: #767676;
}
input[type="password"]{
    font-family: Helvetica, Arial, sans-serif;
}
input[type="password"]::-webkit-input-placeholder {
    font-family: "futura-pt", Helvetica, Arial, sans-serif;
}
input[type="password"]::-moz-placeholder {
    font-family: "futura-pt", Helvetica, Arial, sans-serif;
}
input[type="password"]:-ms-input-placeholder {
    font-family: "futura-pt", Helvetica, Arial, sans-serif;
}
.header .sign-in .form-group {
    width: 180px;
}
.header .sign-in .form-group + .form-group {
    width: 150px;
    margin-right: 20px;
    margin-left: 8px;
}
.header .sign-in input:-moz-placeholder,
.email-home-form input:-moz-placeholder {
    color: #767676;
}
.header.sign-in input:focus:-moz-placeholder,
.email-home-form input:focus:-moz-placeholder {
    color: #767676;
}
.header .sign-in input::-webkit-input-placeholder,
.email-home-form input::-webkit-input-placeholder {
    color: #767676;
}
.header .sign-in input:focus::-webkit-input-placeholder,
.email-home-form input:focus::-webkit-input-placeholder {
    color: #767676;
}
.header .sign-in input:-ms-input-placeholder,
.email-home-form input:-ms-input-placeholder {
    color: #767676;
}
.header .sign-in input:focus:-ms-input-placeholder,
.email-home-form input:focus:-ms-input-placeholder {
    color: #767676;
}
.header .sign-in button[type="submit"] {
    padding: 0;
    font-size: 1.200em;
    color: #fff;
}
/* Email Form on home lougout */
.email-home-form {
    margin: 50px 0 90px 0;
}
.email-home-form .col-md-4 {
    padding-left: 30px;
    padding-right: 0;
}
.email-home-form .col-sm-4 {
    padding-left: 0;
    padding-right: 30px;
}
.email-home-form input[type="email"] {
    height: 65px;
    font-size: 1.125rem;
    color: #767676;
}
.email-home-form input[type="submit"] {
    margin-left: 5px;
    height: 65px;
}
/* Special case for country radio buttons */
form .country-selection .btn-group .btn,
form #country input[type="radio"] {
    padding: 0.450em 1.200em 0.450em 3.125em;
}
form .country-selection .btn-group .btn:first-child,
form #country input[type="radio"]:first-child,
form .country-selection .btn-group .btn:nth-child(2),
form #country input[type="radio"]:nth-child(2),
form .country-selection .btn-group .btn:nth-child(3),
form #country input[type="radio"]:nth-child(3),
form .country-selection .btn-group .btn:last-child,
form #country input[type="radio"]:last-child {
    background-repeat: no-repeat;
    background-position: 10px 50%;
}
form .country-selection .btn-group .btn:first-child,
form #country input[type="radio"]:first-child {
    background-image: url(../images/flag-dk.png);
}
form .country-selection .btn-group .btn:nth-child(2),
form #country input[type="radio"]:nth-child(2) {
    background-image: url(../images/flag-fi.png);
}
form .country-selection .btn-group .btn:nth-child(3),
form #country input[type="radio"]:nth-child(3) {
    background-image: url(../images/flag-no.png);
}
form .country-selection .btn-group .btn:last-child,
form #country input[type="radio"]:last-child {
    background-image: url(../images/flag-sw.png);
}
/* Disabled State */
input[disabled] {
    background-color: #e4e4e4;
    color: #6e6e6e;
}

/* Reward detail form */
form[name="cartItem"] input[type="submit"] {
    margin-top: 23px;
}
form[name="cartItem"] label {
    color: #6e6e6e;
}
form[name="cartItem"] .quantity.error em {
    position: absolute;
    width: 250px;
}
#dateOfBirth {
    display: flex;
}
#dateOfBirth .styled-select {
    flex-basis: auto;
    flex-grow: 1; 
}
#dateOfBirth .styled-select:not(:first-child):not(:last-child) {
    padding: 0 1rem;
}
.registration__container .form .row > .acceptance-field {
    width: 100% !important;
    margin-top: 1.25rem;
}

/* Select2 */

.landing-form .select2-container--default .select2-selection--single {
    border: none;
    height: 40px;
    border-radius: 0;
    outline: none;
}
.select2-container--default .select2-selection--single {
    border: none !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: #ffffff;
    font-size: 1rem;
    font-family: "futura-pt",sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 2;
    color: #000;
    border: 1px solid #bcbcbc;
    padding: .313rem 1.250rem .313rem .500rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px !important;
}
.select2-dropdown {
    border: none;
    border-radius: 0 !important;
}
.landing-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: #fff;
}

/* ----------------------------- */
/* ==         ALTCHA             */
/* ----------------------------- */

.altcha .altcha-checkbox input,
.altcha .altcha-checkbox-verifying svg {
    opacity: 0;
}
.altcha .altcha-checkbox {
    width: 35px !important;
    height: 35px !important;
    background: url(../images/secure-icon-without-check.svg) no-repeat center center;
    background-size: contain;
}
.altcha[data-state="verifying"] .altcha-checkbox {
    background-image: url(../images/secure-icon-loading.svg);
}
.altcha[data-state="verified"] .altcha-checkbox {
    background-image: url(../images/secure-icon-check.svg);
}

.altcha,
.altcha-code-challenge {
    filter: drop-shadow(0 6px 12px rgba(0,0,0,0.175)) !important;
}
.altcha,
.altcha-code-challenge,
.altcha-code-challenge-image {
    border: 0 !important;
}
.altcha-anchor-arrow,
.altcha-code-challenge-arrow {
    border-bottom-color: #fff !important;
}
.altcha-code-challenge {
    top: 2.8rem !important;
    padding: 1rem !important;
}
.altcha-code-challenge-arrow {
    left: 0.7rem !important;
}
.altcha-code-challenge input[type="text"] {
    border: 1px solid #bcbcbc;
}
.altcha-checkbox input {
    width: 100% !important;
    height: 100% !important;
}
.altcha-code-challenge-buttons .altcha-code-challenge-buttons-left button,
.altcha-code-challenge-buttons .altcha-code-challenge-verify {
    margin-top: 0;
    justify-content: center;
    font-size: 1.125rem;
    border-radius: 0;
}
.altcha-code-challenge .altcha-code-challenge-buttons .altcha-code-challenge-buttons-left button {
    background-color: #000000;
}
.altcha-code-challenge .altcha-code-challenge-buttons .altcha-code-challenge-verify {
    background-color: #f15a29;
}
.altcha-code-challenge-buttons {
    display: flex;
    gap: .25rem;
}
.altcha-code-challenge-buttons svg {
    color: #ffffff;
}

/* ----------------------------- */
/* ==         TABLES             */
/* ----------------------------- */
/* Lottery winners */
.lottery-table table,
.table-responsive table {
    width: 100%;
    margin-bottom: 40px;
    border-collapse: collapse;
}
.lottery-table table th,
.table-responsive table thead th,
.statement-container table.dataTable.datatable-statement thead th {
    padding: 15px;
    border-bottom: 1px solid #bcbcbc;
    font-weight: 300;
}
.table-responsive table tbody th {
    padding: 15px;
    border-right: 1px solid #bcbcbc;
    font-weight: 300;
}
.lottery-table table th:first-child {
    width: 5%;
}
.lottery-table table th:nth-child(2) {
    width: 48%;
}
.lottery-table table th:nth-child(3) {
    width: 25%;
}
.lottery-table table th:last-child {
    width: 22%;
}
.lottery-table table td,
.table-responsive table tbody td {
    padding: 15px;
    font-size: 1.1rem;
    color: #000;
}
.lottery-table table tr:nth-child(2n+2) td,
.table-responsive table tbody tr:nth-child(2n+2) td {
    background-color: #f3f3f3;
}
/* search*/
.statement-container .dataTables_wrapper .dataTables_filter input[type="search"] {
    width: 50%;
}
/* Statement Bundles  */
.card-mxm--content table.datatable-statement td,
.card-mxm--content table.datatable-statement th {
    color: #000;
}
.statement-container .statement-collapse-action a {
    color: #f15a29;
}
.statement-container table.datatable-statement .statement-order-detail {
    background-color: #f5f5f5;
    color: #000;
}

/* ----------------------------- */
/* ==          HEADER            */
/* ----------------------------- */

.header {
    border: none;
    border-radius: 0;
    z-index: 999;
}
.logo,
.header-login-language,
.header .container-xl {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-login-language {
    flex-direction: row;
}
.header .container-xl::before,
.header .container-xl::after {
    display: none;
}
.logo {
    margin: 0.950em 0;
}

/* Special case for main nav links which are hidden when knp render the menu */
.main-nav li ul li.current_ancestor a {
    color: #da0087;
}
#account-login-menu {
    padding: 0;
    margin-left: 0;
    margin-right: 0;

}

/* ----------------------------- */
/* ==        HEADER MENU         */
/* ----------------------------- */


.header-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.header-menu__item {
    position: relative;
}
/* Header menu link */
.header-menu__link {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 80px;
    font-size: 1.5rem;
    text-align: center;
}
.header-menu__link:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    border-radius: 100%;
    background-color: rgba(255,255,255,0.3);
    transform: translate(-50%, -50%);
    transition: all .3s ease-in-out;
    opacity: 0;

}
.header-menu__item:hover .header-menu__link:before,
.header-menu__item--is-hover .header-menu__link:before {
    width: 40px;
    height: 40px;
    opacity: 1;
}
.header-menu__link .glyphicons {
    margin-top: -.188rem;
    color: #fff;
}
.header-menu__link .glyphicons-shopping-bag {
    font-size:  1.313rem;
}
/* Header menu dropdown */
.header-menu__dropdown {
    position: absolute;
    top: calc(100% - 20px);
    right: 50%;
    min-width: 250px;
    padding: 0;
    border-radius: 10px;
    font-size: 1.125rem;
    background-color: #fff;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    opacity: 0;
    transform: translateX(50%);
    transition: all 0.3s ease-in-out;
    visibility: hidden;
}
.header-menu__dropdown:after,
.notif__dropdown:before {
    content: "";
    position: absolute;
    display: block;
    top: -16px;
    left: 50%;
    height: 0;
    width: 0;
    border: solid transparent;
    border-width: 8px;
    border-color: rgba(0,0,0,0);
    border-bottom-color: #ffffff;
    transform: translateX(-50%);
}
.header-menu__item:hover .header-menu__dropdown {
    top: calc(100% - 10px);
    opacity: 1;
    visibility: visible;
}
.header-menu__dropdown ul {
    list-style: none;
}
.header-menu__dropdown-item {
    display: block;
    padding: .750rem;
    font-family: "futura-pt",sans-serif;
    font-weight: 300;
    color: #6E6E6E;
    border-top: 1px solid rgba(110,110,110,0.11);
}
.header-menu__dropdown-item:hover {
    color: #6E6E6E;
    background-color: rgba(110,110,110,0.11);
}
.header-menu__dropdown-cart .header-menu__dropdown-item:hover {
    background-color: transparent;
}
/* User Infos miles and tickets */
.user-infos-miles,
.user-infos-lottery {
    position: relative;
    padding: .750rem;
    color: #707070;
}
.user-infos-miles .firstname {
    color: #DA0087;
    text-transform: capitalize;
}
.header-menu__dropdown a.miles, a.miles:hover {
    color: #da0087;
}
.header-menu__dropdown a.tickets, a.tickets:hover {
    color:#00c6ff;
}
.miles,
.tickets {
    font-size: 1.250em;
    font-weight: 500;
    color: #FFF;
}
.tickets .glyphicons-ticket {
    font-size: 0.8em;
}
.header-menu > .user-infos-lottery {
    color: #FFF;
}
.user-infos-lottery:before,
.user-infos.lines .user-infos-miles:before,
.user-infos.lines + .notif:before,
.user-infos.lines + .header-menu__item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 1px;
    height: 26px;
    background-color: rgba(255, 255, 255, .3);
    transform: translateY(-50%);
}
.user-infos.lines + .notif:before,
.user-infos.lines + .header-menu__item:before {
    left: -11px;
}
.user-infos.lines + .notif,
.user-infos.lines + .header-menu__item {
    margin-left: .813rem;
}
/* Counter badge */
.counter-badge {
  position: absolute;
  top: 30px;
  right: 4px;
  width: 20px;
  padding: 1px;
  border-radius: 100%;
  font: normal 14px "futura-pt", Helvetica, Arial, sans-serif;
  text-align: center;
  background-color: #da0087;
  color: #fff;
  transform: translateY(-50%);
}
.counter-badge__cart {
    background-color: #f15a29;
}


/* ----------------------------- */
/* ==          CONTENT           */
/* ----------------------------- */


/* Main container */
#main-wrapper {
    padding-bottom: 1.250rem;
}
/* MAIN NAVIGATION */
ul[class="main-nav"]:first-child {
    list-style: none;
    list-style-position: inside;
}
.main-nav {
    margin-top: 0;
    list-style: none;
}
.main-nav li {
    border: 1px solid #dddddd;
}
.main-nav li + li {
    border-top: none;
}
.main-nav li.main-nav-title {
    padding: 6px 0 6px 20px;
    border: none;
    font-size: 1.500rem;
    font-weight: 500;
    color: #fff;
}
.main-nav li a {
    padding: 15px 20px 12px 20px;
    font-size: 1.125rem;
    font-weight: 500;
    color: #000;
}
.main-nav li.main-nav-title a {
    padding: 0;
    font-size: 1.500rem;
    color: #fff;
}
.main-nav > li > a:after {
    content: "\E224";
    top: 50%;
    right: 20px;
    font-family: 'Glyphicons Regular';
    font-size: 1rem;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translateY(-50%);
}
.main-nav > li.open > a:after,
.main-nav > li.has_subnav.current > a:after,
.main-nav > li.has_subnav.current_ancestor > a:after {
    transform-origin: top;
    transform: rotate(90deg) translateY(-50%);
}

/* Main Nav SubNavigation */
.main-nav > li > ul {
    list-style: none;
    background-color: #f3f3f3;
}
.main-nav > li > ul > li {
    border: none;
}
.main-nav > li > ul > li:first-child,
.main-nav > li > ul > li + li {
    border-top: 1px solid #dddddd;
}
/* Main nav using bootstrap dropdown */
.main-nav .dropdown-menu {
    top: auto;
    left: auto;
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
    background-color: #f3f3f3;
}
.main-nav .dropdown-menu li {
    border-left: none;
    border-right: none;
}
.main-nav .dropdown-menu li.last {
    border-bottom: none;
}
/* Main Nav current state */
.main-nav li.current a {
    color: #da0087;
}
.main-nav li.current.main-nav-title a {
    color: #fff;
}

/* NAV FILTERS */
.main-nav > li > #gifts-tree > ul > li + li {
    border-top: none;
}
/* Overloading jstreeview plugin */
.jstree-default .jstree-node, .jstree-default .jstree-icon {
    background-image: url(../images/jstree-sprite-x32px.png);
}
.jstree-anchor, .jstree-node {
    white-space: inherit;
}
.jstree-node {
    padding-left: .938rem;
}
.jstree-wholerow {
    display: none;
}
/* Arrow icon to deploy/undeploy a category */
.jstree-wholerow-ul .jstree-icon.jstree-ocl {
    position: absolute;
    left: 0;
}
.jstree-wholerow-ul .jstree-children .jstree-icon.jstree-ocl {
    display: none;
    position: inherit;
    left: inherit;
}
/* Checkbox to select a category */
.tree-nav--cat li .jstree-anchor {
    position: relative;
    padding-left: 25px;
    font-weight: 300;
}
.jstree-anchor .jstree-checkbox {
    position: absolute;
    left: 0;
}
.jstree-default .jstree-anchor {
    height: inherit;
    line-height: inherit;
}
/* First level */
.jstree-default .jstree-node {
    line-height: 1.2;
    min-height: inherit;
}
/* Children */
.jstree-children {
    margin: 10px 0 0 0;
}
.jstree-default .jstree-children .jstree-node {
    margin-left: 0;
}
/* ------ REWARDS FILTERS ------ */
.reward-filter {
    margin-bottom: 1.875rem;
    padding-bottom: 1.250rem;
    border: 1px solid #dddddd;
    border-top: none;
}
/* Results */
.reward-filter--results {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    margin-bottom: 1.250rem;
    padding-left: 1.250rem;
    border-bottom: 1px solid #bcbcbc;
    font-size: 1.125rem;
}
.reward-filter--results span:first-child {
    display: inline-block;
    padding: .625rem 0;
}
.reward-filter--results--number {
    display: flex;
    align-items: center;
    position: relative;
    float: right;
    margin-left: auto;
    padding: .625rem 1.250rem;
    background-color: #f15a29;
    color: #fff;
}
.reward-filter--results--number:after {
    content: " ";
    position: absolute;
    top: 50%;
    left: -12px;
    display: block;
    height: 0;
    width: 0;
    margin-top: -6px;
    border: solid transparent;
    border-width: 6px;
    border-color: rgba(96, 198, 89, 0);
    border-right-color: #f15a29;
    pointer-events: none;
}
/* Points range form */
.reward-filter--pts-range {
    margin-bottom: 1.250rem;
    padding: 0 1.250rem;
}
.reward-filter--pts-range input[type="number"] {
    float: left;
    width: 37%;
    padding-right: 0;
    border: 1px solid #bcbcbc;
}
.reward-filter--pts-range input[type="number"] + input[type="number"] {
    margin-left: .625rem;
}
.reward-filter--pts-range button {
    float: right;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #f15a29;
    color: #fff;
}
/* Erase All Button */
.filter--bt-erase-all--container {
    padding: 0 1.250rem;
}
.filter--bt-erase-all {
    width: 100%;
    margin: 1.250rem 0;
    padding: 0;
    background-color: #1d97ad;
    color: #fff;
}
/* Erase on filter button */
.filter--bt-erase-item--container {
    margin-bottom: .625rem;
    padding: 0 1.250rem;
    text-align: right;
}
.filter--bt-erase-item {
    font-size: 0.875rem;
    font-weight: 300;
    color: #000;
    text-decoration: underline;
    cursor: pointer;
}
/* Main Nav home dropdown */
.main-nav > li ul {
    display: none;
}
.main-nav > li.open ul {
    display: block;
}
.filters .tooltip {
    z-index: 10000;
}

.home-bg-img {
    position: relative;
    text-align: center;
    margin-top: -30px;
    background: url(../images/home-bg-img.jpg) no-repeat 0% 50%;
    background-size: cover;
}
.home-bg-img .container {
    min-height: 500px; /* old 728px*/
}
.home-bg-img p {
    font-size: 1.875rem;
    font-weight: 700;
}
.section {
    padding: 40px 0;
}
.section p {
    font-size: 1.25rem;
    text-align: center;
}
.section h3 {
    font-size: 2.750rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 35px;
    line-height: initial;
}
.bg-blue-medium h2 {
    font-size: 1.5rem;
    color: #fff;
}
.gift-example {
    text-align: center;
}
.gift-example img {
    width: 80%;
}
.button-like, input[type="submit"].button-like {
    padding: .900rem 0;
}
.button-like.bg-grey-medium-2 {
    padding: .375rem .750rem;
}
.visu-cup {
    min-height: 200px;
    background: url(../images/visu-coupe-gagnant.jpg) no-repeat 50% 100%;
}
.visu-desktop {
    min-height: 190px;
    background: url(../images/visu-portable.jpg) no-repeat 50% 100%;
}
/* Registration Step 01 */
.register-photo-bg {
    background: url(../images/register-photo-bg.jpg) no-repeat 0% 50%;
    background-size: cover;
    margin-top: -3.750rem;
}
.register-photo-bg .white-bg-30 {
    padding-top: 125px;
}
.register-photo-bg .hero-txt, .home-bg-img .hero-txt,
.home-bg-img p  {
    text-shadow: 0 0 4px rgb(255, 255, 255);
}
.register-photo-bg input {
    border: 1px solid #bcbcbc;
}
.register-photo-bg label {
    font-weight: 400;
}
.how-it-work h2 {
    font-size: 2.750rem;
    font-weight: 700;
    text-align: center;
}

/* Banner download app */

.banner-download-app {
    position: fixed;
    display: flex;
    flex-direction: column;
    bottom: 0;
    width: 100%;
    height: auto;
    background-color: #f3f3f3;
    z-index: 10005;
}
.banner-download-app .btn-close {
    text-align: right;
}
.banner-download-app .btn {
    display: block;
    width: 80%;
    margin: 20px auto;
    padding: 10px 15px;
    font-size: 18px;
    background-color: #333333;
}
.banner-download-app .btn a {
    color: #ffffff;
}
.banner-download-app .title {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    color: #000000;
    margin: 10px;
}
.banner-download-app .txt {
    font-size: 16px;
    color: #000000;
    text-align: center;
    margin: 0 10px;
}
.banner-download-app .close {
    font-size: 24px;
    color: #DDDDDD;
    padding: 0 10px;
    font-weight: 500;
}

/* === BUBBLES === */
.bubble-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.bubble {
    position: relative;
    display: flex;
    width: 18%;
    height: 12rem;
    margin: auto 0.5rem;
    padding: 1.5rem;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    background-color: #333333;
}
.static-page .bubble {
    height: 9rem;
    padding: 1rem;
}
.bubble-content {
    margin: auto;
    word-wrap: break-word;
}
.bubble:last-child {
    width: 30%;
    height: 20rem;
    padding: 1.5rem 1.875rem;
}
.static-page .bubble:last-child {
    width: 36%;
    height: 17rem;
}
.bubble h3 {
    margin-bottom: 0.5rem;
    font-size: 1.400rem;
    font-weight: 300;
    color: #fff;
}
.static-page .bubble h3 {
    font-size: 1rem;
}
.static-page .bubble:last-child h3 {
    line-height: 1.200em;
    font-size: 2.000rem;
}
.bubble.symbol-plus:after,
.bubble.symbol-equal:after {
    content: "";
    z-index: 100;
    position: absolute;
    display : block;
    top: 50%;
    right: -38px;
}
.bubble.symbol-plus:after {
    width: 58px;
    height: 59px;
    margin-top: -1.813rem;
    background: url(../images/symbol-plus.png) no-repeat 0% 0%;
}
.static-page .bubble.symbol-plus:after {
    background-size: 60%;
    right: -50px;
    top: 57%;
}
.bubble.symbol-equal:after {
    right: -38px;
    width: 53px;
    height: 36px;
    margin-top: -1.125rem;
    background: url(../images/symbol-equal.png) no-repeat 0% 0%;
}
.static-page .bubble.symbol-equal:after {
    background-size: 80%;
    right: -44px;
    top: 50%;
}
/* Registration Step 02 - Double optin confirmation page */
/* block What our panelist think - WOPT */
.wopt h2 {
    padding-top: 20px;
    margin-bottom: 30px;
    font-size: 3rem;
    font-weight: 700;
}
.wopt .row {
    padding-bottom: 60px;
}
.wopt h3 {
    margin-bottom: 35px;
    padding-top: 30px;
}
.wopt p {
    color: #6e6e6e;
    text-align: center;
}
.rounded-img {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    border-radius: 100%;
}
.picture-steffen {
    background: url(../images/steffen.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.picture-tania {
    background: url(../images/tania.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.picture-line {
    background: url(../images/line.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.picture-lineHNL {
  float: none;
}
/* COREG Registration step 2 */
.bg-gift-subscription {
    min-height: 400px;
    background: url(../images/visu-coreg-registration.jpg) no-repeat 50% 0%;
    background-size: 80%;
}

/* === MXM CARD BLOCK === */
.card-mxm {
    position: relative;
    border: 1px solid #bcbcbc;
}
.card-mxm--img {
    width: 100%;
}
.card-mxm.is-webview {
    border: none;
    margin-top: -50px;
}
.card-mxm.is-webview h1 {
    font-size: 24px;
}
/* Overriding default align middle of img for card with small image + bt */
.card-mxm.has-hover-effect img {
    vertical-align: top;
}
.card-mxm--bt-container {
    position: relative;
    padding: 0 1.250rem;
}
.card-mxm--bt-container:before, .card-mxm--bt-container:after,
.filters form:before, .filters form:after,
#gifts-tree:before, #gifts-tree:after {
    display: table;
    content: "";
}
.card-mxm--bt-container:after,
.filters form:after, .filters form:before,
#gifts-tree:before {
    clear: both;
}
.card-mxm--icon-bt {
    position: absolute;
    z-index: 100;
    top: -28px;
    right: 0;
    width: 40px;
    height: 40px;
    margin-top: -1.500rem;
    border-radius: 40px;
    color: #fff;
    cursor: pointer;
}
.card-mxm--icon-bt span {
    cursor: pointer;
}
.card-mxm--icon-bt span:first-child {
    position: relative;
    text-overflow: hidden;
    padding-top: .500rem;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 300;
    color: #fff;
    opacity: 0;
}
.card-mxm--icon-bt span.glyphicons {
    position: absolute;
    top: 5px;
    right: 10px;
    padding: 0;
    font-size: 1.250em;
    opacity: 1;
}
.card-mxm--icon-bt:focus {
    color: white;
}
.card-mxm--mini-title {
    font-size: 0.750em;
}
.card-mxm--content {
    position: relative;
    padding: 1.875rem 1.250rem 1.250rem 1.250rem;
    min-height: 260px;
    overflow-wrap: break-word;
    color: #6e6e6e;
}
.card-mxm--content h1 + h2 {
    padding: 0;
    font-size: 1.250rem;
    font-weight: 400;
}
.card-mxm--content h2 {
    font-size: 1.250rem;
    margin-bottom: .625rem;
}
.card-mxm--content h3, .card-mxm--content h1,
.card-mxm--content h2.h1-like {
    margin: .625rem 0 1.250rem 0;
    font-size: 1.500rem;
    font-weight: 400;
    line-height: 1;
}
.card-mxm--content p {
    margin-top: 0;
}
.card-mxm--content p + p {
    margin-top: .625rem;
}
.has-hover-effect .card-mxm--content,
.has-hover-effect .card-mxm--content p {
    line-height: 1.2;
}
.card-mxm .merchant-earn {
    text-align: center;
}
.card-mxm ul {
    margin-left: 1.875rem;
}
.card-mxm ul li + li {
    margin-top: .625rem;
}
.reward-points {
    padding-right: 5px;
}
.badge-apps a img {
    margin: 5px auto 0;
    width: 36px;
    width: auto;
}
.test {
    width: 278px!important;
}
.modifier_class .badge-application {
    position: absolute;
    display: block;
    z-index: 110;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7);
}
.badge-application {
    display: none;
    padding: 150px 0 0 0;
}
.badge-application img {
    position: relative;
    width: 200px;
    height: auto;
    margin: 10px auto;
}
/* Hover Effect */
.card-mxm--hover-effect {
    display: none;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}
.card-mxm--hover-effect, .card-mxm--hover-content {
    position: absolute;
}
.has-hover-effect .card-mxm--icon-bt span:first-child,
.has-hover-effect .card-mxm--hover-content {
    display: none;
}
.has-hover-effect:hover .card-mxm--hover-effect,
.has-hover-effect:hover .card-mxm--hover-content,
.has-hover-effect:hover .card-mxm--icon-bt span:first-child {
    display: block;
}
.survey-list-page .has-hover-effect:hover .card-content .bg-grey-medium {
    background-color: rgba(0, 0, 0, 0.2);
}
.has-hover-effect:hover .card-mxm--content,
.card-mxm--hover-content {
    z-index: 100;
    color: #fff;
}
.has-hover-effect:hover .card-mxm--content h3,
.card-mxm--icon-bt:hover span.glyphicons {
    color: #fff;
}
.card-mxm--hover-content {
    width: 100%;
    text-align: center;
}
.modifier_class .card-mxm--hover-effect {
    z-index: 0;
    background-color: transparent;
}
.modifier_class .has-hover-effect:hover .card-mxm--content {
    z-index: 0;
    color: #000000;
}
/* Hover Content For Gift List */
.card-mxm--points {
    padding-top: 2.500rem;
    font-size: 2.250rem;
    font-weight: 400;
}
.card-mxm--points em {
    font-size: 1rem;
    font-style: normal;
    color: #fff;
}
/* BT ANIMATION */
.has-hover-effect:hover .card-mxm--icon-bt,
.reward-detail-img-container:hover .card-mxm--icon-bt {
    animation-duration: 0.3s;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
    animation-name: slidein;
}
@keyframes slidein {
    from {
        width: 40px;
        border-radius: 40px;
    }
    to {
        width: 100%;
        border-radius: 20px;
    }
}
.has-hover-effect:hover .card-mxm--icon-bt span:first-child,
.reward-detail-img-container:hover .card-mxm--icon-bt span:first-child {
    animation-duration: 0.3s;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
    animation-name: buttontext;
}
@keyframes buttontext {
    0% {
        display: block;
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/* Webview */
.card-mxm.is-webview .order__link {
    position: relative;
}
.card-mxm.is-webview .order__link-icon {
    right: 0;
}
/* Special Case For BT Only With Icon Without Link */
.card-mxm--icon-bt.no-link, .card-mxm--icon-bt.no-link span {
    cursor: default;
}
/* Colors of all buttons */
.card-mxm.partner .card-mxm--icon-bt, .card-mxm.partner button {
    background-color: #18987e;
}
.card-mxm.static .card-mxm--icon-bt, .card-mxm.static button {
    background-color: #00c6ff;
}
.card-mxm.gift .card-mxm--icon-bt, .card-mxm.gift button, .modal-cart__btn-cart {
    background-color: #f15a29;
}
.card-mxm.survey .card-mxm--icon-bt, .card-mxm.survey button {
    background-color: #1d97ad;
}
.card-mxm.panel .card-mxm--icon-bt, .card-mxm.panel button {
    background-color: #1d97ad;
}
/* Form In Card Element */
.card-mxm label {
    font-weight: 400;
    color: #6e6e6e;
}
.card-mxm input[type="text"], .card-mxm input[type="number"],
.card-mxm input[type="password"], .card-mxm input[type="email"],
.modal input[type="text"], .modal input[type="email"],
.modal input[type="password"], .modal input[type="number"],
form[name="cartItem"] input[type="number"], form[name="cartItem"] input[type="text"],
.card-mxm select, .filters form input[type="number"],
.statement-container .dataTables_wrapper .dataTables_filter input[type="search"]  {
    border: 1px solid #bcbcbc;
}
.card-mxm input[readonly="readonly"] {
    background-color: #f3f3f3;
}
.card-mxm .dx-texteditor-container input[type="text"] {
    border: none;
}
/* Statement Bundles  */
.card-mxm--content table.datatable-statement td,
.card-mxm--content table.datatable-statement th {
    color: #000;
}
.statement-container .statement-collapse-action a {
    color: #f15a29;
}
.statement-container table.datatable-statement .statement-order-detail {
    background-color: #f5f5f5;
    color: #000;
}
/* Manage devices */
#devices-container {
    margin-top: 1.25rem;
}

/* Alternative header For Card MXM */
.card-block__with-header:before {
    content: "";
    display: block;
    height: 48px;
    width: 100%;
    background-color: #333;
}
.card-mxm--header {
    position: relative;
    height: 48px;
    background-color: #333;
}
.card-mxm--header > .glyphicons {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin-left: -1.875rem;
    border-radius: 100%;
    line-height: 1.850;
    background: #fff;
    box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.3);
}
.card-mxm--header > .glyphicons.glyphicons-user:before {
    padding-top: .438rem;
    padding-left: .875rem;
    font-size: 2rem;
    color: #dc0086;
}
/* More activity : MAXIMAIL OPTIN/OPTOUT */
.card-mxm #optout .pull-left {
    min-height: 60px;
    padding: .500rem 1.500rem;
    border-right: 1px solid #c5c5c5;
}
.card-mxm #optout .pull-left:first-child {
    padding: 1.250rem 1.500rem .500rem 0;
}
.card-mxm #optout button {
    margin-top: .750rem;
}
.card-mxm #optout p {
    line-height: 1.2;
}
.card-mxm #optout p strong, #optin p strong {
    font-size: 1.250rem;
}
.card-mxm #optin {
    margin: 2.500rem 0 0 0;
    padding: 1.500rem 0;
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
    text-align: center;
}
.card-mxm .row-reset, .row-reset {
    margin-left: 0;
    margin-right: 0;
}
/* Home Logged In*/
.home-survey-list ul li {
    padding-top: 8px;
    padding-bottom: 8px;
}
.home-survey-list ul li + li {
    border-top: 1px solid #bcbcbc;
    margin-top: 0;
}
.home-survey-list .survey_number,
.home-survey-list .survey_miles,
.home-survey-list .survey_duration {
    font-size: 0.9rem;
}
.home-survey-list .survey_miles .prefixe-upto,
.home-survey-list .survey_duration .prefixe-upto {
    font-size: 0.7rem;
}
@media screen and (max-width: 480px) {
    .prefixe-upto {
        display: block;
    }
}
.home-survey-list .survey_miles,
.home-survey-list .survey_duration {
    color: #da0087;
    text-align: right;
}
.home-survey-list .list-unstyled {
    height: 124px;
    overflow-y: scroll;
    margin-left: 0
}
/* SURVEYS Available */
.survey__item .card-mxm .col-12 {
    position: unset;
}
.survey__ref {
    z-index: 10;
    margin: .625rem 0 0 0;
    padding: 1.875rem 1.250rem 1.250rem 1.250rem;
    line-height: 1;
    font-size: 1.500rem;
    font-weight: 400;
    color: #000;
}
.survey__ref .content {
    display: block;
    font-size: 0.750rem;
    font-weight: 300;
    color: #6e6e6e;
}
.survey__link-container {
    z-index: 10;
    margin-bottom: 1.250rem;
    padding: 0 1.250rem;
}
.survey__link {
    display: block;
    padding: 6px 0;
    border-radius: 40px;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 300;
    color: #fff;
    background-color: #1d97ad;
}
.survey__link:hover {
    text-decoration: none;
    color: #fff;
}
.survey__length .content,
.survey__earn .content {
    font-size: 0.9rem;
}
.survey__length .content .prefixe-upto,
.survey__earn .content .prefixe-upto {
    font-size: 0.7rem;
}
.survey__length .content, .survey__length .glyphicons,
.survey__earn .content, .survey__earn .glyphicons {
    position: relative;
    z-index: 1;
}
.survey__item .card-mxm:before {
    content: "";
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-color: rgba(0, 0, 0, .7);
    transition: opacity .3s ease-in-out;
    opacity: 0;
}
.survey__item .card-mxm:hover:before {
    opacity: 1;
}
.card-mxm:hover .survey__ref,
.card-mxm:hover .survey__ref .content,
.card-mxm:hover .survey__length .content, .card-mxm:hover .survey__length .glyphicons,
.card-mxm:hover .survey__earn .content, .card-mxm:hover .survey__earn .glyphicons {
    color: #fff;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0);
}
/* --- CMS STATIC PAGES --- */
.static-page .card-content h1,
.terms-container h1 {
    font-size: 1.750rem;
}
.static-page .card-content ul,
.terms-container ul {
    list-style-position: inside;
}
.static-page .card-content ul > li,
.terms-container ul > li {
    margin-left: 20px;
}
.static-page .card-content ul > li + li,
.terms-container ul > li + li {
    margin-top: 10px;
}
.raf h2 {
    font-size: 1.500rem;
    font-weight: bold;
    color: #f15a29;
    text-align: center;
}
.raf div,
.banner-subscription-ads div {
    text-align: center;
}
.raf p,
.banner-subscription-ads p {
    margin: 1.250rem 0 1.875rem;
    padding: 1rem;
    text-align: center;
    background: #f1f1f1;
    border-radius: 15px;
}
.raf .arrow,
.banner-subscription-ads .arrow {
    position: relative;
}
.raf .arrow:after,
.banner-subscription-ads .arrow:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -30px;
    border: solid #333;
    border-width: 0 5px 5px 0;
    padding: 5px;
    transform: rotate(-45deg) translate(-50%, -50%);
    -webkit-transform: rotate(-45deg) translate(-50%, -50%);
}
/* T&C's page*/
.terms-container {
    margin-bottom: 60px;
    padding: 175px 20px 20px 20px;
    background: url(../images/visu-terms-h150.jpg) no-repeat 0% 0%;
    border: 1px solid #bcbcbc;
}
/* --- CATALOGUE --- */

.cart .row {
    margin-left: 0;
    margin-right: 0;
}
.cart .row div[class*="col-"] {
    padding-top: 1.250rem;
    padding-bottom: 1.250rem;
}
.cart div[class="row"]:first-of-type,
.cart .row:last-child {
    border-top: 1px solid #e4e4e4;
}
.cart div[class="row"] {
    clear: both;
    background-color: #e4e4e4;
}
.cart div[class="row"]:nth-child(2n+0) {
    background-color: #fff;
}
.cart.checkout div[class="row"] {
    background-color: #fff;
}
.cart.checkout div[class="row"]:nth-child(2n+0) {
    background-color: #e4e4e4;
}
.cart .row:last-child {
    background-color: #fff;
}
.card-mxm.gift .cart button {
    width: 30px;
    height: 30px;
    min-height: auto;
    margin-top: 0;
    padding: 0;
    border-radius: 100%;
    font-size: 1em;
    background-color: #bcbcbc;
}
.card-mxm.gift .cart button.cart--remove-item {
    top: 25px;
    left: 20px;
    min-height: auto;
}
.card-mxm.gift .cart .cart--quantity button {
    float: left;
    margin-top: .313rem;
    margin-left: .625rem;
    min-height: auto;
}
.cart-update__label, .cart-remove__label {
    display: none;
}
.cart .cart--gift-name button:hover {
    background-color: #f05a5a;
}
.cart .cart--quantity button:hover {
    background-color: #33caab;
}
.cart--gift-name p {
    padding-left: 4.375rem;
    font-size: 1.125rem;
    line-height: 1.2;
}
.confirm-checkout .cart--gift-name p {
    padding-left: 0;
}
.cart--gift-name p span {
    font-size: 0.875rem;
    color: #6e6e6e;
}
.cart input[type="number"] {
    float: left;
    width: 60px;
    height: 40px;
    font-size: 1.125em;
}
.cart .point-per-unit, .cart .line-total,
#grid-awarded .dx-datagrid-rowsview .statement-points,
#grid-awarded .dx-datagrid-total-footer .dx-datagrid-summary-item {
    text-align: right;
    font-size: 1.250rem;
    font-weight: 400;
    color: #da0087;
}
.cart .point-per-unit {
    line-height: 1;
    color: #6e6e6e;
}
.cart .point-per-unit .small,
.cart .line-total .small {
    font-size: 1rem;
    color: #6e6e6e;
}
.cart .line-total {
    font-weight: 500;
    line-height: 1;
}
.cart-main-total .txt-right {
    line-height: 1;
}
.cart .line-total .small {
    font-weight: 400;
    color: #da0087;
}
.cart-main-total {
    font-size:  1.250rem;
    font-weight: 500;
    color: #da0087;
}
.cart .row.cart-main-total div {
    padding-bottom: 0;
}
.cart-main-total span {
    font-size: 1.125rem;
    font-weight: 400;
}
.cart-main-total span:first-child {
    color: #6e6e6e;
}
.cart + .h2-order-send-to {
    padding-top: 1.250rem;
    margin-top: 1.250rem;
    border-top: 1px solid #e4e4e4;
}
/* Cart alert */
.cart .row .alert-warning {
    padding-top: .313rem;
    padding-bottom: .313rem;
}
/* Filter */
#filter_categories {
    height: 266px;
    overflow: hidden;
    overflow-y: scroll;
}
/* List */
#rewardsList {
    list-style: none;
}
/* ----------------------------- */
/* ==   Catalogue maintenance    */
/* ----------------------------- */

/* Maintenance catalogue message */
.alert-catalogue .glyphicons {
    margin-right: 0;
    color: #CFBDA2;
    font-size: 28px;
}
.alert-catalogue {
    padding: 0.5rem 1.25rem;
}
.alert-catalogue h1 {
    font-size: 2.4rem;
}
.alert-catalogue h3 {
    font-size: 1.75rem;
}
.alert-catalogue h1,
.alert-catalogue h2,
.alert-catalogue h3,
.alert-catalogue h4,
.alert-catalogue h5 {
    color: #856404;
    margin: 1.250rem 0 0.75rem 0;
}
.alert-catalogue h1:first-child,
.alert-catalogue h2:first-child,
.alert-catalogue h3:first-child,
.alert-catalogue h4:first-child,
.alert-catalogue h5:first-child {
    margin-top: 0;
}
.alert-catalogue p,
.alert-catalogue ul,
.alert-catalogue ol {
    color: #AF9341;
    margin-bottom: 1rem;
}
.alert-catalogue p:only-of-type,
.alert-catalogue p:last-child,
.alert-catalogue ul:last-child,
.alert-catalogue ol:last-child {
    margin-bottom: 0;
}
.alert-catalogue ul,
.alert-catalogue ol {
    margin-left: 30px;
}
.maintenance-catalogue-message {
    position: relative;
    padding: 1.25rem 3.5rem 1.25rem 1.25rem;
}
.maintenance-catalogue-message:before {
    content: "\E197";
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    font-family: 'Glyphicons Regular';
    font-size: 28px;
    color: #CFBDA2;
}
/* === CARD LIST IN FLEXBOX === */

.list-card--item a {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
ul.list-card, .list-card--item {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.list-card > li + li {
    margin-top: 0;
}
ul.list-card, .cms-page ul.list-card {
    display: flex;
    flex-wrap: wrap;
    margin-left: -.938rem;
    margin-right: -.938rem;
}
.list-card--item {
    display: flex;
    width: 33.33%;
    margin-bottom: 1.250rem;
    padding-left: .938rem;
    padding-right: .938rem;
}
.list-card--item .card-block {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #bcbcbc;
}
.list-card--item .card-mxm {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.list-card--item .card-border {
    border: none;
    min-height: inherit;
}
.list-card--item .card-icon-button {
    position: relative;
    top: inherit;
    right: inherit;
    float: right;
    margin-top: -3.750rem;
}
#rewards-container .card-mxm--content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-end;
}
#rewards-container .card-mxm--content .card-mxm--points {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: flex-end;
    padding-top: 0;
    text-align: center;
    font-size: 1.5rem;
    color: #da0087;
}
/* Pagination */
.pagination {
    margin: 1.250rem 0 !important;
    text-align: right;
    list-style: none;
}
.pagination > li, .dx-pager .dx-pages .dx-page,
.dataTables_paginate .paginate_button.current {
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 1px solid #bcbcbc;
    border-radius: 100%;
    text-align: center;
    font-size: 	0.875rem;
    line-height: 1.6;
    background-color: #f3f3f3;
}
.pagination > li.active,
.dx-pager .dx-pages .dx-selection, .dx-pager .dx-page-sizes .dx-selection {
    border-color: #f15a29;
    font-weight: 500;
    color: #fff;
    background-color: #f15a29;
}
.pagination > li > a {
    height: 100%;
    color: #6e6e6e;
}
.pagination > li > a > span {
    padding-top: 1px;
}
.pagination > li:hover,
.dx-pager .dx-pages .dx-page:hover {
    border-color: #f15a29;
}
.pagination > li:hover > a,
.dx-pager .dx-pages .dx-page:hover {
    color: #f15a29;
}
.pagination > li.active a, .pagination > li.active:hover a {
    color: #FFFFFF;
}
/* Pagination at the bottom of the page */
#rewards + .pagination-container.marg-top-20 {
    margin-top: 0;
    margin-bottom: 20px;
}
/* Reward Details */
.reward-form-miles, .modal-cart__points {
    padding-bottom: .313rem;
    font-size: 1.875rem;
    font-weight: 400;
    color: #da0087;
}
.reward-form-miles span, .modal-cart__points span {
    font-size: 1rem;
    font-weight: 300;
}
.reward-detail-content p.mini-title {
    line-height: 1;
    font-size: 0.750rem;
    font-weight: 300;
}
p + h2.h4-like {
    margin-top: 20px;
}
h2.h4-like + p {
    margin-top: 0;
}
/* Survey Page */
.survey-list-page .card-mxm--content {
    padding: 3.750rem 1.250rem 0 1.250rem;
}
.survey-list-page .has-hover-effect:hover .card-mxm--content .bg-grey-medium {
    background-color: rgba(0, 0, 0, 0.2);
}
.survey-list-page .has-hover-effect:hover .card-mxm--content .bg-grey-medium-2 {
    background-color: rgba(0, 0, 0, 0.4);
}
.survey-list-page [class*="row"] {
    margin: 1.250rem -1.250rem 0 -1.250rem;
}
.survey-list-page .card-mxm--content .row > div {
    padding: .625rem; /* 10px */
}
/* Card icon button for reward detail page */
.reward-detail-img-container .card-mxm--icon-bt {
    top: 0;
}
.reward-detail-img-container .card-mxm--icon-bt:focus,
.reward-detail-img-container .card-mxm--icon-bt:active {
    border: none;
    outline: none;
}
.reward-detail-img-container .card-mxm--icon-bt span:first-child {
    padding-top: 0;
}
/* Reward detail form */
.gift-form > em {
    color: #f01212;
}
.gift-form__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-right: -.938rem;
    margin-left: -.938rem;
}
.gift-form__col {
    width: 50%;
    padding-right: .938rem;
    padding-left: .938rem;
}
.gift-form__option + .gift-form__option,
.gift-form__freeinput div + div {
    margin-top: .938rem;
}
.gift-form__option .quantity {
    width: 25%;
    margin-right: .938rem;
}
.gift-form select {
    margin-top: 23px;
    margin-bottom: 10px;
    height: 40px;
}
.gift-form__option.opt-qm {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}
.gift-form__errors em {
    display: block;
}
.img-reward-gallery.slick-slide img {
    margin: 0 auto;
}

/* Cart Modal */
.modal-content {
    border-radius: 0;
}
.modal-cart__container {
    display: flex;
    flex-direction: row;
}
.modal-cart__img {
    width: 30%;
    margin-right: 1.000rem;
}
.modal-cart__title {
    position: relative;
    padding-left: 2.500rem;
    font-size: 1.250rem;
    color: #00B944;
}
.modal-cart__title::before {
    content: "\E194";
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    font-family: 'Glyphicons Regular';
    font-size: 1.500rem;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translateY(-50%);
}
.modal_cart__reward-name {
    font-weight: 400;
}
.modal-cart__points {
    margin-top: 0;
    padding-left: 0;
    padding-bottom: 0;
}
.modal-cart__btn-cart {
    margin-top: 1.875rem;
}
.modal-cart__btn-back {
    margin-top: 1.000rem;
    text-decoration: underline;
}
#confirmationAddedToCart .modal-body {
    padding: 1.250rem;
}
@media screen and (min-width: 768px) {
    #confirmationAddedToCart .modal-dialog {
        width: 450px;
    }
}

/*  --- MY AVAILABLE SURVEYS --- */
.survey-list-page .card-border {
    padding-bottom: 0;
}
.survey-list-page .card-content .row {
    margin-left: -20px;
    margin-right: -20px;
}
.survey-list-page .card-content .row > div {
    padding: 10px 0;
}
.survey-list-page .has-hover-effect:hover .card-content .bg-grey-medium {
    background-color: rgba(0, 0, 0, 0.2);
}
.survey-list-page .has-hover-effect:hover .card-content .bg-grey-medium-2 {
    background-color: rgba(0, 0, 0, 0.4);
}
.survey-list-page .link-container {
    padding: 0 20px;
}
.survey-list-page .card-mxm .card-mxm--content .card-mxm--mini-title,
.survey-list-page .card-mxm .card-mxm--content h3 {
    text-align: center;
}


/*  End Page */
.end-page-survey  {
    width: 70%;
    margin: 0 auto;
    text-align: center;
}
.end-page-survey .block_info h1, .end-page-survey .end-page-block-survey h1 {
    margin: 0;
    font-size: 36px;
    font-weight: 400;
    color: #666666;
}
.end-page-survey .block_info p {
    margin: 0;
}
.end-page-survey .info-message, .end-page-survey .error-message, .end-page-survey .success-message  {
    position: relative;
    width: 600px;
    margin: 20px auto;
    padding: 15px;
    border-radius: 5px;
    color: white;
}
.end-page-survey .info-message, .end-page-survey .error-message {
    background-color: #1d97ad;
}
.end-page-survey .success-message {
    background-color: #f15a29;
}
.end-page-survey .info-message:before, .end-page-survey .error-message:before, .end-page-survey .success-message:before {
    content: "";
    position: absolute;
    top: -12%;
    left: 50%;
    height: 0;
    width: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}
.end-page-survey .info-message:before, .end-page-survey .error-message:before {
    border-bottom: 6px solid #1d97ad;
}
.end-page-survey .success-message:before {
    border-bottom: 6px solid #f15a29;
}
.end-page-block-survey .rqt-card.card-block {
    width: auto;
}
.end-page-survey .end-page-block-survey h1 {
    font-size: 1.500rem;
    margin-bottom: .9375rem;
    padding-top: .625rem;
}
/* Notifs menu */
.notif__available-survey {
    margin: 0 0 0 10px;
    padding: 4px 10px;
    color: #FFFFFF;
    border-radius: 20px;
    background-color: #18987e;
}
/* LOADER MODAL CONTAINER */
.loader--modal-container {
    position: absolute;
    top: 200px;
    left: 50%;
    z-index: 10000;
    width: 200px;
    margin-left: -150px;
    padding: 50px 0;
    background-color: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, .2);
}
.contener_general {
    margin: 0 auto;
}
/* PASSWORD AUTH MODAL*/
.modal-reset-link--container {
    padding-left: 15px;
}
/* ----------------------------- */
/* ==          FOOTER            */
/* ----------------------------- */
.footer, .footer-copyright {
    padding: 20px 0 60px 0;
    font-size: 0.875rem;
    font-weight: 300;
    color: #fff;
}
.footer [class*="col-sm"] {
    margin-top: 39px;
}
.footer.footer-logged [class*="col-sm"] {
    margin-top: 43px;
}
.footer.footer-logged [class*="col-sm"]:last-child {
    margin-top: 0;
}

.footer p.h3-like,
#facebook-registration .footer .h3-like,
#coreg-registration .footer .h3-like {
    padding: 12px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #fff;
    text-align: left;
}
.footer.footer-logged [class*="col-sm"] .h3-like {
    line-height: 0.7;
    font-size: 1.125rem;
}

.footer.footer-logged .h3-like
.footer-copyright p {
    font-size: 0.750rem;
}
.footer a {
    font-size: 0.875rem;
    font-weight: 300;
    color: #fff;
}
.footer a:hover {
    text-decoration: underline;
}
.footer .link-content {
    margin-top: 10px;
    padding: 0 12px;
}
.footer-logo {
    width: 100%;
    height: 29px;
    margin-bottom: 10px;
    background: url(../images/footer-logo.png) no-repeat 100% 0%;
}
/* List navigation */
.footer ul {
    margin-left: 12px;
    margin-right: 12px;
    list-style: none;
    list-style-position: inside;
}
.footer ul li {
    display: inline-block;
}
.footer ul li + li:before {
    content: "-";
    display: inline-block;
}
.footer ul.link-content {
    margin-top: 10px;
    margin-left: 0;
    padding: 0 12px;
}
.footer ul.link-content li {
    margin-right: 5px
}
.footer ul.link-content li + li:before {
    content: none;
}
.footer .footer-country-selection {
    margin-top: 0;
    margin-bottom: 1.563rem;
}
/* Flagz */
.flagMenu {
    align-self: flex-start;
    margin-right: 1.250rem;
}
.flagMenu .dropdown-menu:before, .flagMenu .dropdown-menu:after {
    content: '';
    position: absolute;
    top: -14px;
    left: 50%;
    width: 0;
    height: 0;
    z-index: 2000;
}
.flagMenu .dropdown-menu:after, .flagMenu .dropdown-menu:before {
    border: solid transparent;
    pointer-events: none;
}
.flagMenu .dropdown-menu:before {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #FFF;
    border-width: 7px;
    margin-left: -7px;
}
.flagMenu .dropdown-menu .flag-icon {
    margin: 5px 0;
}
.flag-icon {
    border-radius: 6px;
    transition: all .3s ease-in-out;
    opacity: .5;
}
.flag-icon:hover {
    opacity: 1;
}
#dropdownflag .flag-icon {
    opacity: 1;
}
.footer .flag-icon {
    display: inline-block;
    width: 31px;
    height: 20px;
    opacity: 0.5;
}
.footer .flag-icon:hover {
    text-decoration: none;
}
.header .flag-icon {
    display: inline-block;
    width: 50px;
    height: 40px;
}
.flagMenu span.caret {
    display: inline;
}
.footer .flag-icon:hover, .footer .flag-icon.active {
    opacity: 1;
}
.footer .flag-icon + .flag-icon {
    margin-left: 8px;
}
/* Main Nav */
.header .dropdown.flagMenu .dropdown-menu {
    border: none;
    min-width: 65px;
    padding: 5px;
    text-align: center;
}
.dropdown.flagMenu .dropdown-menu {
    position: absolute;
    z-index: 2000;
    top: 55px !important;
    left: 50% !important;
    min-width: 100px;
    width: auto;
    padding: .313rem;
    border: none;
    text-align: center;
    transform: translateX(-50%) !important;
    opacity: 1;
    font-size: 24px;
}
.dropdown.flagMenu .dropdown-menu>li>a {
    padding: 3px 16px;
}
.flagMenu button {
    padding: 0;
    background-color: transparent;
    width: 60px;
    height: 52px;
}
/* Mobile Nav */
.sidebar--is-open {
    overflow: hidden;
}
.has-sidebar .nav__wrapper {
    position: relative;
    height: 100%;
    overflow: auto;

}
.has-sidebar .nav__sidebar {
    width: 90%;
    background-color: #fff;
}
.has-sidebar .nav__container {
    z-index: 100000;
    position: fixed;
    top: 64px;
    right: 0px;
    bottom: 0px;
    left: -100%;
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    transition: 1s;
}
.sidebar--is-open .nav__container {
    left: 0;
    transition: 1s;
}
.sidebar-overlay {
    position: fixed;
    top: 64px;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 5000px;
    background-color: rgba(0, 0, 0, .4);
}
.sidebar .main-nav {
    margin-top: 0;
}

/* === ROUNDED ICON BT === */

.bt-rounded {
    width: 40px;
    min-height: inherit;
    height: 40px;
    border-radius: 100%;
    background-color: #BCBCBC;
    transition: all ease-in-out .3s;
}
.bt-rounded.remove:hover {
    background-color: #F05A5A;
    transition: all ease-in-out .3s;
}
.bt-rounded .glyphicons {
    line-height: 1.2;
    color: #fff;
}

/* === LIST BORDER === */

.list-border .glyphicons {
    font-size: 2.000rem;
    color: #BCBCBC;
}
.list-border .bt-rounded .glyphicons {
    font-size: 1.125rem;
    color: #fff;
}
.list-border--item {
    padding: .500rem 0;
}
.list-border--item:not(:last-child) {
    border-bottom: 1px solid #DDDDDD;
}

.mr-20 {
    margin-right: 1.250rem;
}


/* ----------------------------- */
/* ==          PLUGIN            */
/* ----------------------------- */


/* ---[LOADER]--- */
.contener_general {
    -webkit-animation: animball_two 1s infinite;
    -moz-animation: animball_two 1s infinite;
    -ms-animation: animball_two 1s infinite;
    animation: animball_two 1s infinite;
    width: 44px;
    height: 44px
}
.contener_mixte {
    width: 44px;
    height: 44px;
    position: fixed
}
.ballcolor {
    width: 20px;
    height: 20px;
    border-radius: 50%
}
.ball_1, .ball_2, .ball_3, .ball_4 {
    position: absolute;
    -webkit-animation: animball_one 1s infinite ease;
    -moz-animation: animball_one 1s infinite ease;
    -ms-animation: animball_one 1s infinite ease;
    animation: animball_one 1s infinite ease
}
.ball_1 {
    background-color: #DA0087;
    top: 0;
    left: 0
}
.ball_2 {
    background-color: #F15A29;
    top: 0;
    left: 24px
}
.ball_3 {
    background-color: #1D97AD;
    top: 24px;
    left: 0
}
.ball_4 {
    background-color: #00C6FF;
    top: 24px;
    left: 24px
}
@-webkit-keyframes animball_one {
    0% {
        position: absolute
    }
    50% {
        top: 12px;
        left: 12px;
        position: absolute;
        opacity: 0.5
    }
    100% {
        position: absolute
    }
}
@-moz-keyframes animball_one {
    0% {
        position: absolute
    }
    50% {
        top: 12px;
        left: 12px;
        position: absolute;
        opacity: 0.5
    }
    100% {
        position: absolute
    }
}
@-ms-keyframes animball_one {
    0% {
        position: absolute
    }
    50% {
        top: 12px;
        left: 12px;
        position: absolute;
        opacity: 0.5
    }
    100% {
        position: absolute
    }
}
@keyframes animball_one {
    0% {
        position: absolute
    }
    50% {
        top: 12px;
        left: 12px;
        position: absolute;
        opacity: 0.5
    }
    100% {
        position: absolute
    }
}
@-webkit-keyframes animball_two {
    0% {
        -webkit-transform: rotate(0deg) scale(1)
    }
    50% {
        -webkit-transform: rotate(360deg) scale(1.2)
    }
    100% {
        -webkit-transform: rotate(720deg) scale(1)
    }
}
@-moz-keyframes animball_two {
    0% {
        -moz-transform: rotate(0deg) scale(1)
    }
    50% {
        -moz-transform: rotate(360deg) scale(1.3)
    }
    100% {
        -moz-transform: rotate(720deg) scale(1)
    }
}
@-ms-keyframes animball_two {
    0% {
        -ms-transform: rotate(0deg) scale(1)
    }
    50% {
        -ms-transform: rotate(360deg) scale(1.3)
    }
    100% {
        -ms-transform: rotate(720deg) scale(1)
    }
}

/* ---[BLOCKLIST PROPERTIES]--- */
#pinterest-grid {
    margin-right: -30px;
}
/* put toggle bars on the left :: not using button */
#slide-nav #main-navigation {
    width: 50px;
    height: 50px;
    margin: 10px 20px 0 0;
    padding: 10px;
    border: 0;
    border-radius: 100%;
    line-height: 0;
    background-color: #000;
    cursor: pointer;
}
/* icon bar prettyup - optional */
#slide-nav #main-navigation > .icon-bar {
    width: 100%;
    height: 3px;
    margin: 5px 0 0 0;
}
.header {
    border-radius: 0;
}
/* fix the navbar when active so that all the menu items are accessible */
.sr-only {
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
/* Positionning slide menu as column in desktop version */
.header .container-xl {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
/* Mediaqueries */
@media (min-width:1600px) {
    .home-bg-img {
        background-position: 0 45%;
    }
    .home-bg-img .container {
        min-height: 800px; /* old 728px*/
        padding-top: 220px;
    }
    /* BACK ON TOP BT -> display by JS */
    .back-on-top {
      right: 20px;
    }
}
@media (max-width:992px) {
    /* Basic properties */
	#slide-nav .container {
	    margin: 0;
	    padding: 0!important;
	}

	#slide-nav .header {
        width: 100%;
	    margin: 0 auto;
	    padding: 0 15px 0 0;
	}
	#slide-nav {
	    border-top: 0;
	}
	/* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
	#slide-nav #navbar-height-col {
	    position: fixed;
	    top: 0;
	    height: 100%;
	    width: 80%;
	    left: -80%;
	    background: #eee;
	}
	#slide-nav.header #navbar-height-col {
	    z-index: 1;
	    border: 0;
	}
    /* Personal info */
    .in-form-txt {
        width: 100%;
    }
    .input-group {
        width: 100%;
    }
}
/* Specials styles for tablet and desktop */
@media (min-width:992px) {

}
/* ---[Bootstrap Modal]--- */
.modal {
    z-index: 100000;
}
.modal-header h1, .modal-header h2, .modal-header h3,
.modal-header h4, .modal-header h5, .modal-header h6 {
    margin: 0;
    padding-right: 1.875rem;
}
.modal h1 {
    font-size: 1.500rem;
}
.modal-body {
    padding: 20px 20px 30px 20px;
}
.modal-footer {
    display: block;
    padding: 20px;
}
.modal-footer .row {
    width: 100%;
}
.modal-header {
    padding: 15px 20px;
}
/* ---[Bootstrap Alert]--- */
.alert > p, .alert > ul {
    margin-top: 0;
}
/* ---[SLICK JS]--- */
.slick-dots {
    margin-top: 10px;
    list-style: none;
    text-align: center;
    line-height: 1;
}
.no-survey .slick-dots {
    margin-top: -2px;
}
.slick-dots li {
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    width: 20px;
    height: 20px;
    padding: 5px;
    border: 0;
    outline: none;
    color: transparent;
    background: transparent;
    cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    content: '•';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    font-family: 'slick';
    font-size: 30px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 20px;
    color: #999;
    opacity: .50;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #6e6e6e;
}
.slick-arrow {
    z-index: 100;
    top: 50%;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: none;
    outline: none;
}
.slick-arrow.slick-prev {
    left: 0;
    margin-left: -10px;
}
.slick-arrow.slick-next {
    right: 0;
    margin-right: -10px;
}
.slick-arrow .icon-arrow {
    height: 100%;
    margin-top: 2px;
    background: url(../images/arrow-dark-grey-left.svg) no-repeat 0% 0%;
    background-size: cover;
}
.slick-arrow.slick-next .icon-arrow {
    background: url(../images/arrow-dark-grey-right.svg) no-repeat 0% 0%;
}
/* reward detail carousel */
.reward-gallery-carousel .slick-arrow.slick-prev {
    margin-left: 0;
}
.reward-gallery-carousel .slick-arrow.slick-next {
    margin-right: 0;
}
.reward-gallery-carousel .slick-list {
    margin: 0 30px;
}
.slick-slide {
    padding: 0 5px;
    outline: none;
}
/* --- [DATATABLE PLUGIN] --- */
.table-responsive {
    margin-top: 1.875rem;
}
.table-responsive .dataTables_wrapper {
    color: #000;
}
.table-responsive table.dataTable.display tbody tr.odd,
table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
table.dataTable.hover tbody tr.odd:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.display tbody tr.odd,
table.dataTable.display tbody tr.odd:hover {
    background-color: #fff;
}
table.dataTable tbody tr.even,
table.dataTable.hover tbody tr.even:hover,
table.dataTable.display tbody tr.even:hover {
    background-color: #fafafa;
}
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background-color: inherit;
}
.table-responsive table.dataTable.no-footer,
.table-responsive table.dataTable thead th,
.statement-container table.dataTable.datatable-statement thead th {
    border-color: #bcbcbc;
}
.statement-container table.dataTable.datatable-statement thead th.statement-collapse-action,
.statement-container table.dataTable.datatable-statement tbody > tr > td[colspan] {
    padding: 0;
}
.table-responsive table.dataTable tbody td,
.table-responsive table.dataTable thead th,
.statement-container table.dataTable.datatable-statement thead th,
.statement-container table.dataTable.datatable-statement tbody td,
.statement-container table.dataTable.datatable-statement tbody td[colspan].dataTables_empty,
.statement-container table.datatable-statement .statement-order-detail,
.statement-container table.dataTable.datatable-statement tr.child td.child {
    padding: .938rem .375rem;
    font-size: 1rem;
}
.statement-container table.dataTable.datatable-statement thead th,
.table-responsive table.dataTable thead th {
    padding-right: 1.550rem;
}
.table-responsive table.dataTable thead th,
.table-responsive table.dataTable tfoot th,
.statement-container table.dataTable.datatable-statement thead th {
    font-weight: 300;
}
.table-responsive .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    display: none;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: inherit;
}
table.dataTable.nowrap td ul li {
       white-space: normal;
}
table.dataTable tbody tr.child,
table.dataTable > tbody > tr.child:hover {
       background-color: #f5f5f5 !important;
}
table.dataTable tbody td.txt-pink,
.statement-container table.dataTable.datatable-statement tr td.statement-miles,
.statement-container table.dataTable.datatable-statement tr td.statement__col-miles {
    font-weight: 400;
    color: #da0087;
}
table.dataTable thead th.txt-pink {
    color: #000;
}
.statement-container table.dataTable.datatable-statement thead th,
table.dataTable.no-footer {
    border-bottom: 1px solid #bcbcbc;
}
.dataTables_wrapper table {
    margin-bottom: 2.500rem;
}
/* Pagination */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-left: .250rem;
    padding: 0;
    border: 1px solid #bcbcbc;
    border-radius: 100%;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.6;
    background-color: #f3f3f3;
    color: #6e6e6e;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #f3f3f3;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: 1px solid #f15a29;
    background: #f3f3f3;
    color: #f15a29 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:active,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:active {
    border-color: #f15a29;
    background-color: #f15a29;
    color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1px solid #f15a29;
    background-color: #f15a29;
    color: #fff !important;
    cursor: default;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next .glyphicons,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous .glyphicons {
       line-height: 1.6;
}
.datatable-statement th {
    white-space: nowrap;
}
/* Sorting */
table.dataTable thead .sorting {
/*       background-image: url(../images/sort_both.png);*/
}
table.dataTable thead .sorting_asc {
/*       background-image: url(../images/sort_asc.png);*/
}
table.dataTable thead > tr > th.sorting:before {
    bottom: 16px;
    right: 0;
    opacity: 1;
    content: url(../images/sort_both.png);
}
table.dataTable thead > tr > th.sorting_asc:before {
    bottom: 16px;
    right: 0;
    opacity: 1;
    content: url(../images/sort_asc.png);
}
table.dataTable thead > tr > th.sorting_desc:before {
    bottom: 16px;
    right: 0;
    opacity: 1;
    content: url(../images/sort_desc.png);
}
table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > th.sorting_asc:after {
    display: none;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before {
    position: absolute;
    content: "\E191";
    top: 50%;
    left: 4px;
    border: none;
    font-family: 'Glyphicons Regular';
    background-color: inherit;
    color: #bcbcbc;
    box-shadow: none;
    transform: translateY(-50%);
}
.statement-container table .statement-date,
.statement-container table .statement__col-date,
.statement-container table .statement-date-earn,
.statement-container table .statement-miles,
.statement-container table .statement__col-miles {
    width: 20% !important;
}
.statement-container table .statement-date-earn {
    text-align: right;
}
table.dataTable.stripe>tbody>tr.odd>*,
table.dataTable.display>tbody>tr.odd>*,
table.dataTable.stripe>tbody>tr.even>*,
table.dataTable.display>tbody>tr.even>*,
table.dataTable.display>tbody>tr.even>.sorting_1,
table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1,
table.dataTable.display>tbody>tr.odd>.sorting_1,
table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1 {
    box-shadow: none;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child,
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child {
    position: relative;
    padding-left: 30px;
}
/* Buttons for responsive behavior */
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:hover:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:focus:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:active:before {
       color: #33caab;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
.statement-container .shown .statement-collapse-action a.glyphicons-plus-sign:before {
       content: "\E192";
}
.statement-container .shown .statement-collapse-action a {
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:hover:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:focus:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:active:before {
       color: #f05a5a;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
    background-color: transparent;
}
/* Specific for Statement grid */
#statementList .child li:last-child .dtr-data,
.datatable-statement .child li:last-child .dtr-data {
    padding-left: .625rem;
    font-weight: 400;
    color: #da0087;
}
.link-statement--order .glyphicons {
       width: 30px;
       height: 30px;
       margin-left: .313rem;
       padding-top: .125rem;
       padding-left: .250rem;
       border-radius: 100%;
       background-color: #f15a29;
       color: #fff;
}
/* --- [COOKIE PLUGIN] --- */
/* Overloading default edgeless theme to fit m3panel guidelines */
/* Main banner */
.cc-window.cc-banner.cc-type-info {
    background-color: rgba(0, 0, 0, 0.6);
    padding: 15px;
    z-index: 10002;
    width: 100%
}
.cc-revoke, .cc-window {
    font-family: "futura-pt", Helvetica, Arial, sans-serif;
    font-size: 1em;
    line-height: 1;
    color: #fff;
}
/* Inside text */
.big-title {
    display: block;
    padding-bottom: 7px;
    font-size: 1.200rem;
    font-weight: 400;
}
/* Links */
.cc-link, .cc-link:active, .cc-link:visited {
    color: #00c6ff;
}
.cc-btn {
    border: none;
    font-size: 1.125rem;
    font-weight: 300;
    color: #fff;
    background-color: #f15a29;
}
.cc-btn:hover, .cc-btn:active, .cc-btn:focus {
    color: #fff;
}
/* ----------------------------- */
/* ==     External Bundles       */
/* ----------------------------- */

/* DARCS */
form[name="bilendi_darcs_cookie"] .col-sm-8 + .col-sm-4 {
    padding-left:  0;
}
/* FLASH MESSAGES */
.fm-container {
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
}
.home-bg-img .fm-container {
    position: relative;
}
.home-bg-img .alert {
    z-index: 1;
    position: absolute;
    top: 1.500rem;
    left: 50%;
    width: 90%;
    transform: translateX(-50%);

}
#without-nav .flash-message-container .alert {
    width: 99%;
    margin-left: -2%;
    margin-top: 30px;
}
.fm-container button {
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 100%;
}
.fm-container .alert-info button {
    color: #d9edf7;
    background-color: #629dbb;
}
.fm-container .alert-warning button {
    color: #fcf8e3;
    background-color: #cfbda2;
}
.fm-container .alert-danger button {
    color: #f2dede;
    background-color: #cf5252;
}
.fm-container .alert-success button {
    color: #dff0d8;
    background-color: #9bbb8e;
}
.alert-dismissable .close, .alert-dismissible .close {
    min-height: auto;
    right: 10px;
    top: 50%;
    margin-top: -15px;
    padding: 0;
}
.alert-sponsorship {
    display: flex;
    align-items: center;
}
.alert-sponsorship .glyphicons {
    font-size: 18px;
    margin-right: 20px;
}
.fm-container button span:first-child {
    font-size: 1.500rem;
    font-weight: 500;
    line-height: 1.2;
}
/* ----------------------------- */
/* ==     Share block       */
/* ----------------------------- */

.block-sponsorship h2 {
    border: none;
    margin-top: 2.500rem;
    margin-bottom: 1.250rem;
    font-size: 1.725rem;
    font-weight: 400;
    line-height: 1;
    color: #00c6ff;
}
.block-sponsorship p,
.block-sponsorship h2 {
    text-align: left;
}
.block-sponsorship p {
    margin-bottom: 0;
    line-height: 1.5;
    color: #6e6e6e;
}
.block-share div strong {
    width: 100%;
    display: inline-block;
    word-wrap: break-word;
    border: 1px solid #bcbcbc;
    margin:  0 0 0.725rem 0;
    padding: 0.5rem;
    background: #fff;
    color: #6e6e6e;
    text-align: left;
}
.url-sponsorship,
.block-share em {
    font-size: 1rem;
}
.url-sponsorship,
.block-share em span {
    font-size: 0.8rem;
}
.btn-share {
    display: flex;
    align-items: center;
    background-color: #333;
    border-radius: 50px;
    margin: 0 0.300rem;
    padding: 0.3125rem;
    color: #ffffff;
    text-decoration: none;
}
.btn-share span {
    color: white;
    padding: 0 0.3125rem;
}
.share-link {
    display: flex;
    justify-content: center;
    margin-top: 0.625rem;
}
.block-share {
    margin-top: 1.25rem;
    padding: 1.125rem;
    background-color: #f3f3f3;
}
.block-sponsorship .btn-share {
    background-color: #00c6ff;
}
/* ----------------------------- */
/* ==       Counter block        */
/* ----------------------------- */

.counter h2 {
    margin: 2rem 0 1.25rem 0;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: #f15a29;
}

.content-counter {
    flex-grow: 1;
    background-color: #EFEEEE;
    border-radius: 15px;
    padding: 1.25rem;
    text-align: center;
}

.counter-number {
    font-size: 2rem;
    font-weight: bold;
    color: #00c6ff;
}

.counter p {
    margin: 0 !important;
}

.content-counter span {
    font-weight: 500;
}


@media (min-width: 768px) {
    .mobile-version {
        display: none;
    }
    .fm-container {
        width: 750px;
    }
    .navbar-collapse.collapse {
        display: flex !important;
        flex-direction: row-reverse;
        align-items: center;
    }
}
@media (min-width: 992px) {
    .fm-container {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .fm-container {
        width: 1170px;
    }
}
/* REQUALIFICATION TOOL */
#goq-main-container {
    padding-bottom: 30px;
}
.bg-grey-medium#without-nav {
    margin-top: -30px;
}
.bg-grey-medium .container-fluid {
    width: auto;
    padding-top: 20px;
}
.profile-question--page #goq-main {
    margin-bottom: 3.750rem;
    border: 1px solid #bcbcbc;
}
.profile-question--page #goq-main-container,
.profile-question--page #goq-main h1,
.profile-question--page .goq-intro {
    padding: 0 1.25rem;
}
.profile-question--page #goq-main .button-group {
    margin: 3.750rem 0 1.875rem 0;
}
/* TRAC SUBSCRIPTION */
#coreg-registration .header {
    margin-bottom: 0;
}
/* NEW DATE OF BIRTH FIELDS */
#step1_dateOfBirth {
    display: flex;
}
#step1_dateOfBirth .styled-select {
    flex-basis: 0;
    flex-grow: 1;
}
#step1_dateOfBirth .styled-select select {
    background-color: #eaeaea;
}
#step1_dateOfBirth .styled-select+.styled-select {
    margin-top: 0;
}
#step1_dateOfBirth .styled-select:not(:first-child):not(:last-child) {
    padding: 0 1.000rem;
}

/* Registration step2 */
.bg-img-step2 {
    background: url(../images/bg-step2.png) #fff no-repeat 80% 0%;
    background-size: cover;
    margin-top: -20px;
}
.bg-img-step2 h1.hero-txt {
    margin-bottom: 6.25rem;
    font-size: 3.125rem;
    line-height: 1.2;
    text-align: left;
    text-transform: uppercase;
}
.bg-img-step2 p {
    font-size: 1.125rem;
    color: #333;
}
.bg-img-step2 .hero-txt .small {
    font-size: 1.875rem;
    line-height: 1.2;
    color: #333;
}
/* [TRAC] christmas */
.christmas .register-bg {
    background: rgba(208,23,115,1);
    background: -moz-linear-gradient(left, rgba(208,23,115,1) 0%, rgba(208,23,115,1) 50%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(208,23,115,1) 0%, rgba(208,23,115,1) 50%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(208,23,115,1) 0%, rgba(208,23,115,1) 50%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(208,23,115,1) 0%, rgba(208,23,115,1) 50%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%);
    /*background: linear-gradient(to right, rgba(208,23,115,1) 0%;*/
}
.christmas .register-bg .register-photo-bg {
    background: url(../images/trac/landingpage_christmas.jpg) no-repeat 50% 0%;
}
.christmas h1 {
    width: 60%;
    height: 295px;
    margin: 15px 0 20px 35px;
    text-align: left;
    color: #000000;
    font-size: 2.2rem;
    line-height: 2rem;
    font-weight: bold;
}
.christmas h1 span {
    display: block;
    margin: 20px 0;
}
.christmas h1 .small {
    font-size: 1.3rem;
    font-weight: normal;
}
.christmas h1 .normal {
    font-size: 1.8rem;
}
.christmas form {
    font-size: 0.9rem;
}
.christmas form input {
    border: 1px solid #f3f3f3;
    font-size: 0.9rem;
}
.christmas form .btn-group .btn {
    padding: 0.30em 1.875em;
}
.christmas form .country-selection .btn-group .btn {
    padding: 0.450em 5px 0.450em 30px;
}
.christmas form .country-selection .btn-group .btn:first-child,
.christmas form .country-selection .btn-group .btn:nth-child(2),
.christmas form .country-selection .btn-group .btn:nth-child(3),
.christmas form .country-selection .btn-group .btn:last-child {
    background-size: 20%;
    background-position: 5px 50%;
}
.christmas form input[type="checkbox"] + label {
    display: inline-block;
    width: 94%;
    margin-top: 20px;
    font-size: 0.85rem;
}
.christmas form input::-webkit-input-placeholder {
    font-size: 0.7rem;
}
.christmas form input::-moz-placeholder {
    font-size: 0.7rem;
}
.christmas form input:-ms-input-placeholder {
    font-size: 0.7rem;
}
.christmas .how-it-work {
    padding: 1rem 1rem 1rem 0;
}
.christmas .how-it-work h2 {
    font-size: 2.3rem;
}
.christmas .how-it-work .bubble:last-child h3 {
    padding: 90px 15px 0 15px;
    font-size: 1.8rem;
}
.christmas .block-right {
    height: 1000px;
    padding: 30px 20px;
}
.christmas .bg-grey-medium h3 {
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: bold;
    text-align: left;
}
.christmas .block-right img {
    margin: 30px 0;
}
.christmas .bg-grey-medium p {
    padding: 5px 0;
}
/* MEMBER BUNDLE */
.container-form-reactivate input[type=button] {
    margin-top: 20px;
    color: #fff;
}
.junk-modal__bt-cancel, .junk-modal__bt-validate {
    color: #fff;
}
.junk-modal__bt-cancel {
    background-color: #333;
}
.junk-modal__bt-validate {
    background-color: #f15a29;
}
/* CONTACT PREF PAGE */
.card-mxm .list-alt-bckg {
    list-style: none;
    margin-left: 0;
}
.lead-txt {
    font-size: 1.2rem;
    font-weight: 400;
    color: #000000;
    padding-right: 0.5rem;
}
.card-mxm--content .list-alt-bckg li {
    margin-left: 0;
    padding: 1rem;
}
.list-alt-bckg li:nth-child(2n+1) {
    background-color: #fafafa;
}
.card-mxm--content .list-alt-bckg a span[class*="glyphicons-"] {
    position: relative;
    top: inherit;
    right: inherit;
    display: inline-block;
    margin: 0.2rem 0.3rem 0 0;
    font-size: 1rem;
}
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    margin-top: 0.5rem;
}
input:checked + .slider {
    background-color: #da0087;
}
.slider.round {
    border-radius: 34px;
}
.slider.round:before {
    border-radius: 50%;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #bcbcbc;
    transition: .4s;
    -webkit-transition: .4s;
}
.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #ffffff;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
.optin--sms-title ul {
    margin-left: 0;
}
.optin--sms-title ul li {
    list-style: none;
    color: #f01212;
}
/* POSSIBLE PROGRAMS PAGE */
.possible-prog__list {
    margin-top: 2.000rem;
    margin-right: -15px;
    margin-left: -15px;
}
.possible-prog__list .card {
    position: relative;
    height: 100%;
    border: 1px solid #bcbcbc;
}
.possible-prog__list .card .flag-icon {
    opacity: .5;
}
.possible-prog__list .card:hover .flag-icon {
    opacity: 1;
}
.possible-prog__list .card:hover a {
    color: #000;
}
.possible-prog__list .card-body {
    display: flex;
    align-items: center;
    padding: 1rem 1.500rem;
    text-align: center;
}
.possible-prog__list .card-body a {
    color: #6e6e6e;
}
.possible-prog__list .flag-icon {
    width: 40px;
    height: 30px;
    margin-right: 1.000rem;
    border-radius: 6p;
}
/* ---MENU -- */
#sidebar {
    left: -100%;
    z-index: 30000 !important;
}
@media (max-width: 1200px) {
    .christmas .how-it-work .bubble p {
        padding: 80px 20px 0 20px;
    }
    .christmas .how-it-work .bubble:last-child h3 {
        padding: 90px 5px 0 7px;
        font-size: 1.4rem;
    }
    .counter-number {
        font-size: 1.5rem;
    }
}
@media (max-width: 992px) {
    .christmas .register-bg .register-photo-bg {
        background-position: 45% 0%;
    }
    .christmas h1 {
        width: 85%;
        margin-left: 0;
    }
    .christmas .block-right {
        height: inherit;
        margin-bottom: 15px;
        text-align: center;
    }
    .christmas .how-it-work {
        margin-bottom: 20px;
        padding: 0.5rem;
    }
    .christmas .how-it-work .bubble p,
    .christmas .how-it-work .bubble:last-child h3 {
        padding: 60px 0 20px 0;
    }
    .christmas .bubble,
    .christmas .bubble:last-child {
        height: 210px;
    }
    /* BACK ON TOP BT -> display by JS */
   .back-on-top {
       bottom: 20px;
       right: 50%;
       margin-right: -30px;
   }
    .rqt-card.card-block .quick-btn.next{
        margin-top: 0;
    }
}
@media (max-width: 768px) {
    .christmas .register-bg {
        background: rgba(208,23,115,1);
    }
    .christmas .register-bg .register-photo-bg {
        background: none;
    }
    .christmas h1 {
        width: 100%;
        height: inherit;
    }
    .christmas form input[type="checkbox"] + label {
        width: 90%;
    }
    .christmas .how-it-work img {
        width: 100%;
    }
    .christmas .how-it-work {
        padding: 0px;
    }
    .christmas .how-it-work .bubble p {
        padding: 15px 0 0 0;
    }
    .christmas .bubble,
    .christmas .bubble:last-child {
        height: auto;
    }

}


/* === ENV BANNER === */
.env-mess {
    z-index: 1020;
    position: sticky;
    top: 0px;
}
.env-mess__bg {
    display: flex;
    align-items: center;
    padding: .250rem 1rem;
    background-color: #ff7765;
    color: #fff;
}
.env-mess__content {
    margin-right: 1rem;
}
.env-mess__icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: .500rem;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTQgMTQiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOS41LjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMCBCdWlsZCAxNDEpICAtLT4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLnN0MCB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTcsMS4zYzMuMSwwLDUuNywyLjUsNS43LDUuN3MtMi41LDUuNy01LjcsNS43UzEuMywxMC4xLDEuMyw3LDMuOSwxLjMsNywxLjNaTTcsMTRjMy45LDAsNy0zLjEsNy03UzEwLjksMCw3LDAsMCwzLjEsMCw3czMuMSw3LDcsN1pNNS45LDkuMmMtLjQsMC0uNy4zLS43LjdzLjMuNy43LjdoMi4yYy40LDAsLjctLjMuNy0uN3MtLjMtLjctLjctLjdoLS4ydi0yLjRjMC0uNC0uMy0uNy0uNy0uN2gtMS4zYy0uNCwwLS43LjMtLjcuN3MuMy43LjcuN2guN3YxLjdoLS43Wk03LDUuMmMuNSwwLC45LS40LjktLjlzLS40LS45LS45LS45LS45LjQtLjkuOS40LjkuOS45WiIvPgo8L3N2Zz4=");
    background-repeat: no-repeat;
    background-size: cover;
}
.env-mess__btn {
    width: auto;
    min-height: inherit;
    padding: .250rem .500rem;
    border-radius: 10px;
    line-height: 1;
    font-size: 1rem;
    color: #fff;
    background-color: #ce5249;
    transition: all .3s ease-in-out;
}
.env-mess__btn:hover {
    background-color: #b54343;
}
.env-mess__btn:active, .env-mess__btn:focus {
    background-color: #a33d3b;
}
.env-mess__collapse {
    padding: 1rem;
    color: #fff;
    background-color: #ce5249;
}
.env-mess__collapse form {
    display: flex;
    align-items: center;
}
.env-mess__collapse form .btn {
    min-height: inherit;
    padding: .250rem .500rem;
    border: 2px solid transparent;
    border-radius: 10px;
    line-height: 1;
    font-size: 1rem;
    color: #fff;
    background-color: #ff7765;
    transition: all .3s ease-in-out;
}
.env-mess__collapse form .btn:hover {
    background-color: #e5655c;
}
.env-mess__collapse form .btn:focus,
.env-mess__collapse form .btn:active {
    background-color: #b54343;
}
.env-mess__collapse form .mb-3 {
    margin-bottom: 0 !important;
}

/* Switch btn */
.env-mess__collapse .form-check-label {
    font-size: 1rem;
    color: #fff;
}
.env-mess__collapse .form-switch {
    margin-right: 1rem;
    padding-left: 2.5em;
}
.env-mess__collapse .form-check-input {
    --bs-form-check-bg: #fff;
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.25em;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
}
.env-mess__collapse .form-check-input[type=checkbox] {
    border-radius: 0.25em;
}
.env-mess__collapse .form-check-input:active {
    filter: brightness(90%);
}
.env-mess__collapse .form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
}
.env-mess__collapse .form-check-input:checked {
    background-color: #a33d3b;
    border-color: #a33d3b;
}
.env-mess__collapse .form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.env-mess__collapse .form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.env-mess__collapse .form-check-input[type=checkbox]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.env-mess__collapse .form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.5;
}
.env-mess__collapse .form-check-input[disabled] ~ .form-check-label, .env-mess__collapse .form-check-input:disabled ~ .form-check-label {
    cursor: default;
    opacity: 0.5;
}
.env-mess__collapse .form-check .form-check-input {
    float: left;
    margin-left: -1.5em;
}
.env-mess__collapse .form-switch .form-check-input {
    --bs-form-switch-bg: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgOCA4Ij4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjkuNS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMi4xLjAgQnVpbGQgMTQxKSAgLS0+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGw6ICNmZjc3NjU7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjQiIGN5PSI0IiByPSIzIi8+Cjwvc3ZnPg==");
    width: 2em;
    margin-left: -2.5em;
    background-image: var(--bs-form-switch-bg);
    background-position: left center;
    border-radius: 2em;
    transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .env-mess__collapse .form-switch .form-check-input {
        transition: none;
    }
}
.env-mess__collapse .form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgOCA4Ij4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjkuNS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMi4xLjAgQnVpbGQgMTQxKSAgLS0+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGw6ICNmZjc3NjU7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjQiIGN5PSI0IiByPSIzIi8+Cjwvc3ZnPg==");
}
.env-mess__collapse .form-switch .form-check-input:checked {
    background-position: right center;
    --bs-form-switch-bg: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgOCA4Ij4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjkuNS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMi4xLjAgQnVpbGQgMTQxKSAgLS0+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGw6ICNmZjc3NjU7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjQiIGN5PSI0IiByPSIzIi8+Cjwvc3ZnPg==");
}
.env-mess__collapse .form-switch.form-check-reverse {
    padding-right: 2.5em;
    padding-left: 0;
}
.env-mess__collapse .form-switch.form-check-reverse .form-check-input {
    margin-right: -2.5em;
    margin-left: 0;
}


/* ----------------------------- */
/* ==       MEDIA QUERIES        */
/* ----------------------------- */
@media (min-width: 768px) {
    .navbar-toggler {
        display: none;
    }
    .header .collapse:not(.show) {
        display: block;
    }
    .bt-rounded {
        width: 30px;
        height: 30px;
    }
    .bt-rounded .glyphicons {
        line-height: .8;
    }
}
@media screen and (max-width: 1200px) {
    .home-bg-img {
        background: url(../images/home-bg-img-md.jpg) no-repeat 0% 50%;
        background-size: cover;
    }
    /* STEP 2 */
    .bg-img-step2 {
        background: #fff;
    }
    .bg-img-step2 h1.hero-txt {
        margin-bottom: 3rem;
    }
    .bg-img-step2 img {
        display: block;
        margin: 0 auto;
        width: 400px;
    }
    /* REGISTRATION - Radio Button for country selection */
    form .country-selection .btn-group .btn:first-child,
    form .country-selection .btn-group .btn:nth-child(2),
    form .country-selection .btn-group .btn:nth-child(3),
    form .country-selection .btn-group .btn:last-child {
        background-position: 4px 50%;
    }
    form .country-selection .btn-group .btn {
        padding: 0.750em 0.300em 0.750em 2.600em;
    }
    /* CART */
    .cart input[type="number"] {
        width: 40px;
        padding-left: 4px;
        padding-right: 2px;
    }
    .card-mxm.gift .cart .cart--quantity button {
        margin-left: .313rem;
    }
    /* FILTER NAV GIFTS */
    .reward-filter--pts-range input[type="number"] {
        width: 70%;
    }
    .reward-filter--pts-range input[type="number"] + input[type="number"] {
        margin-top: .625rem;
        margin-left: 0;
    }
    .reward-filter--pts-range button {
        height: 90px;
        border-radius: 0;
    }
    /* BUBBLE */
    .bubble {
        width: 20%;
        height: 11rem;
    }
    .bubble:last-child {
        width: 32%;
        height: 17rem;
    }

}
@media screen and (max-width: 992px) {
    /* Header */
    #sign-in-form input[type="email"],
    #sign-in-form input[type="password"] {
        width: 180px;
    }
    .header .bt-header.cart {
        margin: .513rem 0;
    }
    .header .header-logo {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
    .header .punchline {
        display: none;
    }
    .header .desktop-version {
        display: none;
    }
    .menu-burger {
        position: relative;
        width: 30px;
        height: 15px;
        margin: 0 .938rem 0 0;
        cursor: pointer;
    }
    .menu-burger > span {
        display: block;
        position: absolute;
        background: #FFF;
        height: 2px;
        width: 30px;
        left: 50%;
		margin-left: -15px;
        transform-origin: left;
    }
    .menu-burger > span:nth-child(1) {
        top: 0;
    }
    .menu-burger > span:nth-child(2) {
        top: 8px;
    }
    .menu-burger > span:nth-child(3) {
        top: 16px;
    }
    .menu-burger.open > span:nth-child(1) {
		left: 55%;
		width: 26px;
		margin-left: -13px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .menu-burger.open > span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .menu-burger.open > span:nth-child(3) {
        top: 18px;
		left: 55%;
		width: 26px;
		margin-left: -13px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .menu-burger,
	.menu-burger > span {
        -webkit-transition: ease-in-out 0.25s;
        -moz-transition: ease-in-out 0.25s;
        -o-transition: ease-in-out 0.25s;
        -ms-transition: ease-in-out 0.25s;
        transition: ease-in-out 0.25s;
    }
    #sidebar {
        left: -100%;
        z-index: 30000 !important;
    }
    .sidebar-wrapper {
        position: relative;
        height: 100%;
        overflow: auto;
    }
    #desktop-main-menu {
        display: none;
    }
    .has-sidebar .nav__sidebar > .mobile-version {
        display: block;
        background-color: #000;
        padding: 1.250rem;
        color: #FFF;
    }
    .has-sidebar .nav__sidebar > .mobile-version .mobile-user {
        display: flex;
        align-items: stretch;
    }
    .has-sidebar .nav__sidebar > .mobile-version .mobile-user .user-infos {
        flex-grow: 2;
    }
    .has-sidebar .nav__sidebar > .mobile-version .mobile-user .user-infos .firstname,
    .has-sidebar .nav__sidebar > .mobile-version .small-bt a {
        color: #DA0087;
    }
    .has-sidebar .nav__sidebar .mobile-version p,
    .has-sidebar .nav__sidebar .mobile-version + ul {
        margin-top: 0;
        margin-bottom: 0;
        word-wrap: break-word;
    }
    .has-sidebar .nav__sidebar .miles {
        display: block;
        margin: 0;
        font-size:  1.5em;
        line-height: 1;
        color: #FFF;
    }
    .has-sidebar .nav__sidebar .bt-header.cart {
        display: block;
        margin: 1.250rem 0 0 0;
        padding: .313rem;
        border-radius: 10px;
        text-align: center;
        color: #fff;
        background-color: #f15a29;
    }
    .has-sidebar .main-nav {
        margin-top: 0;
    }
    #main-navigation {
        display: block;
    }
    .header > .container-xl {
        width: 100%;
    }

    .flagMenu button {
        margin: 0.6875rem 0;
    }
    #slide-nav #main-navigation {
        margin-left: 1.250rem;
    }
    .user-infos #rqt-progress.progress-block .progress__container-bar,
    .user-infos #rqt-progress.progress-block #goq-progressbar-done {
        height: 12px;
    }
    .header > .clearfix-tablet {
        display: block;
    }
    .header .desktop-version .dropdown {
        display: none;
    }
    #ResultNb {
        padding-left: 20px;
    }
    #ResultNb span:first-child {
        font-size: inherit;
    }
    #slide-nav > .container > .header > .no-logged {
        padding-top: 1.350rem;
    }
    .user-infos,
    .header-menu > .user-infos-lottery {
        display: none;
    }
    /* Header Menu */
    .header-menu {
        flex-direction: row-reverse;
    }
    .header-menu__dropdown {
        right: 0;
        transform: translateX(0);
    }
    .header-menu__dropdown:after,
    .notif__dropdown:before {
        left: inherit;
        right: 22px;
        transform: translateX(0);
    }
    .notif__dropdown:before {
        right: 12px;
    }
    .header-menu__link {
        height: 64px;
    }
    .header-menu__item:hover .header-menu__dropdown {
        top: calc(100% - 8px);
    }
    .user-infos.lines .user-infos-miles:before,
    .user-infos.lines + .notif:before,
    .user-infos.lines + .header-menu__item:before {
        display: none;
    }
    .user-infos.lines + .notif,
    .user-infos.lines + .header-menu__item {
        margin-left: 0;
    }
    /* Footer */
    .footer [class*="col-sm"] {
        margin-top: 0;
    }
    .footer-logo {
        background-position: 50% 0%;
        margin-top: 15px;
        margin-bottom: 30px;
    }
    .footer .flag-icon + .flag-icon {
        margin-left: 3px;
    }
    .footer-country-selection {
        margin-top: 30px;
    }
    .part-left div {
        padding: 0;
    }
    /* Home Logout */
    .logo,
    .header .logo {
        margin: .938rem 0 0 0;
    }
    .header .logo {
        width: 118px;
    }
    /* REGISTRATION - Radio/Checkbox Button */
    form .btn-group .btn {
        width: 50%;
    }
    /* REGISTRATION - Radio Button for country selection */
    form .country-selection .btn-group .btn {
        padding: 0.750em 0 0.750em 0;
    }
    form .country-selection .btn-group .btn:first-child,
    form .country-selection .btn-group .btn:nth-child(2),
    form .country-selection .btn-group .btn:nth-child(3),
    form .country-selection .btn-group .btn:last-child {
        background-position: 10px 50%;
    }
    form .country-selection .btn-group .btn:nth-child(3) {
        margin-top: 10px;
        border-left: 0px solid transparent;
    }
    form .country-selection .btn-group .btn:last-child {
        margin-top: 10px;
    }
    /* COREG REGISTRATION */
    .bg-gift-subscription {
        min-height: 288px;
    }

    /* Catalogue */
    .cart input[type="number"] {
        width: 40px;
    }
    .card-mxm.gift .cart .cart--quantity button {
        margin-top: 0;
        margin-left: .375rem;
    }
    .card-block .cart button.cart--remove-item {
        top: 15px;
        right: 15px;
        left: auto;
        width: 60px;
        border-radius: 0;
    }
    .cart--remove-item .no-desktop {
        display: none;
    }
    .cc-window.cc-banner.cc-type-info,
    .cc-theme-edgeless.cc-window {
        background-color: rgba(0, 0, 0, 0.9);
    }
    #modalRewardGallery .modal-header h4 {
        padding-right: 1.875rem;
    }
    /* FILTERS GIFTS */
    .reward-filter {
        border-right: none;
    }
    .reward-filter--pts-range input[type="number"] {
        width: 43%;
    }
    .reward-filter--pts-range input[type="number"] + input[type="number"] {
        margin-top: 0;
        margin-left: .938rem;
    }
    .reward-filter--pts-range button {
        height: 40px;
        border-radius: 100%;
    }
    /* BUBBLE */
    .bubble {
        width: 30%;
    }
    .bubble:last-child,
    .static-page .bubble:last-child {
        width: 98%;
        height: 10rem;
        margin-top: 1rem;
        border-radius: 20px;
    }
    .bubble.symbol-equal::after,
    .static-page .bubble.symbol-equal::after {
        bottom: 0;
        left: -70%;
        top: 100%;
        margin-top: -10px;
    }
    /* Card-mxm */
    .has-hover-effect .card-mxm--icon-bt, .reward-detail-img-container .card-mxm--icon-bt {
        width: 100%;
    }
    .has-hover-effect:hover .card-mxm--icon-bt, .reward-detail-img-container:hover .card-mxm--icon-bt,
    .reward-detail-img-container:hover .card-mxm--icon-bt span:first-child {
        animation: none;
    }
    .has-hover-effect .card-mxm--icon-bt span:first-child, .reward-detail-img-container .card-mxm--icon-bt span:first-child {
        display: block;
        opacity: 1;
    }
    /* ALERT */
    .alert-dismissable, .alert-dismissible {
        padding-right: 3.125rem;
    }
    .end-page-survey .info-message, .end-page-survey .error-message, .end-page-survey .success-message  {
        width: 100%;
    }
    /* personal infos */
    .flex-container {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .flex-container .bg-blue-medium {
        margin-top: 20px;
    }
    .flex-container .cookie-block {
        margin-right: 20px;
        margin-left: 20px;
    }
    .flex-container .gift, .flex-container .bg-blue-medium {
        width: 33.33%;
    }

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

}
/* SPECIFIC FOR TABLET IN LANDSCAPE MODE */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .cc-window.cc-banner.cc-type-info, .cc-theme-edgeless.cc-window {
        background-color: rgba(0, 0, 0, 0.9);
    }
    .header .header-logo {
        width: 25%;
    }

}
/* SPECIFIC FOR TABLET IN PORTRAIT MODE */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    /* #logout-subscription .navbar .navbar-header .header-logo,
    .main-nav-logout .navbar .navbar-header .header-logo,
    .logout-catalogue .navbar .navbar-header .header-logo,
    #logout .navbar .navbar-header .header-logo {
        width: 25%;
    } */

}
@media screen and (max-width: 767px) {
    body {
        padding-top: 85px;
    }
    /* Subscription step2 */
    .bg-img-step2 h1.hero-txt {
        font-size: 28px;
    }
    .card-mxm--content {
        overflow-wrap: break-word;
    }
    /* Log Out */
    .header {
        position: fixed;
        top: 0;
        width: 100%;
    }
    .header .dropdown.flagMenu .dropdown-menu {
        left: 30px;
        top: 61px;
        width: auto;
    }
    /* Column specific */
    .row > .col-12 + .col-12,
    .footer .col-12 + .col-12 {
        margin-top: 20px;
    }
    .survey-list-page .card-content .row > .col-12 + .col-12 {
        margin-top: 0;
    }
    [class*="col-"].no-padding {
        padding-left: 15px;
        padding-right: 15px;
    }
    /* HEADER LOGO */
    .logo, .header .logo {
        width: 160px;
    }
    .header .mobile-version {
        display: none;
    }
    #slide-nav > .container > .header {
        width: auto;
    }
    /* HEADER SIGN OUT */
    #slide-nav > .container > .header > .no-logged {
        padding-right: 0;
        z-index: 2000;
    }
    #account-login-menu {
        width: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        padding: 0 15px;
    }
    .header .dropdown.flagMenu {
        max-width: 30%;
    }
    #account-login-menu .sign-in {
        margin-top: .938rem;
        flex-direction: column;
    }
    .sign-in .pull-left {
       float: none;
    }
    /* HEADER SIGN IN */
    .header button[data-target="#account-login-menu"] {
        width: 48px;
        height: 48px;
        padding: 0;
        margin-right: 0;
        background-color: #4c4c4c;
        border-radius: 100%;
    }
    .header button[data-target="#account-login-menu"].navbar-toggler:focus,
    .header button[data-target="#account-login-menu"].navbar-toggler:hover {
        background-color: #4c4c4c;
    }
    .header button[data-target="#account-login-menu"] span {
        color: #fff;
        line-height: 1;
    }
    .header .sign-in .form-group,
    .header .sign-in .form-group + .form-group {
        float: none;
        width: 100%;
    }
    .header .sign-in .form-group + .form-group {
        margin-top: 20px;
        margin-left: 0;
    }
    .header .sign-in button .glyphicons.glyphicons-tick {
        display: none;
    }
    .header .sign-in button .not-header {
        display: block;
    }
    .header .sign-in button[type="submit"] {
        width: 100%;
        margin: 20px 0;
        border-radius: 0;
    }
    .header .logged-txt .pull-left.marg-left-20 {
        min-width: 182px;
    }
    /* Header Menu */
    .header-menu__item:hover .header-menu__dropdown {
        top: 58px !important;
    }
    .header-menu__link {
        width: 40px;
        font-size: 1.250rem;
    }
    .header-menu__link .glyphicons-shopping-bag {
        font-size: 1.125rem;
    }
    .notif.show .notif__button:before,
    .notif:hover .notif__button:before,
    .header-menu__item:hover .header-menu__link:before,
    .header-menu__item--is-hover .header-menu__link:before {
        width: 34px;
        height: 34px;
    }
    .header-menu__dropdown,
    .notif__dropdown.dropdown-menu {
        position: fixed !important;
        top: 48px !important;
        width: 96%;
        right: 50% !important;
        transform: translateX(50%) !important;
    }
    .header-menu__dropdown:after,
    .notif__dropdown:before {
        display: none;
    }
    .counter-badge {
        top: 22px;
        right: -2px;
    }
    /* MAIN NAV */
    .has-sidebar .nav__container, .sidebar-overlay {
        top: 63px;
    }
    /* WELCOME BOX */
    .header .bt-header.cart .glyphicons {
        display: none;
    }
    .header .bt-header.cart {
        float: none;
        width: 100%;
        height: 40px;
        margin-top: 20px;
        margin-right: 0;
        padding-top: 6px;
        border-radius: 0;
        text-align: center;
        font-size: 1.125rem;
        font-weight: 300;
    }
    .header .bt-header.cart + button {
        margin-top: 10px;
    }
    /* Home Logout */
    .home-bg-img {
        background-position: 45% 50%;
    }
    .email-home-form .col-sm-4,
    .email-home-form .col-md-4 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .home-bg-img .container {
        min-height: 400px;
    }
    .home-bg-img .container.pad-top-100 {
        padding-bottom: 40px;
    }
    .bg-white .how-it-work {
        padding: 0;
    }
    .gift-example img {
        width: 100%;
    }
    .gift-example img + img {
        margin-top: 20px;
        margin-left: 0;
    }
    .visu-cup, .visu-desktop {
        margin-bottom: 60px;
    }
    .how-it-work > .row + p {
        margin-top: 40px;
    }
    .email-home-form {
        margin: 30px 0;
    }
    .email-home-form input[type="submit"] {
        margin-left: 0;
    }
    .how-it-work h2 {
        text-align: center;
        color: #000;
    }
    .picture-line {
        float: none;
    }
    /* REGISTRATION - Col in form */
    .register-photo-bg {
        background: none;
        background-color: #f3f3f3;
    }
    .hero-txt, .wopt h2 {
        font-size: 2.625rem;
        line-height: 1;
    }
    form .row > .col-12 + .col-12 {
        margin-top: 20px;
    }
    form input[type="checkbox"] + label {
        display: inline;
    }
    /* COREG REGISTRATION */
    .bg-gift-subscription {
        min-height: 155px;
    }

    /* CARD Blocks */
    .card-block + .card-block  {
        margin-top: 20px;
    }
    .card-block .card-img-container {
        overflow: hidden;
    }
    .card-block .card-img-container img {
        width: 100%;
        max-width: inherit;
        min-height: 48px;
    }
    .list-card--item {
        width: 100%;
    }
    /* Blocksit Plugin */
    #pinterest-grid {
        margin-right: 0;
    }
    /* My personal information page */
    .in-form-txt a.txt-link {
        display: block;
        margin-left: 0;
    }
    .flex-container {
        display: block;
    }
    .flex-container .gift, .flex-container .bg-blue-medium {
        width: 100%;
    }
    .flex-container .cookie-block {
        margin-left: 0;
        margin-right: 0;
    }
    .flex-container .bg-blue-medium {
        margin-top: 0;
    }
    /* Contact pref page */
    .optins .switch {
        display: block;
        margin: 1.250rem auto .938rem auto;
    }
    .optins .pull-left, .optins .pull-right {
        float: none;
    }
    /* Catalogue */
    .opt-qm .quantity {
        flex-grow: 1;
    }
    /* Reward Detail Form */
    .gift-form {
        flex-direction: column;
        align-items: flex-start;
    }
    .gift-form__col {
        width: 100%;
    }
    .cart h3 + p.txt-right {
        padding-bottom: 20px;
        text-align: center;
    }
    .cart .row {
        margin-top: 10px;
        margin-right: -15px;
        margin-left: -15px;
    }
    .cart .row:last-child {
        margin-top: 0;
        text-align: center;
    }
    .cart--gift-name p {
        padding-right: 4.375rem;
        padding-left: 0;
        text-align: left;
    }
    .card-mxm.gift .cart button.cart--remove-item {
        top: 15px;
        right: 15px;
        left: auto;
    }
    .card-mxm.gift .cart .cart--quantity button {
        display: inline-block;
        float: none;
        margin-top: 0;
        margin-left: 0;
    }
    .cart-main-total .col-12 + .col-12.txt-right {
        border-top: 1px solid #e4e4e4;
        text-align: center;
    }
    .cart .row .alert-warning.marg-left-right-20 {
        margin-right: 15px;
        margin-left: 15px;
    }
    .cart--remove-item .no-desktop {
        display: block;
    }
    .cart .row div.line-total {
        padding-top: 2.125rem;
    }
    .card-block .cart button.cart--remove-item {
        top: 15px;
        right: 15px;
        left: auto;
        width: 60px;
        border-radius: 0;
    }
    #confirmSubmit, #orderCheckout_checkout {
        margin-top: 20px;
    }
    .table-responsive {
        overflow-y: hidden;
    }
    h1, h2 {
        word-wrap: break-word;
        word-break: break-word;
        width: 100%;
    }
    .cc-window.cc-banner.cc-type-info,
    .cc-theme-edgeless.cc-window {
        background-color: rgba(0, 0, 0, 0.9);
    }
    /* FILTER NAV GIFTS */
    .reward-filter--pts-range input[type="number"] {
        width: 70%;
    }
    .reward-filter--pts-range input[type="number"] + input[type="number"] {
        margin-top: .625rem;
        margin-left: 0;
    }
    .reward-filter--pts-range button {
        height: 90px;
        border-radius: 0;
    }
    /* BUBBLE */
   .bubble-container {
       flex-direction: column;
       margin-top: 2rem;
   }
   .bubble, .bubble:last-child {
       width: 96%;
       height: 10rem;
       margin: 0 0 1rem 0;
       border-radius: 20px;
   }
   .bubble.symbol-plus::after, .bubble.symbol-equal::after,
   .static-page .bubble.symbol-plus::after, .static-page .bubble.symbol-equal::after {
       bottom: 0;
       left: 50%;
       top: 100%;
       margin-top: -10px;
       margin-left: -20px;
       background-size: cover;
   }
   .bubble.symbol-plus::after {
       width: 40px;
       height: 41px;
   }
   .bubble.symbol-equal::after {
       width: 40px;
       height: 28px;
   }
   .static-page h1, .static-page h2, .static-page .break {
       word-break: break-all;
   }
   .card-mxm h1, .card-mxm h2, .card-mxm h3 {
      word-break: break-word;
   }
   .end-page-survey .info-message:before, .end-page-survey .error-message:before, .end-page-survey .success-message:before {
        top: -8%;
    }
    /* Statement */
    .statement-container .dataTables_wrapper .dataTables_filter input {
        margin-left: 0;
    }
    .statement-container .dataTables_wrapper .dataTables_filter input[type="search"] {
        width: 100%;
    }
    .link-statement--order .glyphicons {
        padding-top: .143rem;
        padding-left: 0;
        text-align: center;
        vertical-align: inherit;
    }
    /* share block */
    .block-edito,
    .block-sponsorship {
        width: 80%;
    }
    .block-edito a img {
        width: 100%;
        height: auto;
    }
    .url-sponsorship {
        padding: 0;
        margin-left: 0;
    }
    .btn-share span {
        display: none;
    }
    .btn-share img {
        margin: 0;
    }
    .order__date, .order__points {
        flex-basis: 20%;
    }
    .card-mxm .order__header {
        flex-wrap: nowrap;
    }
}
@media screen and (max-width: 425px) {
    .home-bg-img h1.hero-txt {
        margin-bottom: 0;
    }
    p {
        line-height: normal;
    }
    .button-like {
        height: auto;
    }
    #resetAll.button-like {
        height: 40px;
    }
    .flagMenu {
        margin-left: 0;
        margin-right: 20px;
    }
}
@media screen and (max-width: 376px) {
    .logo, .header .logo {
        width: 100px;
    }
    #login-subscription .contact-number .input-group input[type="text"] {
        width: 63%!important;
    }
    #rqt-progress.progress-block.small .progress__content-container .progress__content-title {
        width: 75%;
    }
}
@media screen and (max-width: 374px) {
    .progress-block {
        flex-wrap: wrap;
    }
    .progress-bar {
        flex: 0 0 80%;
    }
    .progress-txt {
        width: 100%;
        line-height: 1.5;
    }
}
@media screen and (max-width: 320px) {
    .register-photo-bg .pad-top-120 {
        padding-top: 60px;
    }
    form .country-selection .btn-group .btn {
        padding-left: 2.75em;
        text-align: left;
    }
}