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

/* ----------------------------- */
/* == 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 */
@-webkit-keyframes bugfix {
    from {padding:0;}  to {padding:0;}
}
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 .no-padding-left a {
    color: #6e6e6e;
}
/* 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;
}
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: 3.600rem;
    line-height: 1;
}
#logout h1.hero-txt {
    margin-bottom: 100px;
    line-height: 1em;
    font-size: 2.750rem;
    font-weight: 700;
}
.reward-detail-content h1 {
    font-size: 2.250rem;
}
h2, .h2-like {
    font-size: 2.500rem;
    margin-bottom: 20px;
    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-"] h2, [class*="bg-"] h2:first-child {
    margin: 0 0 20px 0;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1;
    color: #fff;
}
[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   { color: #000; }
.txt-blue, a.button-like.txt-blue:hover {
    color: #1d97ad;
}
.txt-white, input[type="submit"].bg-orange,
.bg-blue-medium {
    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,
#logout input[type="submit"], .error em, #errorsChangeEmail,
form .btn-group label[class="btn btn-primary active"]:after,
.navbar .sign-in a, .navbar a.pull-left, .navbar .bt-header,
.navbar .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, #slide-nav #main-navigation > .icon-bar,
.slick-arrow .icon-arrow, .home-survey-list .no-padding-left a {
    display: block;
}
.navbar .sign-in .form-group, .survey-list > li > a,
.footer a.flag, #slide-nav #main-navigation, .filters .dx-field-value,
.pull-left {
    float: left;
}
.pull-right, .navbar .sign-in button, .navbar .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, .navbar .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,
#slide-nav #main-navigation, .navbar-header, .modal-header,
.navbar.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,
.navbar .sign-in a, .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;
}
#logout h1, #logout h2, #logout h3, #logout p,
#logout-subscription h1, #logout-subscription h2, #logout-subscription h3,
#facebook-registration h1, #facebook-registration h2, #facebook-registration h3, #facebook-registration p,
#coreg-registration h1, #coreg-registration h2, #coreg-registration h3 {
    text-align: center;
}
#logout .confirm-email h1, #logout .confirm-email h2, #logout .confirm-email h3, #logout .confirm-email p,
#logout .footer p {
    text-align: left;
}

/* ----------------------------- */
/* == 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, .navbar-header > .clearfix-tablet,
.no-label label, .navbar .sign-in label,
.navbar .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 span, .fm-container button .sr-only,
.navbar-header a.flag.active, .navbar-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,
.navbar-header > .clearfix-tablet:before,
.navbar-header > .clearfix-tablet:after,
.reward-filter--pts-range:before,
.reward-filter--pts-range:after {
  display: table;
  content: " ";
}
.clearfix:after,
.navbar-header > .clearfix-tablet:before,
.reward-filter--pts-range: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-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-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, .navbar .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, .navbar-inverse { 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;
}
#logout button,
#logout input[type="button"],
#logout input[type="submit"],
#logout .button-like,
#logout-subscription button[type="submit"],
#facebook-registration button[type="submit"],
#coreg-registration input[type="submit"] {
    padding: .900rem 0;
}
#logout .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 {
    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;
}
/* 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             */
/* ----------------------------- */
label {
    font-size: 1.125em;
    color: #000;
}
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"] {
    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"] {
    -webkit-appearance: none;
    border-radius: 0;
}
select {
    height: 45px;
    border-radius: 0;
    background: #FFF url('../images/arrow_select.png') no-repeat 99% 50% ;
    -webkit-appearance: none;
}
#logout select {
    height: 48px;
    /* Avoiding the no displaying off padding without reseting all default style from navigator */
}
.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;
}
/* Submit properties */
#logout input[type="submit"] {
    border: none;
    cursor: pointer;
    font-size: 1.875rem;
    font-weight: 300;
}
/* 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;
}
/* 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;
}
/* SIGN IN HEADER FORM */
/*.navbar .sign-in {
    margin-top: 18px;
}*/
.navbar .sign-in input[type="email"],
.navbar .sign-in input[type="password"] {
    height: 40px;
    font-size: 1.125rem;
    color: #767676;
}
.navbar .sign-in input[type="password"]{
    padding-left: 35px;
}
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;
}
.navbar .sign-in .form-group {
    width: 200px;
}
.navbar .sign-in .form-group + .form-group {
    width: 150px;
    margin-right: 20px;
    margin-left: 1px;
}
.navbar .sign-in a {
    top: 0;
    left: 5px;
    width: 30px;
    height: 40px;
    padding-top:  5px;
    text-align: center;
    font-size: 1.250rem;
    color: #bcbcbc;
}
.navbar .sign-in input:-moz-placeholder,
.email-home-form input:-moz-placeholder {
    color: #767676;
}
.navbar.sign-in input:focus:-moz-placeholder,
.email-home-form input:focus:-moz-placeholder {
    color: #767676;
}
.navbar .sign-in input::-webkit-input-placeholder,
.email-home-form input::-webkit-input-placeholder {
    color: #767676;
}
.navbar .sign-in input:focus::-webkit-input-placeholder,
.email-home-form input:focus::-webkit-input-placeholder {
    color: #767676;
}
.navbar .sign-in input:-ms-input-placeholder,
.email-home-form input:-ms-input-placeholder {
    color: #767676;
}
.navbar .sign-in input:focus:-ms-input-placeholder,
.email-home-form input:focus:-ms-input-placeholder {
    color: #767676;
}
.navbar .sign-in button[type="submit"],
#logout .navbar .sign-in button[type="submit"],
#logout-subscription .navbar .sign-in button[type="submit"] {
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 100%;
    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;
}
/* Special case for country radio buttons */
form .country-selection .btn-group .btn {
    padding: 0.450em 1.200em 0.450em 3.125em;
}
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-repeat: no-repeat;
    background-position: 10px 50%;
}
form .country-selection .btn-group .btn:first-child {
    background-image: url(../images/flag-dk.png);
}
form .country-selection .btn-group .btn:nth-child(2) {
    background-image: url(../images/flag-fi.png);
}
form .country-selection .btn-group .btn:nth-child(3) {
    background-image: url(../images/flag-no.png);
}
form .country-selection .btn-group .btn: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: 28px;
}
form[name="cartItem"] label {
    color: #6e6e6e;
}
form[name="cartItem"] .quantity.error em {
    position: absolute;
    width: 250px;
}
/* ----------------------------- */
/* ==         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 {
    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;
}

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

.navbar {
    border: none;
    border-radius: 0;
}
.navbar .punchline {
    margin-top: 0.450rem;
    margin-left: .938rem;
    font-size: 1em;
    color: #FFF;
}
.navbar .desktop-version .dropdown-menu {
    background-color: #000;
    border-radius: 0;
    left: 50%;
    min-width: 250px;
    margin: 0 0 0 -125px;
    padding: 0;
}
.dropdown.show.open>.dropdown-menu {
    animation-duration: 0.3s;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
    animation-name: dropdown-menu-open;
}
@keyframes dropdown-menu-open {
    0% {
        display: block;
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(7px);
        transform: translateY(7px);
    }
}
.user-infos .firstname {
    color: #DA0087;
    text-transform: capitalize;
}
.navbar .desktop-version .dropdown-menu .dropdown-item {
    display: block;
    padding: .750rem;
    font-size: 1.125rem;
    font-family: "futura-pt",sans-serif;
    font-weight: 300;
    color: #FFF;
}
.navbar .desktop-version .dropdown-menu .dropdown-item:last-child {
    border-top: 1px solid #FFF;
}
.navbar .desktop-version .dropdown-menu .dropdown-item:last-child .glyphicons-remove {
    margin-left: auto;
}
.navbar .navbar-header,
.user-infos .progress-block,
.navbar .desktop-version .dropdown-menu .dropdown-item:last-child,
.navbar .navbar-header .logo {
    display: flex;
    align-items: center;
}
.navbar .navbar-header .logo {
    margin: 0.950em 0;
}
.navbar .desktop-version {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #fff;
}
.progress-txt {
    font-size: 0.875rem;
}
.progress-txt,
.progress-percent {
    line-height: 1.2
}
.progress-txt,
.progress-bar {
    margin-right: 0.350em;
}
.progress-bar {
    flex-grow: 8;
}
.user-infos {
    position: relative;
}
.user-infos #rqt-progress.progress-block .progress__container-bar {
    margin: 0;
}
.mobile-user-icon {
    display: block;
    background-color: #fff;
    width: 60px;
    min-width: 60px;
    height: 60px;
    margin: 0 0.750rem;
    border-radius: 100%;
    font-size: 1.750em;
    align-self: center;
}
.mobile-user-icon span {
    display: block;
    padding-top: .438rem;
    text-align: center;
    color: #DA0087;
}
.navbar .miles {
    font-size:  1.250em;
    font-weight: 500;
    color: #FFF;
}
.navbar .bt-header {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background-color: #fff;
}
.navbar .bt-header.cart {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: auto;
    padding-left: .625rem;
    margin-top: 5px;
    border-radius: .625rem;
    background-color: #f15a29;
}
.navbar .bt-header span {
    text-align: center;
    color: #333;
}
.navbar .bt-header.cart span {
    display: inline-block;
    text-align: left;
    color: #fff;
}
.navbar .bt-header.cart span + span {
    margin-left: .625rem;
    margin-right: .500rem;
}
/* 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-left: 0;
    padding-right: 0;
}
/* add for progress bar in header - the design provide qualification bundle */
.user-infos #rqt-progress.progress-block .progress__container-bar,
.user-infos #rqt-progress.progress-block #goq-progressbar-done {
    height: 15px;
}
/* header not logged page but logged */
body#logout .logged-txt {
    font-size: 1rem;
}
/* HEADER SIGN OUT */
#logout-subscription .navbar .navbar-header,
#logout .navbar .navbar-header,
.logout-catalogue  .navbar .navbar-header,
.main-nav-logout .navbar .navbar-header {
    clear: both;
    display: block;
}
#logout-subscription .navbar-header .no-logged-button,
#logout .navbar .navbar-header .no-logged-button,
.main-nav-logout .navbar .navbar-header .no-logged-button,
.logout-catalogue .navbar .navbar-header .no-logged-button {
    float: right;
    width: 20%;
}
#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 {
    float: left;
    width: auto;
    max-width: 55%;
}
#logout-subscription .flagMenu,
#logout .flagMenu,
.main-nav-logout .flagMenu,
.logout-catalogue .flagMenu {
    float: right;
}

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

/* Main container */
#main-wrapper {
    margin-bottom: 30px;
}
/* MAIN NAVIGATION */
ul[class="main-nav"]:first-child {
    list-style: none;
    list-style-position: inside;
}
.main-nav {
    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: "";
    top: 50%;
    right: 20px;
    width: 10px;
    height: 11px;
    margin-top: -3px;
    background: url(../images/main-nav-arrow.png) no-repeat 0% 0%;
}
.main-nav > li.open > a:after {
    transform: rotate(90deg);
}
/* 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 Log Out */
body#logout {
    font-size: 1.375em;
    color: #000;
}
#logout .navbar, #logout-subscription .navbar {
    margin-bottom: 0;
}
#logout h1, #logout h2,
#logout h3 {
    margin-bottom: 35px;
    line-height: 1em;
    font-size: 2.750rem;
    font-weight: 700;
}
#logout-subscription .how-it-work h2 {
    padding-left: 15px;
    color: #000;
}
#logout .rounded-img + h3 {
    font-weight: 400;
}
#logout .rounded-img + h3 + p {
    font-size: 1rem;
}
#logout h1 {
    margin-bottom: 100px;
}
#logout p {
    margin-top: 0;
}
#logout ul {
    list-style-position: inside;
}
#logout-subscription p {
    /* Original font size -> font-size: 1rem; */
    padding: 55px 15px 0 15px;
    font-size: 1.500rem;
}
#logout-subscription .footer-copyright p {
    font-size: 0.875rem;
}
#logout .section {
    padding: 40px 0;
}
.home-bg-img {
    background: url(../images/home-bg-img.jpg) no-repeat 0% 50%;
    background-size: cover;
}
.home-bg-img .container {
    min-height: 500px; /* old 728px*/
}
#logout .home-bg-img p {
    font-size: 1.875rem;
    font-weight: 700;
}
#logout .gift-example {
    text-align: center;
}
.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%;
}
/* Home Logged In*/

.home-survey-list .row {
    padding-top: 8px;
    padding-bottom: 8px;
}
.home-survey-list .row + .row {
    border-top: 1px solid #bcbcbc;
}
.home-survey-list .row > div + div {
    font-size: 1.125rem;
    color: #da0087;
}
.home-survey-list .content-show {
    height: 124px;
    overflow-y: scroll;
}
/* Registration Step 01 */
.register-photo-bg {
    background: url(../images/register-photo-bg.jpg) no-repeat 0% 50%;
    background-size: cover;
}
.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: 1.375em;
}
/* === 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;
}
#logout .bubble h3,
.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,
#logout .bubble:last-child h3 {
    line-height: 1.200em;
    font-size: 2.000rem;
}
#logout .bubble p {
    font-size: 1.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: 60px;
    margin-bottom: 30px;
    font-size: 3rem;
    font-weight: 400;
}
.wopt .row {
    padding-bottom: 60px;
}
.wopt h3 {
    margin-bottom: 35px;
    padding-top: 30px;
}
.wopt p {
    color: #6e6e6e;
    text-align: left;
}
.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%;
}
/* 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;
}
.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;
    }
}
/* 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 {
    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"]  {
    border: 1px solid #bcbcbc;
}
.card-mxm input[readonly="readonly"] {
    background-color: #f3f3f3;
}
.card-mxm .dx-texteditor-container input[type="text"] {
    border: none;
}
/* Alternative header For Card MXM */
.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;
}
/* --- 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;
}
/* T&C's page*/
.terms-container {
    margin-bottom: 60px;
    padding: 175px 20px 20px 20px;
    background: url(/bundles/app/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 .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-main-total span {
    font-size: 1.125rem;
    font-weight: 400;
}
.cart-main-total span:first-child {
    color: #6e6e6e;
}
/* 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;
}
/* === CARD LIST IN FLEXBOX === */

.list-card, .list-card--item {
    margin: 0;
    padding: 0;
    list-style: none;
}
.list-card > li + li {
    margin-top: 0;
}
.list-card, .cms-page .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;
}
.list-card--item .card-mxm--content .card-mxm--points {
    display: none;
}
/* Pagination */
.pagination {
    margin: 1.250rem 0 !important;
    text-align: right;
    list-style: none;
}
.pagination > li, .dx-pager .dx-pages .dx-page {
    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 {
    padding-bottom: .313rem;
    padding-left: .938rem;
    font-size: 1.875rem;
    font-weight: 400;
    color: #da0087;
}
.reward-form-miles 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;
    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: 35%;
}
.gift-form select {
    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;
}
/*  --- 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;
}
/*  --- STATIC PAGES --- */
.static-page h2,
.terms-container h2 {
    margin-top: 20px;
}

/* LOADER MODAL CONTAINER */
.loader--modal-container {
    position: absolute;
    top: 200px;
    left: 50%;
    z-index: 1000;
    width: 200px;
    margin-left: -100px;
    padding: 50px 0;
    background-color: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, .2);
}
.contener_general {
    margin: 0 auto;
}
/* ----------------------------- */
/* ==          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;
}
#logout .footer [class*="col-sm"]:last-child,
#logout-subscription .footer [class*="col-sm"]:last-child,
.logout-catalogue .footer [class*="col-sm"]:last-child {
    margin-top: 0;
}
.footer p.h3-like,
#logout .footer .h3-like,
#logout-subscription .footer .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;
}
#logout .footer.footer-logged [class*="col-sm"]:last-child .h3-like,
#logout-subscription .footer.footer-logged [class*="col-sm"]:last-child .h3-like,
.logout-catalogue .footer.footer-logged [class*="col-sm"]:last-child .h3-like  {
    padding: 12px;
    font-size: 0.875rem;
}
.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;
}
/* Flagz */
.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 {
    margin: 5px 0;
}
.footer a.flag {
    display: inline-block;
    width: 31px;
    height: 20px;
    opacity: 0.5;
}
.navbar-header a.flag,
.flagMenu span.flag {
    display: inline-block;
    width: 43px;
    height: 34px;
    margin-top: 4px;
}
.flagMenu span.caret {
    display: inline;
}
.footer a.flag:hover, .footer a.flag.active {
    opacity: 1;
}
.footer a.flag + a.flag {
    margin-left: 8px;
}
.big-flag-dk {
    background: url(../images/big_flag-dk.png) no-repeat 0% 0%;
}
.big-flag-sw {
    background: url(../images/big_flag-sw.png) no-repeat 0% 0%;
}
.big-flag-no {
    background: url(../images/big_flag-no.png) no-repeat 0% 0%;
}
.big-flag-fi {
    background: url(../images/big_flag-fi.png) no-repeat 0% 0%;
}
.flag-dk {
    background: url(../images/flag-dk.png) no-repeat 0% 0%;
}
.flag-sw {
    background: url(../images/flag-sw.png) no-repeat 0% 0%;
}
.flag-no {
    background: url(../images/flag-no.png) no-repeat 0% 0%;
}
.flag-fi {
    background: url(../images/flag-fi.png) no-repeat 0% 0%;
}
#logout .navbar-header .navbar-toggle {
    margin-right: .938rem !important;
}
/* Main Nav */
#logout #slide-nav .container {
    padding-left: 0;
    padding-right: 0;
}
#logout #slide-nav > .container > .navbar-header > .no-logged,
#logout-subscription #slide-nav > .container > .navbar-header > .no-logged,
.main-nav-logout #slide-nav > .container > .navbar-header > .no-logged,
.logout-catalogue #slide-nav > .container > .navbar-header > .no-logged {
    /*padding-right: 1.250rem;*/
    padding-right: 5.625rem;
}
.navbar-header .dropdown.flagMenu .dropdown-menu {
    border: none;
    min-width: 65px;
    padding: 5px;
    text-align: center;
}
.dropdown.flagMenu .dropdown-menu>li>a {
    padding: 3px 16px;
}
.flagMenu button, #logout .flagMenu button {
    background-color: #FFF;
    width: 65px;
    height: 42px;
    margin: .238rem 0;
    padding: 0;
    border-radius: 5px;
}
/* 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: 80px;
    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: absolute;
    top: 80px;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 5000px;
    background-color: rgba(0, 0, 0, .4);
}
.sidebar .main-nav {
    margin-top: 0;
}


/* ----------------------------- */
/* ==          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;
}
.navbar {
    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 */
.navbar .container {
    position: relative;
}
/* 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) {
    /* logged out properties */
    #logout #slide-nav .container:first-child {
        margin: 0 auto;
    }
    /* Basic properties */
	#slide-nav .container {
	    margin: 0;
	    padding: 0!important;
	}

	#slide-nav .navbar-header {
        width: 100%;
	    margin: 0 auto;
	    padding: 0 15px 0 0;
	}
	#slide-nav {
	    border-top: 0;
	}
    /* #slide-nav.navbar-inverse #slidemenu {  */
    .navbar .container {
        position: initial;
    }
	/* 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.navbar-inverse #navbar-height-col {
	    z-index: 1;
	    border: 0;
	}
}
/* Specials styles for tablet and desktop */
@media (min-width:992px) {
	.navbar-header {
	    left: 0!important
	}
    .navbar-header {
        float: none;
    }
    #logout #slide-nav > .container > .navbar-header > .no-logged,
    #logout-subscription #slide-nav > .container > .navbar-header > .no-logged {
        padding-top: 1.500rem;
    }
    #logout-subscription .flagMenu,
    #logout .flagMenu {
        padding-top: 1.200rem;
    }
    .main-nav-logout #slide-nav > .container > .navbar-header > .no-logged,
    .logout-catalogue #slide-nav > .container > .navbar-header > .no-logged {
        padding-top: 1.100rem;
    }
    .main-nav-logout .flagMenu,
    .logout-catalogue .flagMenu {
        padding-top: 0.800rem;
    }
}
/* ---[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-body {
    padding: 20px 20px 30px 20px;
}
.modal-footer {
    padding: 20px;
}
.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: 10000;
    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;
}

/* ---[DEV EXPRESS]--- */
/* Filters in the nav column */
.filters .dx-fieldset {
    margin: 0 0 20px 0;
}
.filters .dx-field-value {
    padding-right: 5px;
}
.filters .dx-field-value + .dx-field-value {
    padding-right: 0;
}
.filters .dx-fieldset-header {
    margin: 0 0 10px 0;
    color: #000;
}
.filters .dx-fieldset-header p.pull-right  {
    margin: 0;
}
.filters .dx-fieldset-header p.pull-right a,
.filters-cat-header a {
    font-size: 	0.875rem;
    font-weight: 300;
    color: #000;
    text-decoration: underline;
}
.filters-cat-header p.pull-left {
    font-weight: 500;
}
.dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) {
    width: 39%;
}
.filters .dx-field {
    margin: 0;
}
.filters #handler-range-slider {
    margin-bottom: 40px;
}
.filters .dx-numberbox-spin-container {
    width: 20px;
}
#applySlider {
    width: 40px;
    height: 40px;
    border-radius: 100%;
}
/* Data grid for statement */
.dx-datagrid-pager {
    border-top: 1px solid #bcbcbc;
}
.dx-pager .dx-pages .dx-page {
    padding: 0;
    color: #6e6e6e;
}
.dx-pager .dx-pages .dx-selection,
.dx-pager .dx-page-sizes .dx-selection {
    color: #fff;
}
#grid-awarded .dx-datagrid-rowsview,
#grid-awarded .dx-datagrid-rowsview tr > td:first-child a {
    font-size: 1.1rem;
    font-weight: 300;
    color: #6e6e6e;
}
#grid-awarded .dx-datagrid-rowsview tr > td:first-child a {
    padding: 0;
    color: #000;
}
#grid-awarded .dx-datagrid-rowsview tr > td:first-child a:hover {
    color: #1d97ad;
}
#grid-awarded .dx-datagrid-rowsview tr > td:first-child a:after {
    content:"\E237";
    display: inline-block;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    margin-left: 15px;
    padding-top: 3px;
    border-radius: 100%;
    font-family: 'Glyphicons Regular';
    font-size: 1rem;
    color: #fff;
    background-color: #1d97ad;
}
#grid-awarded .dx-datagrid .dx-row > td {
    padding: 15px;
}
#grid-awarded .dx-datagrid .dx-row.dx-datagrid-filter-row > td {
    padding: 5px;
}
.dx-datagrid-headers .dx-datagrid-table .dx-row:last-child td {
    border-bottom: none;
}
#grid-awarded .dx-datagrid .dx-datagrid-rowsview .dx-column-lines > td {
    border: none;
}
#grid-awarded .dx-datagrid .dx-header-row > td {
    border-left: none;
    border-right: none;
}
#grid-awarded .dx-datagrid-rowsview tr > td:first-child {
    color: #000;
}
#grid-awarded .dx-datagrid-rowsview .statement-points {
    font-weight: 400;
}
.dx-datagrid-rowsview .dx-master-detail-row.dx-adaptive-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell {
    background-color: #f3f3f3;
}
/* --- [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;
}
.fm-container .alert {
    /*width: 74.5%;
    margin-left: 25.5%;*/
    margin-bottom: 30px;
}
#logout .fm-container .alert {
    width: auto;
    margin-top: 30px;
    margin-left: 0;
    margin-right: 5px;
}
#without-nav .flash-message-container .alert {
    width: 99%;
    margin-left: -2%;
    margin-top: 30px;
}
.fm-container button,
#logout .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;
}
@media (min-width: 768px) {
    .mobile-version {
        display: none;
    }
    .fm-container {
        width: 750px;
    }
    #logout-subscription .fm-container .alert {
        width: 100%;
        margin-top: 30px;
    }
    .navbar-collapse.collapse {
        display: flex !important;
        flex-direction: row-reverse;
        align-items: center;
    }
}
@media (min-width: 992px) {
    .fm-container {
        width: 970px;
    }
    #logout-subscription .fm-container .alert {
        width: 100%;
        margin-top: 30px;
    }
    .navbar-header {
    left: 0!important
    }
    .navbar-header {
        float: none;
    }
}
@media (min-width: 1200px) {
    .fm-container {
        width: 1170px;
    }
    #logout-subscription .fm-container .alert {
        width: 100%;
        margin-top: 30px;
    }

}
/* REQUALIFICATION TOOL */
#goq-main-container {
    padding-bottom: 30px;
}
/* TRAC SUBSCRIPTION */
/* [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;
}
#logout-subscription.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;
}
#logout-subscription.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;
}
/* ---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;
    }
}
@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;
   }
}
@media (max-width: 768px) {
    #logout #slide-nav > .container > .navbar-header > .no-logged,
    #logout-subscription #slide-nav > .container > .navbar-header > .no-logged,
    .main-nav-logout #slide-nav > .container > .navbar-header > .no-logged,
    .logout-catalogue #slide-nav > .container > .navbar-header > .no-logged  {
        padding-top: 0.750rem;
        padding-right: 0;
        padding-left: 15px;
    }
    .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;
    }

}


/* ----------------------------- */
/* ==       MEDIA QUERIES        */
/* ----------------------------- */
@media screen and (max-width: 1200px) {
    .home-bg-img {
        background: url(../images/home-bg-img-md.jpg) no-repeat 0% 50%;
        background-size: cover;
    }

    /* 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;
    }
    /* DEV EXPRESS */
    .dx-adaptive-detail-row .dx-first-row label.dx-field-item-label + .dx-field-item-content {
        font-size: 1.250rem;
        color: #da0087;
    }
    /* 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;
    }
    #logout-subscription .navbar-header,
    .main-nav-logout .navbar-header,
    .logout-catalogue .navbar-header,
    #logout .navbar-header {
        background-color: #333;
    }
    .navbar .bt-header.cart {
        width: 100%;
        margin: .513rem 0;
    }
    .navbar .navbar-header .header-logo {
        width: 100%;
        background-color: #333;
        align-self: flex-start;
    }
    .navbar .navbar-header .punchline {
        display: none;
    }
    .navbar .navbar-header {
        flex-direction: column;
    }
    .navbar .desktop-version {
        display: none;
    }
    .menu-burger {
        position: relative;
        float: left;
        width: 30px;
        height: 30px;
		padding: 40px;
        cursor: pointer;
        vertical-align: middle;
    }
    .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: 32px;
    }
    .menu-burger > span:nth-child(2) {
        top: 40px;
    }
    .menu-burger > span:nth-child(3) {
        top: 48px;
    }
    .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: 50px;
		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;
    }
    .navbar > .container {
        width: 100%;
    }
    #slide-nav > .container > .navbar-header {
        width: 100%;
    }
    #logout .navbar-header .navbar-toggle {
        margin-right: 0.550rem !important;
        margin-top: 0.350rem !important;
    }
    .flagMenu button {
        margin: 0.538rem 0;
    }
    #logout .flagMenu button {
        margin: 0.700rem 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;
    }
    .navbar-header > .clearfix-tablet {
        display: block;
    }
    .navbar-header .desktop-version .dropdown {
        display: none;
    }
    #ResultNb {
        padding-left: 20px;
    }
    #ResultNb span:first-child {
        font-size: inherit;
    }
    .main-nav-logout #slide-nav > .container > .navbar-header > .no-logged,
    .logout-catalogue #slide-nav > .container > .navbar-header > .no-logged {
        padding-top: 1.350rem;
    }
    /* Footer */
    .footer [class*="col-sm"] {
        margin-top: 0;
    }
    .footer-logo {
        background-position: 50% 0%;
        margin-top: 15px;
        margin-bottom: 30px;
    }
    .footer a.flag + a.flag {
        margin-left: 3px;
    }
    .footer-country-selection {
        margin-top: 30px;
    }
    /* Home Logout */
    .logo,
    .navbar .navbar-header .logo {
        margin: 1.500rem 0 0 0.938rem;
    }
    .logo, .navbar .navbar-header .menu-burger + .logo {
        margin: 2.000rem 0 0 0.938rem;
    }
    .navbar .navbar-header .logo {
        width: 118px;
    }
    .main-nav-logout .dropdown.flagMenu,
    .logout-catalogue .dropdown.flagMenu,
    .logout-catalogue .navbar-toggle,
    .main-nav-logout .navbar-toggle {
        margin-top: 0.750em;
    }
    .logout-catalogue .navbar-toggle,
    .main-nav-logout .navbar-toggle {
        margin-right: 10px;
    }
    #account-login-menu .sign-in {
        margin-right: .938rem;
    }
    #account-login-menu .sign-in {
        margin-right: 15px;
    }
    /* 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;
    }

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

}
/* 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) {
    .card-mxm--content {
        overflow-wrap: break-word;
    }
    /* Log Out */
    .navbar-header .dropdown.flagMenu .dropdown-menu {
        right: 0;
        width: auto;
    }
    .main-nav-logout #account-login-menu .sign-in,
    .logout-catalogue #account-login-menu .sign-in,
    #logout-subscription #account-login-menu .sign-in,
    #logout #account-login-menu .sign-in  {
        margin-left: 0;
        margin-right: 0;
    }
    /* Column specific */
    .row > .col-xs-12 + .col-xs-12,
    .footer .col-xs-12 + .col-xs-12 {
        margin-top: 20px;
    }
    .survey-list-page .card-content .row > .col-xs-12 + .col-xs-12 {
        margin-top: 0;
    }
    [class*="col-"].no-padding {
        padding-left: 15px;
        padding-right: 15px;
    }
    /* HEADER LOGO */
    .logo, .navbar .navbar-header .logo {
        width: 160px;
    }
    #logout .navbar-toggle {
        margin: 0 0 0 auto;
    }
    .navbar .mobile-version {
        display: none;
    }
    #slide-nav > .container > .navbar-header {
        width: auto;
    }
    /* HEADER SIGN OUT */
    #logout #slide-nav > .container > .navbar-header > .no-logged {
        padding-right: 0;
        z-index: 2000;
    }
    #logout .no-logged,
    #logout .no-logged #account-login-menu,
    .navbar .navbar-header .no-logged,
    .navbar .navbar-header .no-logged #account-login-menu {
        width: 100%;
    }
    .navbar-header .dropdown.flagMenu {
        max-width: 30%;
    }
    #account-login-menu .sign-in {
        margin-left: .938rem;
        margin-top: .938rem;
    }
    .sign-in .pull-left {
       float: none;
    }
    /* HEADER SIGN IN */
    .navbar button[data-target="#account-login-menu"],
    #logout .navbar button[data-target="#account-login-menu"] {
        width: 50px;
        height: 50px;
        padding: 0;
        background-color: #4c4c4c;
        border-radius: 100%;
    }
    .navbar-inverse button[data-target="#account-login-menu"].navbar-toggle:focus,
    .navbar-inverse button[data-target="#account-login-menu"].navbar-toggle:hover {
        background-color: #4c4c4c;
    }
    .navbar button[data-target="#account-login-menu"] span {
        color: #fff;
    }
    .navbar .sign-in .form-group,
    .navbar .sign-in .form-group + .form-group {
        float: none;
        width: 100%;
    }
    .navbar .sign-in .form-group + .form-group {
        margin-top: 20px;
        margin-left: 0;
    }
    .navbar .sign-in button .glyphicons.glyphicons-tick {
        display: none;
    }
    .navbar .sign-in button .not-header {
        display: block;
    }
    .navbar .sign-in button[type="submit"],
    #logout .navbar .sign-in button[type="submit"] {
        width: 100%;
        margin: 20px 0;
        border-radius: 0;
    }
    .navbar .logged-txt .pull-left.marg-left-20 {
        min-width: 182px;
    }
    #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 {
        max-width: inherit;
    }
    /* MAIN NAV */
    .has-sidebar .nav__container, .sidebar-overlay {
        top: 80px;
    }
    /* WELCOME BOX */
    .navbar .bt-header.cart .glyphicons {
        display: none;
    }
    .navbar .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;
    }
    .navbar .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-120 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    #logout .bg-white .how-it-work {
        padding: 0;
    }
    #logout h1 {
        margin-bottom: 0;
    }
    #logout .gift-example img {
        width: 100%;
    }
    #logout .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;
    }
    #logout [class*="bg-"] .how-it-work h2,
    #logout-subscription .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-xs-12 + .col-xs-12 {
        margin-top: 20px;
    }
    form input[type="checkbox"] + label {
        display: inline;
    }
    #logout .section .row .col-xs-12 button.bg-orange.marg-left-15 {
        margin-left: 0;
    }
    /* 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;
    }
    /* 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;
    }
    .card-mxm.gift .cart button.cart--remove-item {
        top: 15px;
        right: 15px;
        left: auto;
        width: 60px;
        border-radius: 0;
    }
    .card-mxm.gift .cart .cart--quantity button {
        display: inline-block;
        float: none;
        margin-top: 0;
        margin-left: 0;
    }
    .cart-main-total .col-xs-12 + .col-xs-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;
    }
    /* DEV EXPRESS */
    #grid-awarded .dx-texteditor-buttons-container {
        display: none;
    }
    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-editor-with-menu {
        display: none;
    }
    .dx-datagrid-content .dx-datagrid-table .dx-row .statement-points.dx-editor-cell .dx-editor-with-menu {
        display: block;
    }
    .dx-adaptive-detail-row .dx-first-row label.dx-field-item-label + .dx-field-item-content {
        font-size: 1.250rem;
        color: #da0087;
    }
    .dx-numberbox-spin-touch-friendly .dx-texteditor-input {
        padding-right: 28px;
    }
    .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;
   }
}
@media screen and (max-width: 425px) {
    p {
        line-height: normal;
    }
    .button-like,
    #logout .button-like {
        height: auto;
    }
    #resetAll.button-like {
        height: 40px;
    }
}
@media screen and (max-width: 376px) {
    .logo, .navbar .navbar-header .logo {
        width: 100px;
    }
    .has-sidebar.main-nav-logout .nav__container {
        top: 75px;
    }
    .main-nav-logout .sidebar-overlay {
        top: 75px;
    }
    #login-subscription .contact-number .input-group input[type="text"] {
        width: 63%!important;
    }
    .main-nav-logout .menu-burger,
    .logout-catalogue .menu-burger {
        padding: 2.345rem;
    }
    #logout-subscription #optout label img {
        width: 30%;
    }
    .main-nav-logout div[data-simplersidebar=mask],
    .main-nav-logout #sidebar,
    .logout-catalogue div[data-simplersidebar=mask],
    .logout-catalogue #sidebar {
        top: 80px !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;
    }
    .main-nav-logout div[data-simplersidebar=mask],
    .main-nav-logout #sidebar,
    .logout-catalogue div[data-simplersidebar=mask],
    .logout-catalogue #sidebar {
        top: 75px !important;
    }
}
@media screen and (max-width: 320px) {
    #logout-subscription .register-photo-bg .pad-top-120 {
        padding-top: 60px;
    }
    form .country-selection .btn-group .btn {
        padding-left: 2.75em;
        text-align: left;
    }
    .has-sidebar .nav__container, .sidebar-overlay {
        top: 80px;
    }
}