/* -------------------------------------- */
/* ==   SUMMARY                        == */
/* -------------------------------------- */
/*

 # Additional normalize reset

 # BASE
    # TYPOGRAPHY
    # LINKS
    # BROWSERS CONSISTENCY
    # FORM

 # Regrouping properties

 # LAYOUT
    # HIDING
    # HEADER
    # CONTAINER
    # FOOTER
    # UTILITY CLASS

 # MODULES
    # FLAGZ
    # LINKS
    # TYPOGRAPHY
    # LIST
    # CARD LIST IN FLEXBOX
    # MXM CARD BLOCK
    # UTILITY CLASS
    # ARROWS
    # FORM
    # TABLE
    # MAIN NAVIGATION
    # FILTERS
    # LOADER
    # FLAGZ
    # PAGINATION
    # BUBBLES
    # HOME LOG OUT
    # HOME LOG IN
    # MAXIMAIL OPTIN/OPTOUT
    # OPTIN PAGE
    # MY OPINION INDEX PAGE
    # SWITCH BUTTONS
    # ERROR PAGE
    # LOTTERY WINNERS
    # STATEMENT BOX
    # BLOCK SHARE

 # JS PLUGINS
    # SIMPLE SIDEBAR JS
    # SLICK JS
    # BOOTSTRAP JS COMPONENT
    # DATATABLE
    # COOKIE BANNER JS
    # SELECT2
    # JS TREE VIEW
    # JQUERY UI DATEPICKER

 # BUNDLES
    # COMPLAINT
    # FLASH MESSAGES
    # QUALIFICATION
    # TRAC SUBSCRIPTIONS
    # GDPR
    # CMS
    # SURVEYS
    # CATALOGUE

 # STATES
    # GRID
    # TYPOGRAPHY
    # LINKS
    # UTILITY CLASS
    # FORM
    # LOGOUT PAGES
    # MAIN NAV
    # FLAGZ
    # PAGINATION
    # BUBBLES
    # MXM CARD BLOCK
    # LIST

 # MEDIAQUERIES
    # MIN WIDTH
    # MAX WIDTH
*/


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


/* -------------------------------------- */
/* ==   BASE                           == */
/* -------------------------------------- */

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);
}
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") */
    background-color: #fff;
    color: #6e6e6e;
    /* disallow text zooming on orientation change (non standard property) */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    /* Old Android bugfix */
    -webkit-animation: bugfix infinite 1s;
}
/* === HEIGHT === */

.h-100 {
    height: 100%;
}

/* === TYPOGRAPHY === */

p, .p-like, ul, ol, dl, blockquote,
pre, td, th, caption, details, figure {
    margin-top: 0.75em;
    margin-bottom: 0;
    line-height: 1.5;
}
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 1.250rem 0;
    font-size: 2.125rem;
    line-height: 1;
}
h2, .h2-like {
    font-size: 2.125rem;
    margin-top: 2.500rem;
    margin-bottom: 1.250rem;
    line-height: 1;
}
h3, .h3-like { font-size: 2.4rem; }
h4, .h4-like {
    margin-bottom: 0;
    font-size: 1.500rem;
}
h5, .h5-like { font-size: 1.3rem; }
h6, .h6-like { font-size: 1.2rem; }
em, .italic, address, cite, dfn, i, var {
    font-style: italic;
    color: #999;
}
strong, .bold { font-weight: bold; }
small, sub, sup { font-size: smaller; }

hr {
    border: 1px solid #bcbcbc;
    border-right: none;
    border-bottom: none;
    border-left: none;
}
/* === LINKS === */

a {
    color: #00c6ff;
    text-decoration: none;
}
a:hover, a:focus, a:active {
    color: #1d97ad;
    outline: none;
}

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

/* === FORM === */

form .required:after {
    content:"*";
}
/* Label */
label {
    font-size: 1.125em;
    color: #000;
}
/* Checkbox/Radio */
form input[type="checkbox"],
form input[type="radio"] {
    display: inline-block;
    margin-top: .625rem;
    vertical-align: top;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
    display: inline-block;
    width: 95%;
}
/* Input */
input[type="text"], input[type="email"],
input[type="password"], select,
input[type="number"],
.statement-container .dataTables_wrapper .dataTables_filter input[type="search"] {
    width: 100%;
    height: 40px;
    padding-right: .625rem;
    padding-left: .625rem;
    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 IOS */
input[type="text"], input[type="email"],
input[type="password"], input[type="submit"],
input[type="number"], input[type="button"],
.statement-container .dataTables_wrapper .dataTables_filter input[type="search"] {
    -webkit-appearance: none;
    border-radius: 0;
}
/* Select */
select {
    height: 45px;
    border-radius: 0;
    background: #FFF url('../images/arrow_select_down.svg') no-repeat 95% 50%;
    background-size: 10px;
    -webkit-appearance: none;
}
/* Textarea */
textarea {
    padding: .625rem;
    border: 1px solid #bcbcbc;
    font-size: 1rem;
    font-family: "futura-pt",sans-serif;
}
/* Button/Submit */
button, input[type="button"], input[type="submit"], .button-like,
input[type="submit"]#bilendi_complaint_comment_claim_submit {
    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;
    cursor: pointer;
    -webkit-appearance: none;
}
/* 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;
}
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;
}
/* Disabled State */
input[disabled] {
    background-color: #e4e4e4;
    color: #6e6e6e;
}
/* Tooltip in form */
form a[data-toggle="tooltip"] {
    cursor: default;
}
/* transfer request form */
.transfer_request input[type="text"]{
    border: 1px solid #bcbcbc;
}
.form-error {
    color: #f01212;
    font-style: italic;
}
/* help text */
.help-text {
    font-size: 0.8rem;
    color: #6e6e6e;
    line-height: 1rem;
}
.txt-required {
    font-size: 0.8rem;
    font-style: italic;
}

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

button, input[type="button"], label,
input[type="submit"], .button-like,
button > a, .input-prepend,
.error em, #errorsChangeEmail,
form .btn-group label[class="btn btn-primary active"]:after,
.header .sign-in a, .main-nav li a,
.main-nav > li > a:after,  .card-content .card-points > span,
.card-block .card-header-dark-grey > .glyphicons,
.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 > li > a,
.survey-list-page span.glyphicons-history,
.survey-list-page span.glyphicons-coins,
.footer.footer-logged ul li,
.slick-arrow .icon-arrow, .home-survey-list .no-padding-left a {
    display: block;
}
.header .sign-in .form-group, .survey-list > li > a,
.footer a.flag, .filters .dx-field-value,
.pull-left {
    float: left;
}
.pull-right, .header .sign-in button, .header .bt-header,
.survey-list > li > a + span, .card-block .cart .cart--quantity button,
#applySlider {
    float: right;
}
.arrow-box-bottom, .arrow-box-top, form .btn-group label,
.complaint-compagny-sending p.complaint-message,
.complaint-customer-sending p.complaint-message,
.arrow-box-left, .arrow-box-right, .header .sign-in .form-group,
.main-nav li a, .main-nav .dropdown-menu, .card-block,
.card-block .card-header-dark-grey, .card-img-container,
.card-content, .card-block .cart .cart--quantity button,
.card-content .cart span[class*="glyphicons-"], #rewards,
.reward-detail-img-container .marg-left-right-20, .survey-list-page,
.survey-list-page .link-container, #pinterest-grid, .header, .modal-header,
.navbar.navbar-fixed-top.slide-active, .slick-dots li, body {
    position: relative;
}
.arrow-box-bottom:after, .arrow-box-top:after,
.arrow-box-left:after, .arrow-box-right:after,
.complaint-compagny-sending p.complaint-message:after,
.complaint-customer-sending p.complaint-message:after,
.modal-header button[data-dismiss="modal"],
[data-toggle=buttons] > .btn input[type=checkbox],
[data-toggle=buttons] > .btn input[type=radio],
[data-toggle=buttons] > .btn-group > .btn input[type=checkbox],
[data-toggle=buttons] > .btn-group > .btn input[type=radio],
form .btn-group label[class="btn btn-primary active"]:after,
.main-nav > li > a:after,
.card-block .card-header-dark-grey > .glyphicons,
.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;
}
#login-subscription h1 {
    text-align: center;
}
.confirm-email h1, .confirm-email h2, .confirm-email h3, .confirm-email p, .footer p {
    text-align: left;
}


/* -------------------------------------- */
/* ==   LAYOUT                         == */
/* -------------------------------------- */

/* === CAPTCHA === */

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

/* === HIDING === */

/* hidden but not for an assistive technology like a screen reader, Yahoo! method */
.visually-hidden {
    position: absolute !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
}
.body > script, .hide,
.no-label label, .header .sign-in label,
.header .sign-in .not-header, .card-hover-content,
.main-nav > li.main-nav-title > a:after, .card-hover-effect,
.footer.footer-logged ul li + li:before, .footer .flag span,
#slidemenu, .fm-container button .sr-only,
.header-logo a.flag.active, .header-logo .flag span {
    display: none;
}

.header .sign-in .not-header {
    display: block;
}

@media screen and (max-width: 767px) {
    .no-mobile, *[class*="col"].mobile,
    .line-separator.no-mobile, span[class*='icon-'].no-mobile  {
        display: none;
    }
    #frc_captcha_tt {
        margin-top: 0 !important;
    }
}
@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: 992px) {
    .no-desktop, .clearfix.no-desktop, .only-mobile {
        display: none;
    }
}
/* Hiding element but not for blinded browser */
.sr-only {
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -.063rem;
  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;
}

/* === HEADER === */

.header {
    border: none;
    border-radius: 0;
    z-index: 999;
}
.logo {
    width: 140px;
    margin: -1rem 0;
}
/*.header .container,*/
.logo,
.header-login-language,
.header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header .container:before,
.header .container:after {
    display: none;
}
/* Special case for main nav links which are hidden when knp render the menu */
.main-nav li ul li.current_ancestor a {
    color: #da0087;
}
#account-login-menu {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
}
.profile-question--page .header .container:before,
.profile-question--page .header .container:after {
    display: none;
}


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



.header-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

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

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


/* === CONTAINER === */

.container.content {
    padding-top: 5.000rem;
}
#main-wrapper {
    padding-bottom: 1.25rem;
}
/* === FOOTER === */

.footer, .footer-copyright,
#login-subscription .footer-copyright {
    padding: 1.250rem 0;
    font-size: 0.875rem;
    font-weight: 300;
    color: #fff;
}
.footer a, .footer-copyright a,
#login-subscription .footer-copyright a,
#login-subscription .footer-copyright p {
    color: #fff;
}

.footer [class*="col-sm"] {
    margin-top: 0;
}
.footer.footer-logged [class*="col-sm"] {
    margin-top: 0;
}
.footer.footer-logged [class*="col-sm"] .row [class*="col-sm"] {
    margin-top: 0;
}
.footer p.h3-like {
    padding: .750rem;
    font-size: 0.875rem;
    font-weight: 700;
    color: #fff;
}
.footer.footer-logged [class*="col-sm"] .h3-like {
    line-height: 0.7;
}

.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: .625rem;
    padding: 0 .750rem;
}
.footer-logo {
    width: 80px;
    height: 72px;
    margin-bottom: .938rem;
    margin-left: auto;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}
.footer-logo.logo-de {
    background-image: url(../images/logo-de-footer.svg);
}
.footer-logo.logo-at {
    background-image: url(../images/logo-at-footer.svg);
}
.footer-logo.logo-fr_ch {
    background-image: url(../images/logo-fr_ch-footer.svg);
}
.footer-logo.logo-it_ch {
    background-image: url(../images/logo-it_ch-footer.svg);
}
.footer-logo.logo-de_ch {
    background-image: url(../images/logo-de_ch-footer.svg);
}
/* List navigation */
.footer ul {
    margin-left: .750rem;
    margin-right: .750rem;
    list-style: none;
    list-style-position: inside;
}
.footer ul > + p {
    margin-top:  1.250rem;
}
.footer ul li {
    display: inline-block;
}
.footer ul li + li:before {
    content: "-";
    display: inline-block;
}
.footer ul.link-content {
    margin-top: .625rem;
    margin-left: 0;
    padding: 0 .750rem;
}
.footer ul.link-content li {
    margin-right: .313rem;
}
.footer ul.link-content li + li:before {
    content: none;
}
.footer.footer-logged .footer-other-website {
    margin: 1.875rem 0;
}
.footer .h3-like a,
.footer p.h3-like span {
    display: block;
    padding: .750rem;
    font-weight: 700;
}
.footer .footer-other-website, .footer.footer-logged .footer-other-website {
    margin-bottom: 1.563rem;
    margin-top: 0;
}
.footer.footer-logged .footer-logo.no-desktop + .col-sm-9 {
    margin-top: 1.625rem;
}
.footer .footer-country-selection {
    margin-top: 0;
    margin-bottom: 1.563rem;
}
/* === UTILITY CLASS === */

/* Clearfix */
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}
/* Margin class */
.marg-top-10 { margin-top: .625rem; }
.marg-top-20 { margin-top: 1.250rem; }
.marg-top-30 { margin-top: 1.875rem; }
.marg-top-40 { margin-top: 2.500rem; }
.marg-top-60 { margin-top: 3.750rem; }
.marg-bot-20 { margin-bottom: 1.250rem; }
.marg-bot-30 { margin-bottom: 1.875rem; }
.marg-bot-60 { margin-bottom: 3.750rem; }
.marg-bot-120 { margin-bottom: 7.500rem; }
.marg-left-15 { margin-left: .938rem; }
.marg-left-20 { margin-left: 1.250rem; }
.marg-right-15 { margin-right: .938rem; }
.marg-left-right-15 {
    margin-left: .938rem;
    margin-right: .938rem;
}
.marg-left-right-20 {
    margin-left: 1.250rem;
    margin-right: 1.250rem;
}
.marg-top-negatif-30 {
    margin-top: -30px;
}
/* Padding class */
.pad-all-20 { padding: 1.250rem; }
.pad-top-20 { padding-top: 1.250rem; }
.pad-top-28 { padding-top: 1.750rem; }
.pad-top-30 { padding-top: 1.875rem; }
.pad-top-40 { padding-top: 2.500rem; }
.pad-top-60 { padding-top: 3.750rem; }
.pad-top-120 { padding-top: 7.500rem; }
.pad-bot-30 { padding-bottom: 1.875rem; }
.pad-bot-60 { padding-bottom: 3.750rem; }
.pad-right-15 { padding-right: .938rem; }
.pad-left-right-20 {
    padding-left: 1.250rem;
    padding-right: 1.250rem;
}
.pad-left-right-30 {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
}
/*  Min-height */
.min-height-48 { min-height: 3.000rem; }

.no-padding-survey {
    padding: 0;
}


/* -------------------------------------- */
/* ==   MODULES                        == */
/* -------------------------------------- */

/* === FLAGZ === */
.footer-country-selection ul {
    margin-right: 0;
}
.flag {
    display: block;
    width: auto;
    height: 100%;
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
.flag-icon {
    width: 30px;
    height: 23px;
    border-radius: 4px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .3s ease-in-out;
    opacity: 0.5;
}
.flag-icon:hover, .flag-icon.active {
    opacity: 1;
}
.dropdown-menu .flag {
    width: 40px;
    height: 30px;
}
.flagMenu button {
    padding: 0 0 10px 0;
    background-color: transparent;
    width: 60px;
    height: 52px;
}
.flag.flag-it_ch {
    background-image: url(../images/flag/flag-ch-it.svg);
}
.flag.flag-fr_ch {
    background-image: url(../images/flag/flag-ch-fr.svg);
}
.flag.flag-de_ch {
    background-image: url(../images/flag/flag-ch-de.svg);
}

/* POSSIBLE PROGRAMS PAGE */
.possible-prog__list {
    margin-top: 2.000rem;
    margin-right: -15px;
    margin-left: -15px;
}
.possible-prog__list .card {
    position: relative;
    height: 100%;
    border: 1px solid #bcbcbc;
}
.possible-prog__list .card .flag-icon {
    opacity: .5;
}
.possible-prog__list .card:hover .flag-icon {
    opacity: 1;
}
.possible-prog__list .card:hover a {
    color: #000;
}
.possible-prog__list .card-body {
    display: flex;
    align-items: center;
    padding: 1rem 1.500rem;
    text-align: center;
}
.possible-prog__list .card-body a {
    color: #6e6e6e;
}
.possible-prog__list .flag-icon {
    width: 40px;
    height: 30px;
    margin-right: 1.000rem;
    border-radius: 6p;
}

/* === LINKS === */

a.underline, td.underline a {
    color: #00a5db;
    text-decoration: underline;
}
a.underline.txt-black {
    color: #000;
    text-decoration: underline;
}
.txt-link {
    text-decoration: underline;
    color: #6e6e6e;
}
/* 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 {
    display: block;
    padding-top: .313rem;
    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;
    }
}
.button-no-grid {
    display: inline-block;
    margin: 0 auto;
    padding: .938rem 1.875rem;
    border: none;
    text-align: center;
    font-size: 1.700rem;
    background-color: #f15a29;
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.button-no-grid:hover {
    color: #fff;
}

/* === TYPOGRAPHY === */

/* Hero text */
.hero-txt {
    font-size: 3.625rem;
    font-weight: 700;
    line-height: 0.8em;
    color: #000;
    z-index: 1;
}
.hero-txt .small {
    font-size: 0.603em;
}
.hero-txt .smallest {
    font-size: 0.517em;
}
.hero-txt .smallest .big {
    font-size: 1.400em;
}
/* 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; }
/* Text Alignment */
.txt-center { text-align: center; }
.txt-right { text-align: right; }
.txt-left { text-align: left; }
/* Text Colors */
.txt-pink    { color: #da0087; }
.txt-orange  { color: #f15a29; }
.txt-black, a.button-like.txt-black:hover {
    color: #000;
}
.txt-blue, a.button-like.txt-blue:hover,
a.bg-white.button-like.txt-blue:hover {
    color: #1d97ad;
}
.txt-white, input[type="submit"].bg-orange,
.bg-blue-medium, .modal-cart__btn-cart {
    color: #fff;
}
.txt-grey { color: #6e6e6e; }
.in-form-txt { font-size: 1.125em; }

/* === LIST === */

.basic-list {
    margin: 2.500rem auto 0 auto;
    text-align: center;
}
.basic-list > li {
    list-style-type: none;
    display: inline-block;
    margin: .500rem;
}
.basic-bullet {
    list-style-position: inside;
}
.basic-bullet > li {
    margin-left: 2.500rem;
}
.basic-bullet > li + li {
    margin-top: .625rem;
}

/* === CARD LIST IN FLEXBOX === */

.list-card, .list-card--item {
    margin: 0;
    padding: 0;
    list-style: none;
}
.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;
}

/* === BANNER DOWNLOAD APP === */

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

.card-mxm {
    position: relative;
    border: 1px solid #bcbcbc;
}
.card-mxm--img {
    width: 100%;
}
.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.panel.card-block__with-header .card-mxm--icon-bt {
    top: 50px;
    right: 20px;
}
.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;
    transition: width .3s ease-in-out, border-radius .3s ease-in-out;
}
.rqt-card.card-block .card__button-class {
    transition: width .3s ease-in-out, border-radius .3s ease-in-out;
}
.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--mini-title {
    font-size: 0.750em;
}
.card-mxm--content {
    position: relative;
    padding: 1.875rem 1.250rem 1.250rem 1.250rem;
    color: #6e6e6e;
}
.card-mxm--content h1 + h2,
.card-mxm.is-webview h1 + h2 {
    padding: 0;
    font-size: 1.250rem;
    font-weight: 400;
}
.card-mxm--content h2,
.card-mxm.is-webview h2 {
    font-size: 1.250rem;
    margin-bottom: .625rem;
}
.card-mxm--content h3, .card-mxm--content h1,
.card-mxm--content h2.h1-like,
.card-mxm.is-webview h3, .card-mxm.is-webview h1,
.card-mxm.is-webview h2.h1-like {
    margin: 1rem 0 1.250rem 0;
    font-size: 1.500rem;
    font-weight: 400;
    line-height: 1;
}
.card-mxm--content p,
.card-mxm.is-webview p {
    margin-top: 0;
}
.card-mxm--content p + p,
.card-mxm.is-webview p + p {
    margin-top: .625rem;
}
.card-mxm.is-webview .order__link {
    position: relative;
}
.card-mxm.is-webview .order__link-icon {
    right: 0;
}
.card-mxm--content .card-mxm--points {
    display: none;
}
.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;
}
/* Hover Effect */
.card-mxm--hover-effect {
    z-index: 10;
    width: 100%;
    height: 0;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity .5s ease-in-out;
}
.rqt-card.card-block .card__hover-effect {
    height: 0;
    opacity: 0;
    transition: opacity .5s ease-in-out;
}
.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,
.rqt-card.card-block.card__hover:hover .card__hover-effect,
.rqt-card.card-block.card__hover:active .card__hover-effect,
.rqt-card.card-block.card__hover:focus .card__hover-effect {
    height: 100%;
    opacity: 1;
}
.has-hover-effect:hover .card-mxm--hover-content,
.has-hover-effect:hover .card-mxm--icon-bt span:first-child,
#main-wrapper .rqt-card.card-block .card__hover-effect {
    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;
}
/* 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,
.rqt-card.card-block.card__hover:hover .card__button-class,
.rqt-card.card-block.card__hover:active .card__button-class,
.rqt-card.card-block.card__hover:focus .card__button-class {
    width: 100%;
    border-radius: 20px;
}
#main-wrapper .rqt-card.card-block.card__hover:hover .card__button-class,
#main-wrapper .rqt-card.card-block.card__hover:active .card__button-class,
#main-wrapper .rqt-card.card-block.card__hover:focus .card__button-class {
    animation: none;
}
.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.static .card-mxm--icon-bt, .card-mxm.static button, .card-mxm.lottery .card-mxm--icon-bt, .card-mxm.lottery button {
    background-color: #00c6ff;
}
.card-mxm.gift .card-mxm--icon-bt, .card-mxm.gift button, .modal-cart__btn-cart {
    background-color: #f15a29;
}
.card-mxm.survey .card-mxm--icon-bt, .card-mxm.survey button {
    background-color: #1d97ad;
}
.card-mxm.panel .card-mxm--icon-bt, .card-mxm.panel button {
    background-color: #18987e;
}
/* 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"], .reward-detail-content select,
.statement-container .dataTables_wrapper .dataTables_filter input[type="search"],
.card-mxm textarea, .card-mxm input[type="file"]  {
    border: 1px solid #bcbcbc;
}
.card-mxm textarea {
    width: 100%;
}
/* File input */
input[type="file"] {
    width: 100%;
}
input[type="file"]::file-selector-button {
    padding: .750rem .625rem;
    /* margin: (-$input-padding-y) (-$input-padding-x); */
    margin-inline-end: .625rem;
    color: #fff;
    background-color: #333;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    /* border-inline-end-width: $input-border-width; */
    border-radius: 0;
    /* @include transition($btn-transition); */
}

.card-mxm input[readonly="readonly"],
.bank-details input[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-block__with-header:before {
    content: "";
    display: block;
    height: 48px;
    width: 100%;
    background-color: #333;
}
.card-mxm--header > .glyphicons {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    line-height: 1.850;
    text-align: center;
    background: #fff;
    box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.3);
    transform: translateX(-50%);
}
.bank-details p, .bank-details .h3-like {
    font-family: "futura-pt", Helvetica, Arial, sans-serif;
}
.card-mxm--header > .glyphicons.glyphicons-user:before {
    font-size: 2rem;
    color: #dc0086;
}
.card-mxm--header > .glyphicons.glyphicons-credit-card:before {
    font-size: 2rem;
    color: #dc0086;
}
/* Card block Cart */
.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"] {
    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;
    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 {
    margin-top: .313rem;
    margin-left: .625rem;
    min-height: auto;
}
.cart-update__label, .cart-remove__label {
    display: none;
}
.card-mxm.lottery .icons-lottery-tickets {
    width: 30px;
    right: 3px;
}
form[name="cartItem"] .row + .row {
    margin-top: .625rem;
}
.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"] {
    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;
}
/* === UTILITY CLASS === */

/* 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;
}
.border-light-grey {
    border: 1px solid #F3F3F3;
}
/* 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.8);
}
.bg-orange, .card-block.gift .card-icon-button,
.card-block.gift button, .header .sign-in button,
.reward-detail-img-container button,
input[type="submit"]#bilendi_complaint_comment_claim_submit {
    background-color: #f15a29;
}
.bg-grey-medium { background-color: #f3f3f3; }
.bg-grey-medium-2 { background-color: #d0d0d0; }
.bg-grey-dark, .header { background-color: #333; }
.bg-grey-dark, .header, #account-login-menu { background-color: #333; }
.bg-black { background-color: #000; }
.bg-green-medium, .card-block.partner .card-icon-button,
.card-block.partner button {
    background-color: #18987e;
}
.bg-blue-light, .card-block.static .card-icon-button,
.card-block.static button {
    background-color: #00c6ff;
}
.bg-blue-medium, .card-block.panel .card-icon-button,
.card-block.panel button {
    background-color: #1d97ad;
}

/* === ARROWS === */

.arrow-box-bottom:after, .arrow-box-top:after,
.arrow-box-left:after, .arrow-box-right:after,
.complaint-compagny-sending p.complaint-message:after,
.complaint-customer-sending p.complaint-message: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: -.375rem;
}
.arrow-box-top:after {
    bottom: 99%;
    left: 50%;
    margin-left: -.375rem;
}
.arrow-box-left:after,
.complaint-compagny-sending p.complaint-message:after {
    top: 50%;
    left: -12px;
    margin-top: -.375rem;
}
.arrow-box-right:after,
.complaint-customer-sending p.complaint-message:after  {
    top: 50%;
    right: -12px;
    margin-top: -.375rem;
}
/* Arrows for complaint */
.complaint-compagny-sending p.complaint-message:after,
.complaint-customer-sending p.complaint-message:after {
    top: 22px;
}
.complaint-compagny-sending p.complaint-message:after {
    border-right-color: #f3f3f3;
}
.complaint-customer-sending p.complaint-message:after {
    border-left-color: #DDD;
}
/* Arrow colors */
.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;
}
.bg-blue-light.arrow-box-right:after {
    border-left-color: #00c6ff;
}

/* === FORM === */

.form .row {
    margin-top: 1.250rem;
}

/* Append - Prepend Like For Input Elements */
#mobileNumber_prefix,
#phone_prefix {
    height: 40px;
    padding-right: 1rem;
    border: 1px solid #bcbcbc;
    border-bottom-color: transparent;
    text-align: center;
    font-size: 1em;
    font-weight: 300;
    color: #fff;
    background-color: #bcbcbc;
}
/* Button/Submit */
button.big, input[type="submit"].big, .button-like.big {
    font-size: 1.7rem;
}
.btn, .modal-cart__btn-cart {
    display: inline-block;
    margin-bottom: 0;
    padding: .375rem .750rem;
    border: 1px solid transparent;
    text-align: center;
    font-size: 1.125rem;
    font-weight: normal;
    line-height: 1.42857143;
    background-image: none;
    cursor: pointer;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
      touch-action: manipulation;
    -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
/* 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: .450em 1.125em;
    font-size:  1.125rem;
    color: #535353;
    background-color: #f3f3f3;
}
form .btn-group .btn + .btn {
    border-left: 1px solid #fff;
}
/* Errors */
.error input[type="text"], .error input[type="email"],
.error input[type="password"], .error input[type="text"] {
    border: 1px solid #f01212;
}
.error em, #errorsChangeEmail, .error input + em,
.select2__row-container .error em,
.bs-bt-radio .error em {
    color: #f01212;
}
/* 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%;
}
/* SHOW PWD */
form[name="password_authentication_confirmation"] {
    position: relative;
}
.has-pwd-icon input,
.password-field input,
.password-repeated-field input {
    padding-right: 2.000rem;
}
.has-pwd-icon .show-pwd-icon,
.password-field .show-pwd-icon,
.password-repeated-field .show-pwd-icon,
form[name="form"] .show-pwd-icon {
    top: 32px;
    right: 1.625rem;
}
#login-page-form .show-pwd-icon {
    top: 31px;
    right: 28px;
}
/* Sign in Header form */
.header .sign-in input[type="text"],
.header .sign-in input[type="password"] {
    height: 40px;
    font-size: 1.125rem;
    color: #767676;
}
.header .sign-in .form-group {
    width: 180px;
}
.header .sign-in .form-group + .form-group {
    width: 150px;
    margin-right: 1.250rem;
    margin-left: .063rem;
}
.header .sign-in a {
    top: 0;
    left: 5px;
    width: 100%;
    height: 40px;
    padding-top: .313rem;
    margin-bottom: .75rem;
    text-align: right;
    font-size: 1rem;
    color: #00c6ff;
}
.header .sign-in input:-moz-placeholder,
.email-home-form input:-moz-placeholder {
    color: #767676;
}
.header.sign-in input:focus:-moz-placeholder,
.email-home-form input:focus:-moz-placeholder {
    color: #767676;
}
.header .sign-in input::-webkit-input-placeholder,
.email-home-form input::-webkit-input-placeholder {
    color: #767676;
}
.header .sign-in input:focus::-webkit-input-placeholder,
.email-home-form input:focus::-webkit-input-placeholder {
    color: #767676;
}
.header .sign-in input:-ms-input-placeholder,
.email-home-form input:-ms-input-placeholder {
    color: #767676;
}
.header .sign-in input:focus:-ms-input-placeholder,
.email-home-form input:focus:-ms-input-placeholder {
    color: #767676;
}
.header #login-header-form button[type="submit"] {
    font-size: 1.200em;
    color: #fff;
}
/* Email Form on home lougout */
.email-home-form {
    margin: 3.125rem 0 1.250rem 0;
}
.email-home-form .col-md-4 {
    padding-left: 1.875rem;
    padding-right: 0;
}
.email-home-form .col-sm-4 {
    padding-left: 0;
    padding-right: 1.875rem;
}
.email-home-form input[type="email"] {
    height: 65px;
    font-size: 1.125rem;
    color: #767676;
}
.email-home-form input[type="submit"] {
    margin-left: .313rem;
    height: 65px;
}
/* Mobile number for subscription step 1 */
.mobile-number .input-group, .mobile-number .input-group input {
    display: block;
    width: 100% !important;
}

/* === TABLE === */

.table-responsive table {
    width: 100%;
    margin-bottom: 2.500rem;
    border-collapse: collapse;

}
.table-responsive table thead th,
.statement-container table.dataTable.datatable-statement thead th {
    padding: .938rem;
    border-bottom: 1px solid #bcbcbc;
    font-weight: 300;
}
.table-responsive table tbody th {
    padding: .938rem;
    border-right: 1px solid #bcbcbc;
    font-weight: 300;
}
.table-responsive table tbody td {
    padding: .938rem;
    font-size: 1.1rem;
    color: #000;
}
/* search*/
.statement-container .dataTables_wrapper .dataTables_filter input[type="search"] {
    width: 50%;
}
/* -------------------------- */
/* APP STORE BLOCK */
/* -------------------------- */

.badge p {
    text-align: center;
    font-size: 1.375rem;
    color: #000;
}

.badge ul {
    list-style: none;
    text-align: center;
}
.badge ul li {
    display: inline;
}

/* === MAIN NAVIGATION === */

.nav__container .mobile-version {
    display: none;
}
.main-nav {
    margin-top: 0;
    list-style: none;
    list-style-position: inside;
}
.main-nav li {
    border: 1px solid #dddddd;
}
.main-nav li + li {
    border-top: none;
}
.main-nav li.main-nav-title {
    padding: .375rem 0 .375rem 1.250rem;
    border: none;
    font-size: 1.500rem;
    font-weight: 500;
    color: #fff;
}
.main-nav li a {
    padding: .750rem 2.625rem .750rem 1.250rem;
    font-size: 1.125rem;
    font-weight: 500;
    color: #000;
}
.main-nav li.main-nav-title a {
    padding: 0;
    font-size: 1.500rem;
    color: #fff;
}
.main-nav > li > a:after {
    content: "\E224";
    top: 50%;
    right: 20px;
    font-family: 'Glyphicons Regular';
    font-size: 1rem;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translateY(-50%);
}
.main-nav > li.open > a:after,
.main-nav > li.has_subnav.current > a:after,
.main-nav > li.has_subnav.current_ancestor > a:after {
    transform-origin: top;
    transform: rotate(90deg) translateY(-50%);
}
/* Main Nav SubNavigation */
.main-nav > li ul {
    display: none;
}
.main-nav > li.open ul,
.main-nav > li.current ul {
    display: block;
}
.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;
}
/* 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: 1000;
    position: fixed;
    top: 64px;
    right: 0px;
    bottom: 0px;
    left: -100%;
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    transition: 1s;
}
.sidebar--is-open .nav__container {
    left: 0;
    transition: 1s;
}
.sidebar-overlay {
    position: fixed;
    top: 64px;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 5000px;
    background-color: rgba(0, 0, 0, .4);
}
.sidebar .main-nav {
    margin-top: 0;
}

/* === NAV GIFT === */

/* Categories */
.tree-nav--cat li:first-child{
    padding: 0 0 0 1.250rem;
}
.tree-nav--cat li {
    border: none;
}
.tree-nav--cat li a {
    display: inline-block;
    padding: 0;
}

/* === REWARD FILTERS === */

.reward-filter {
    padding-bottom: 1.250rem;
}
/* Results */
.reward-filter--results {
    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 {
    position: relative;
    float: right;
    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: -.375rem;
    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;
}
.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;
}

/* === LOADER === */

.loader--modal-container {
    position: fixed;
    top: 30vh;
    left: 50%;
    z-index: 10000;
    width: 300px;
    margin-left: -150px;
    padding-bottom: 2.188rem;
    background-color: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, .2);
}
.loader-svg-container {
    margin: 1.25rem auto 0 auto;
}
.loader--modal-container p {
    position: absolute;
    bottom: 10px;
    left: 50%;
    font-size: 1.250rem;
    transform: translateX(-50%);
}
.loader-svg-container {
    position: relative;
    width: 150px;
    height: 80px;
}
#loader {
    position: absolute;
    bottom: 10px;
}
.loader__bubble {
    fill: #F3F3F3;
    animation-name: bubble_move_top, bubble_color;
    animation-duration: 3s, 3s;
    animation-timing-function: linear, ease-in-out;
    animation-iteration-count: infinite, infinite;
    transform-origin: center;
}
.loader__dot {
    fill: #E5005E;
}
.loarder__dot-left-01, .loarder__dot-left-02, .loarder__dot-left-03,
.loarder__dot-right-01, .loarder__dot-right-02, .loarder__dot-right-03 {
    animation-duration: 3s, 3s;
    animation-timing-function: ease-in-out, ease-in;
    animation-iteration-count: infinite, infinite;
}
.loarder__dot-left-01 {
    transform: translateX(40px);
    opacity: 0;
    animation-name: dot_left_one, dot_color;
}
.loarder__dot-left-02 {
    transform: translateX(58px);
    opacity: 0;
    animation-name: dot_left_two, dot_color;
}
.loarder__dot-left-03 {
    transform: translateX(72px);
    opacity: 0;
    animation-name: dot_left_three, dot_color;
}
.loarder__dot-right-01 {
    transform: translateX(-40px);
    opacity: 0;
    animation-name: dot_right_one, dot_color;
}
.loarder__dot-right-02 {
    transform: translateX(-58px);
    opacity: 0;
    animation-name: dot_right_two, dot_color;
}
.loarder__dot-right-03 {
    transform: translateX(-72px);
    opacity: 0;
    animation-name: dot_right_three, dot_color;
}
/* BUBBLE ANIMATION */
@keyframes bubble_move_top {
    20% {
        transform: translateY(0) scale(1);
    }
    25% {
        transform: translateY(0) scale(1);
    }
    30% {
        transform: translateY(-10px) scale(1.2);
    }
    35% {
        transform: translateY(0) scale(1);
    }
    40% {
        transform: translateY(0) scale(1);
    }
}
@keyframes bubble_color {
    20% {
        fill: #F3F3F3;
    }
    25% {
        fill: #E5005E;
    }
    80% {
        fill: #E5005E;
    }
    90% {
        fill: #F3F3F3;
    }
}
/* DOT COLOR ANIMATION */
@keyframes dot_color {
    80% {
        fill: #E5005E;
    }
    85% {
        fill: #F3F3F3;
    }
    100% {
        fill: #F3F3F3;
    }
}
/* DOT LEFT ANIMATION */
@keyframes dot_left_one {
    50% {
        transform: translateX(40px);
        opacity: 0;
    }
    60% {
        transform: translateX(0);
        opacity: 1;
    }
    90% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(40px);
        opacity: 0;
    }
}
@keyframes dot_left_two {
    60% {
        transform: translateX(58px);
        opacity: 0;
    }
    70% {
        transform: translateX(0);
        opacity: 1;
    }
    90% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(58px);
        opacity: 0;
    }
}
@keyframes dot_left_three {
    70% {
        transform: translateX(72px);
        opacity: 0;
    }
    80% {
        transform: translateX(0);
        opacity: 1;
    }
    90% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(72px);
        opacity: 0;
    }
}
/* DOT RIGHT ANIMATION */
@keyframes dot_right_one {
    50% {
        transform: translateX(-40px);
        opacity: 0;
    }
    60% {
        transform: translateX(0);
        opacity: 1;
    }
    90% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(-40px);
        opacity: 0;
    }
}
@keyframes dot_right_two {
    60% {
        transform: translateX(-58px);
        opacity: 0;
    }
    70% {
        transform: translateX(0);
        opacity: 1;
    }
    90% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(-58px);
        opacity: 0;
    }
}
@keyframes dot_right_three {
    70% {
        transform: translateX(-72px);
        opacity: 0;
    }
    80% {
        transform: translateX(0);
        opacity: 1;
    }
    90% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(-72px);
        opacity: 0;
    }
}

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

}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 767px) {
    /* Loader */
    .loader--modal-container {
        top: 20vh;
    }
}

/* === FLAGZ === */

.flagMenu {
    right: 1rem;
}
.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: -.438rem;
}
.flagMenu .dropdown-menu .flag {
    margin: .313rem auto;
}
.flagMenu span.caret {
    display: inline;
}
/* Dropdown Menu */
.dropdown.flagMenu .dropdown-menu {
    position: absolute;
    z-index: 2000;
    top: 55px !important;
    left: 50% !important;
    min-width: 70px;
    width: auto;
    padding: .500rem .313rem;
    border: none;
    text-align: center;
    transform: translateX(-50%) !important;
    opacity: 1;
    font-size: 14px;
}
.dropdown.flagMenu .dropdown-menu > li > a {
    display: block;
    padding: .188rem 0.6rem;
}
.dropdown.flagMenu .dropdown-menu li + li {
    margin-top: .250rem;
}
.flagMenu .dropdown-menu > li > a:focus,
.flagMenu .dropdown-menu > li > a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

/* === PAGINATION === */

.pagination {
    margin: 1.250rem 0;
    list-style: none;
    text-align: right;
}
.pagination > li,
.dataTables_paginate .paginate_button.current {
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 1px solid #bcbcbc;
    border-radius: 100%;
    text-align: center;
    font-size:  0.875rem;
    line-height: 1.6;
    background-color: #f3f3f3;
    color: #6e6e6e!important;
}

.pagination > li.active {
    border-color: #f15a29;
    font-weight: 500;
    color: #fff!important;
    background-color: #f15a29;
}
.pagination > li > a {
    height: 100%;
    color: #6e6e6e;
}
.pagination > li > a > span {
    padding-top: .063rem;
}
.pagination > li.active a,
.pagination > li.active:hover a {
    color: #fff;
}
.pagination > li:hover {
    border-color: #f15a29;
}
.pagination > li:hover > a {
    color: #f15a29;
}

/* === 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;
}
.bubble-content {
    margin: auto;
    word-wrap: break-word;
}
.bubble:last-child {
    width: 30%;
    height: 20rem;
    padding: 1.5rem 1.875rem;
}
.bubble.symbol-plus:after,
.bubble.symbol-equal:after {
    content: "";
    z-index: 100;
    position: absolute;
    display : block;
    top: 50%;
    right: -38px;
    transform: translateY(-50%);
}
.bubble.symbol-plus:after {
    width: 58px;
    height: 59px;
    background: url(../images/symbol-plus.png) no-repeat 0% 0%;
}
.bubble.symbol-equal:after {
    right: -38px;
    width: 53px;
    height: 36px;
    background: url(../images/symbol-equal.png) no-repeat 0% 0%;
}
/* Game Arkadium */

#game-arkadium .topbanner {
    background: #f3f3f3 url(../images/banner/banner_arkadium.gif) repeat-x 0% 0%;
    background-size: cover;
}
#game-arkadium .topbanner p {
    margin: 0.75em 0;
    text-align: center;
    color: #6e6e6e;
}
#game-arkadium .topbanner p span {
    font-size: 2.750rem;
    font-weight: 500;
}
#game-arkadium .topbanner p em {
    font-size: 1.250rem;
}
#arkadium {
    margin: 0.75em 0;
}

/* === HOME LOG OUT === */

.js-scrollTo {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -15%;
    width: 30%;
}
.bg-white.section {
    padding-bottom: 2.5rem;
}
.how-it-work {
    color: #000;
    font-size: 1.375em;
}
/* === HOME LOG IN === */

.partner-line {
    margin: 1.250rem -.938rem 1.875rem -.938rem;
}
.partner-line > div:first-child .card-border {
    min-height: 221px;
}
/* Homepage List */
.home-survey-list ul li + li {
    border-top: 1px solid #bcbcbc;
    margin-top: 0;
}
.home-survey-list .survey_miles,
.home-survey-list .survey_duration {
    font-size: 1.125rem;
    color: #da0087;
    text-align: right;
}
.home-survey-list .list-unstyled {
    height: 124px;
    overflow-y: scroll;
    margin-left: 0
}
#section-app {
    padding: 2.500rem 0;
    font-size: 1.375em;
    color: #000;
    background-color: #f3f3f3;
}
/* App store */
.appstore {
    text-align: center;
}
.appstore img {
    margin: 1.25rem 2.5rem 0;
}

/* === MAXIMAIL OPTIN/OPTOUT === */

#optout,
#optin  {
    margin: 1.250rem 0;
}
#optout .bg-blue-light button {
    color: #00c6ff;
}
#optout .bg-blue-light label,
#optout .bg-blue-light label a {
    color: #FFF;
}

/* === OPTIN PAGE === */

.list-alt-bckg {
    list-style: none;
}
.card-mxm--content .list-alt-bckg {
    margin-left: 0;
}
.list-alt-bckg li:nth-child(2n+1) {
    background-color: #fafafa;
}
.card-mxm--content .list-alt-bckg li {
    margin-left: 0;
    padding: 1rem;
}
.card-mxm--content .list-alt-bckg a span[class*="glyphicons-"] {
    position: relative;
    top: inherit;
    right: inherit;
    display: inline-block;
    margin: 0.2rem 0.3rem 0 0;
    font-size: 1rem;
}
.card-mxm--content .list-alt-bckg a:hover span[class*="glyphicons-"] {
    color: #00c6ff;
}
.lead-txt {
    font-size: 1.2rem;
    font-weight: 400;
    color: #000;
}
.optins .lead-txt {
    padding-right: 0.5rem;
}
.switch {
    margin-top: 0.5rem;
}
.optin--sms-title h2 {
    padding-top: 0.5rem;
}
.optin--sms-title em {
    color: #f01212;
}
/* === MY OPINION INDEX PAGE === */

.qualification-carousel .card-border {
    min-height: 147px;
}
.qualification-carousel.with-survey .card-border {
    min-height: 170px;
}
.qualification-carousel.with-survey + .row .col-sm-8 {
    width: 100%;
    margin-left: 0;
}
.qualification-carousel.with-survey .slick-dots {
    margin-top: .313rem;
    margin-bottom: .625rem;
}
.qualification-carousel.with-survey .slick-dots li {
    width: 10px;
    height: 10px;
}
.qualification-carousel.with-survey .slick-dots li button:before {
    width: 10px;
    height: 10px;
    font-size: 1.250rem;
}

/* === SWITCH BUTTONS === */

/* Slide checkboxes */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}
.switch input {
    display: none;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #bcbcbc;
    -webkit-transition: .4s;
    transition: .4s;
}
.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .slider {
    background-color: #da0087;
}
input:focus + .slider {
    box-shadow: 0 0 1px #da0087;
}
input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}
.slider.round:before {
    border-radius: 50%;
}

/* === TEL/MOBILE FIELD WITH PREFIX === */

.input-group {
    display: table;
}
.input-group-addon, .input-group input {
    display: table-cell;
}
.input-group-addon {
    vertical-align: top;
}
.input-group-addon .select2-container {
    display: block;
}
.contact-number input[type="text"] {
    border-left: none;
}
.input-group-addon,
.input-group-addon .select2-container--default .select2-selection--single,
.input-group-addon .select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: #f3f3f3;
}
.input-group-addon .select2-container .select2-selection--single .select2-selection__rendered {
    padding: .313rem 1.250rem 0 .500rem;
}
.contact-number .input-group-addon {
    width: 1%;
}
.select2-drop-border {
    position: relative;
}
.contact-number .select2-container--open .select2-dropdown--below,
.contact-number .select2-container--open .select2-dropdown--above,
.select2-drop-border .select2-container--open .select2-dropdown--below,
.select2-drop-border .select2-container--open .select2-dropdown--above {
    border-right: 1px solid #bcbcbc;
    border-bottom: 1px solid #bcbcbc;
    border-left: 1px solid #bcbcbc;
}
.card-mxm--content .select2-drop-border .select2-results ul {
    margin-left: 0;
}
.contact-number .select2-results__option {
    padding: .375rem .500rem;
}

/* === ERROR PAGE === */

.error-page .navbar.marg-bot-30 {
    margin-bottom: 0;
}
.error-page .error-page--content {
    min-height: 400px;
}
.error-page--404 {
    padding-left: 26.625rem;
    height: 770px;
    background: url(../images/page-404.jpg) no-repeat 0% 0%;
}
.error-page--main-title {
    font-size: 3.750rem;
    font-weight: 700;
}
.error-page .error-page--content p {
    font-size: 1.875rem;
}
.error-page .error-page--main-title {
    margin: 5.750rem 0 0 0;
}
.error-page p {
    margin: 2.500rem 0 0 0;
}
.error-page .button-like {
    height: 3.5rem;
    margin: 2.500rem 0 0 0;
    color: #fff;
}

/* === LOTTERY WINNERS === */
.winner-title span {
    color: #da0087;
}
.card-mxm .list-winner {
    margin-left: 0;
    list-style: none;
}
.list-winner li {
    padding: .313rem .625rem;
    border-top: 1px solid #bcbcbc;
}
.list-winner li:last-child {
    border-bottom: 1px solid #bcbcbc;
}
.card-mxm .list-winner li + li {
    margin-top: 0;
}
.list-winner li:nth-child(even) {
    background-color: #fafafa;
}

/* === STATEMENT BOX === */

.row-flex {
    display: flex;
    flex-direction: row;
}
.statement-box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    width: 50%;
}
.statement-box__img, .statement-box__content {
    width: 50%;
}
.statement-box__content {
    padding: .938rem;
    text-align: center;
    background-color: #f3f3f3;
}
.big-number {
    font-size: 2.875rem;
    line-height: 1;
}
.big-number .glyphicons {
    line-height: 1.2;
    font-size: 2.375rem;
}
.cash .statement-box__img {
    background-image: url(../images/visual-statement-euros.jpg);
    background-size: cover;
    background-position: 50%;
    background-repeat: none;
}
.cash.cash-ch .statement-box__img {
    background-image: url(../images/visual-statement-ch.jpg);
}
.lottery .statement-box__img {
    background-image: url(../images/visual-lottery-card-02.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 30%;
}

/* === Bank-details === */
.bank-details .statement-box {
    width: 100%;
}
.bank-details a[data-toggle="tooltip"] {
    white-space: nowrap;
}
.bank-details a[data-toggle="tooltip"] span {
    margin-right: 0.3rem;
}
.bank-details .lead-txt {
    padding-right: 0.5rem;
}

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

/* -------------------------------------- */
/* ==   COUNTER BLOCK                  == */
/* -------------------------------------- */

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

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

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

.counter p {
    margin: 0 !important;
}

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



/* -------------------------------------- */
/* ==   JS PLUGINS                     == */
/* -------------------------------------- */

/* === SIMPLE SIDEBAR JS === */

#slidemenu {
    display: block;
    z-index: 1000;
}
#sidebar #slidemenu {
    width: 90%;
    display: block;
}
#slidemenu > .logged-txt.mobile-version,
#slidemenu > .logged-txt.desktop-version {
    display: none;
}
#slidemenu > .main-nav {
    margin-top: 0;
    margin-bottom: 1.875rem;
    list-style: none;
}

/* === SLICK JS === */

.slick-autoplay {
    margin-top: 1.250rem;
}
.slick-dots {
    margin-top: .625rem;
    list-style: none;
    text-align: center;
    line-height: 1;
}
.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: .313rem;
    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: 1.875rem;
    -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: 99;
    top: 50%;
    width: 24px;
    height: 24px;
    margin-top: -.750rem;
    background: none;
    outline: none;
}
.slick-arrow.slick-prev {
    left: 0;
    margin-left: 0;
}
.slick-arrow.slick-next {
    right: 0;
    margin-right: 0;
}
.slick-arrow .icon-arrow {
    height: 100%;
    margin-top: .125rem;
    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%;
}
.slick-slide {
    padding: 0 .313rem;
    outline: none;
}
/* reward detail carousel */
.reward-gallery-carousel .slick-list {
    margin: 0 1.875rem;
}
.img-reward-gallery.slick-slide img {
    margin: 0 auto;
}
/* Surveys */
.no-survey .slick-dots {
    margin-top: -.188rem;
    margin-bottom: .313rem;
}
/* Card block Slick Shopping */
.slick-shopping .slick-dots {
    padding-right: .625rem;
}
.slick-shopping .slick-arrow.slick-next {
    margin-right:  .375rem;
}
.slick-shopping  .slick-arrow.slick-prev {
    margin-left: .063rem;
}
.slick-shopping .slick-arrow {
    top: 33%;
}
.slick-shopping .slick-slide {
    max-width: 292px;
    margin: 0 .938rem;
    padding: 0;
}
.slick-shopping {
    margin-left: -.938rem;
    margin-right: -.938rem;
}
/* EDITO SLIDER 800x400 */
.edito-container {
    margin-bottom: 1.250rem;
}
.edito-container .slick-list {
    margin-right: -.313rem;
    margin-left: -.313rem;
}
.edito-container .slick-arrow.slick-next {
    right: -10px;
}
.edito-container .slick-arrow.slick-prev {
    left: -10px;
}
.edito-item {
    position: relative;
}
.edito-item--content {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 60%;
}
.edito-item--content h1 {
    margin-bottom: 0;
}
.edito-item--content p {
    margin-top: 0;
}
.edito-item--bt {
    position: absolute;
    top: -60px;
}
/* Edito carousel top deals */
.slider-x4-container {
    margin-right: -.500rem;
    margin-left: -.500rem;
}
.slider-x4-container .slick-slide {
    padding: 0 .500rem;
}
.slider-x4-container .slick-arrow.slick-prev {
    left: -3px;
}
.slider-x4-container .slick-arrow.slick-next {
    right: -3px;
}
.slider-x4-container .slick-dots {
    margin-top: .313rem;
}
/* Home Log in */
.slick-shopping .slick-slide, .home-rqt-carousel .slick-slide,
.card-edito .slick-slide {
    max-width: 292px;
    margin: 0 .938rem;
    padding: 0;
}
.slick-shopping .card-border {
    min-height: 162px;
}
.slick-shopping .slick-dots, .card-edito .slick-dots {
    margin-top: -.188rem;
    margin-bottom: .313rem;
}

/* End Page */
.end-page-survey  {
    width: 70%;
    margin: 0 auto;
    text-align: center;
}
.end-page-survey .block_info h1, .end-page-survey .end-page-block-survey h1 {
    margin: 0;
    font-size: 36px;
    font-weight: 400;
    color: #666666;
}
.end-page-survey .block_info p {
    margin: 0;
}
.end-page-survey .info-message, .end-page-survey .error-message, .end-page-survey .success-message  {
    position: relative;
    width: 600px;
    margin: 1.25rem auto;
    padding: .9375rem;
    border-radius: 5px;
    color: white;
}
.end-page-survey .info-message, .end-page-survey .error-message {
    background-color: #1d97ad;
}
.end-page-survey .success-message {
    background-color: #f15a29;
}
.end-page-survey .info-message:before, .end-page-survey .error-message:before, .end-page-survey .success-message:before {
    content: "";
    position: absolute;
    top: -12%;
    left: 50%;
    height: 0;
    width: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}
.end-page-survey .info-message:before, .end-page-survey .error-message:before {
    border-bottom: 6px solid #1d97ad;
}
.end-page-survey .success-message:before {
    border-bottom: 6px solid #f15a29;
}
.end-page-block-survey .rqt-card.card-block {
    width: auto;
}
.end-page-survey .end-page-block-survey h1 {
    font-size: 1.500rem;
    margin-bottom: .9375rem;
    padding-top: .625rem;
}

/* Notifs menu */
.notif__available-survey {
    margin: 0 0 0 10px;
    padding: 4px 10px;
    color: #FFFFFF;
    border-radius: 20px;
    background-color: #18987e;
}

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

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

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

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

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


/* === BOOTSTRAP JS COMPONENT === */

/* Modal */
.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: 1.250rem 1.250rem 1.875rem 1.250rem;
}
.modal-footer {
    display: block;
    padding: 1.250rem;
}
.modal-header {
    padding: .938rem 1.250rem;
}
/* Alert */
.alert > p, .alert > ul {
    margin-top: 0;
}
#alert_info_address {
    margin-top: .938rem;
}

/* === DATATABLE === */

.table-responsive {
    margin-top: 1.875rem;
}
.table-responsive .dataTables_wrapper {
    color: #000;
}
.statement-container {
    margin-top: 1.000rem;
}
.table-responsive table.dataTable.display tbody tr.odd,
table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
table.dataTable.hover tbody tr.odd:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.display tbody tr.odd {
    background-color: #fff;
}
table.dataTable tbody tr.even,
table.dataTable.hover tbody tr.even:hover,
table.dataTable.display tbody tr.even:hover {
    background-color: #fafafa;
}
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background-color: inherit;
}
.table-responsive table.dataTable.no-footer,
.table-responsive table.dataTable thead th,
.statement-container table.dataTable.datatable-statement thead th {
    border-color: #bcbcbc;
}
.statement-container table.dataTable.datatable-statement thead th.statement-collapse-action,
.statement-container table.dataTable.datatable-statement tbody > tr > td[colspan] {
    padding: 0;
}
.table-responsive table.dataTable tbody td,
.table-responsive table.dataTable thead th,
.statement-container table.dataTable.datatable-statement thead th,
.statement-container table.dataTable.datatable-statement tbody td,
.statement-container table.dataTable.datatable-statement tbody td[colspan].dataTables_empty,
.statement-container table.datatable-statement .statement-order-detail,
.statement-container table.dataTable.datatable-statement tr.child td.child {
    padding: .938rem;
}
.statement-container table.dataTable.datatable-statement thead th,
.table-responsive table.dataTable thead th {
    padding-right: 1.550rem;
}
.table-responsive table.dataTable thead th,
.table-responsive table.dataTable tfoot th,
.statement-container table.dataTable.datatable-statement thead th {
    font-weight: 300;
}
.table-responsive .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    display: none;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: inherit;
}
table.dataTable.nowrap td ul li {
       white-space: normal;
}
table.dataTable tbody tr.child,
table.dataTable > tbody > tr.child:hover {
       background-color: #f5f5f5 !important;
}
table.dataTable tbody td.txt-pink,
.statement-container table.dataTable.datatable-statement tr td.statement-miles,
.statement-container table.dataTable.datatable-statement tr td.statement__col-miles {
    font-weight: 400;
    color: #da0087;
}
table.dataTable thead th.txt-pink {
    color: #000;
}
.statement-container table.dataTable.datatable-statement thead th,
table.dataTable.no-footer {
    border-bottom: 1px solid #bcbcbc;
}
.statement-container table.dataTable.datatable-statement thead th {
    border-right: none;
}
.dataTables_wrapper table {
    margin-bottom: 2.500rem;
}
/* Pagination */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-left: .250rem;
    padding: 0;
    border: 1px solid #bcbcbc;
    border-radius: 100%;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.6;
    background-color: #f3f3f3;
    color: #6e6e6e;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #f3f3f3;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: 1px solid #f15a29;
    background: #f3f3f3;
    color: #f15a29 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:active,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:active {
    border-color: #f15a29;
    background-color: #f15a29;
    color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1px solid #f15a29;
    background-color: #f15a29;
    color: #fff !important;
    cursor: default;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
       width: auto;
       padding: 0 .500rem;
       border-radius: 10px;
}
/* Sorting */
table.dataTable thead > tr > th.sorting {
    background: url(../images/sort_both.png) no-repeat center right;
}
table.dataTable thead > tr > th.sorting_asc {
    background: url(../images/sort_asc.png) no-repeat center right;
}
table.dataTable thead > tr > th.sorting_desc {
    background: url(../images/sort_desc.png) no-repeat center right;
}
table.dataTable thead > tr > th.sorting:before,
table.dataTable thead > tr > th.sorting_desc:before,
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > th.sorting_asc:after {
    display: none;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    position: absolute;
    content: "\E191";
    top: 50%;
    left: 4px;
    border: none;
    font-family: 'Glyphicons Regular';
    background-color: inherit;
    color: #bcbcbc;
    box-shadow: none;
    transform: translateY(-50%);
}

.statement-container table .statement-date-earn {
    text-align: right;
}

table.dataTable.stripe>tbody>tr.odd>*,
table.dataTable.display>tbody>tr.odd>*,
table.dataTable.stripe>tbody>tr.even>*,
table.dataTable.display>tbody>tr.even>*,
table.dataTable.display>tbody>tr.even>.sorting_1,
table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1,
table.dataTable.display>tbody>tr.odd>.sorting_1,
table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1 {
    box-shadow: none;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child,
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child {
    position: relative;
    padding-left: 30px;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
    background-color: transparent;
}
/* Buttons for responsive behavior */
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:hover:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:focus:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:active:before {
       color: #33caab;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
.statement-container .shown .statement-collapse-action a.glyphicons-plus-sign:before {
       content: "\E192";
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:hover:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:focus:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:active:before {
       color: #f05a5a;
}
/* Specific for Statement grid */
#statementList .child li:last-child .dtr-data,
.datatable-statement .child li:last-child .dtr-data {
    padding-left: .625rem;
    font-weight: 400;
    color: #da0087;
}
.link-statement--order .glyphicons {
       width: 30px;
       height: 30px;
       margin-left: .313rem;
       padding-top: .125rem;
       padding-left: .250rem;
       border-radius: 100%;
       background-color: #f15a29;
       color: #fff;
}

/* === COOKIE BANNER JS === */

/* Main banner */
.cc-window.cc-type-info {
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    max-width: 100%;
    padding: .938rem;
    z-index: 10002;
}
.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: .438rem;
    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;
}


/* === SELECT2 === */

/* Nav Partner */
.select2-container--default .select2-selection--single,
#main-wrapper .select2-container--default .select2-selection--single,
#coreg-registration .select2-container--default .select2-selection--single {
    height: 40px;
    border: 1px solid #bcbcbc;
    border-radius: 0;
    outline: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding: .313rem 1.250rem .313rem .500rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow,
#main-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow,
#coreg-registration .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px;
}
.select2-dropdown {
    border: 1px solid #bcbcbc;
    border-right: none;
    border-bottom: none;
    border-left: none;
    border-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #bcbcbc;
    font-size: 1rem;
    color: #000;
}
.select2-search--dropdown {
    padding: .875rem .625rem .250rem .625rem;
}
.select2-results {
    margin-top: .625rem;
}
.select2-results__option {
    padding: .375rem .625rem;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #333!important;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    color: #f01212;
    font-size: 1.8rem;
    margin-right: .313rem;
    font-weight: normal;
    margin-top: .063rem;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: #f3f3f3;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2;
    color: #000;
}

/* In form - error state */
.error .select2-container--default .select2-selection--single {
    border-color: #f01212;
}

/* === JS TREE VIEW === */

/* 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: 1.250rem;
}
.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: 1.563rem;
    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: .625rem 0 0 0;
}
.jstree-default .jstree-children .jstree-node {
    margin-left: 0;
}

/* === JQUERY UI DATEPICKER === */

/* Header */
#ui-datepicker-div .ui-widget-header,
#ui-datepicker-div .ui-widget-header{
    border-color: #333;
    background: #333;
}
#ui-datepicker-div .ui-state-hover, #ui-datepicker-div .ui-widget-content .ui-state-hover,
#ui-datepicker-div .ui-widget-header .ui-state-hover, #ui-datepicker-div .ui-state-focus,
#ui-datepicker-div .ui-widget-content .ui-state-focus,
#ui-datepicker-div .ui-widget-header .ui-state-focus {
    border: none;
    background: #f15a29;
}
#ui-datepicker-div .ui-state-disabled.ui-state-hover, #ui-datepicker-div .ui-widget-content .ui-state-disabled.ui-state-hover,
#ui-datepicker-div .ui-widget-header .ui-state-disabled.ui-state-hover, #ui-datepicker-div .ui-state-disabled.ui-state-focus,
#ui-datepicker-div .ui-widget-content .ui-state-disabled.ui-state-focus,
#ui-datepicker-div .ui-widget-header .ui-state-disabled.ui-state-focus {
    background: none;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev,
#ui-datepicker-div.ui-datepicker .ui-datepicker-next {
    top: 12px;
    width: 30px;
    height: 30px;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev {
    left: 10px;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-next {
    right: 10px;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev span,
#ui-datepicker-div.ui-datepicker .ui-datepicker-next span {
    margin-top: 0;
    margin-left: 0;
    transform: translateX(-50%) translateY(-50%);
}
#ui-datepicker-div .ui-widget-header .ui-datepicker-prev .ui-icon {
    background-image: url(../images/icon-arrow-left-white.svg);
}
#ui-datepicker-div .ui-widget-header .ui-datepicker-next .ui-icon {
    background-image: url(../images/icon-arrow-right-white.svg);
}
#ui-datepicker-div .ui-icon-circle-triangle-w,
#ui-datepicker-div .ui-icon-circle-triangle-e {
    background-position: 50% 50%;
}
#ui-datepicker-div .ui-widget-header .ui-icon {
    width: 25px;
    height: 25px;
}
/* Content part */
.ui-state-default, .ui-widget-content .ui-state-default {
    color: #6e6e6e;
}
.ui-state-default.ui-state-hover, .ui-widget-content .ui-state-default.ui-state-hover {
    color: #fff;
}
.ui-state-active, .ui-widget-content .ui-state-active {
    border: 1px solid #f15a29;
    color: #f15a29;
}


/* -------------------------------------- */
/* ==   BUNDLES                        == */
/* -------------------------------------- */

/* === COMPLAINT === */

/* New Claim */
.form .card-content a span[class*="glyphicons-"],
#queriesListMessages_wrapper table#queriesListMessages td a span[class*="glyphicons-"] {
    top: auto;
    right: auto;
    color: #FFF;
}
#queriesListMessages_wrapper table#queriesListMessages td a,
.delete-file {
    display: inline-block;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding-top: .500rem;
    text-align: center;
}
.delete-file {
    background-color: #f15a29;
}
.form .card-content a span[class*="glyphicons-"] {
    top: auto;
    right: auto;
    color: #FFF;
}
.container-files {
    background-color: #f3f3f3;
    margin-bottom: 1.250rem;
}
.complaint-file {
    padding: .625rem 0;
    margin: 0 .625rem;
}
.complaint-file + .complaint-file {
    border-top: 1px solid #bcbcbc;
}
.complaint-file a {
    color: #f15a29;
}
.complaint-media-upload .fileinput-button {
    color: #ffffff;
    font-weight: normal;
}
.complaint-media-upload #progress {
    overflow: hidden;
    height: 12px;
    margin: .625rem 0;
    padding: 0 0 0 0;
    border: 1px solid #e6e7e8;
    background-color: #f3f3f3;
    border-radius: 5px;
}
.complaint-media-upload #progress .bar {
    float: left;
    width: 0;
    height: 100%;
    width: 100%;
    font-size: .750rem;
    line-height: 20px;
    color: #636466;
    text-align: center;
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
.complaint-media-upload #progress .bar.valid-upload {
    background-color: #da0087;
    background-image:      -webkit-linear-gradient(bottom left, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:      -o-linear-gradient(bottom left, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:      linear-gradient(to top right, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}
.complaint-media-upload #progress .bar.invalid-upload {
    background-color: #ba102c;
}
.complaint-media-upload #progress .bar.running-upload {
    background-color: #da0087;
    background-image:      -webkit-linear-gradient(bottom left, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:      -o-linear-gradient(bottom left, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:      linear-gradient(to top right, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}
textarea#bilendi_complaint_claim_body {
    border: 1px solid #bcbcbc;
    width: 100%;
    min-height: 200px;
}
/* View page */
ul > li.complaint-customer-sending,
ul > li.complaint-compagny-sending {
    margin-left: 0;
}
.complaint-customer-sending,
.complaint-compagny-sending {
    background: url(../images/profil_grey.png) no-repeat 100% 30px;
    list-style-type: none;
    margin: 2.500rem 0;
    padding: 0 3.125rem 0 0;
}
.complaint-compagny-sending {
    background: url(../images/m_grey.png) no-repeat 0% 30px;
    padding: 0 0 0 3.125rem;
}
.complaint-customer-sending .complaint-message,
.complaint-compagny-sending .complaint-message {
    background-color: #DDD;
    list-style-type: none;
    border-radius: 5px;
    padding: 1.250rem;
    font-weight: 400;
    color: #000;
}
.complaint-compagny-sending .complaint-message {
    background-color: #f3f3f3;
    padding: 1.250rem;
}
.complaint-customer-sending .complaint-date-info,
.complaint-compagny-sending .complaint-date-info {
    font-size: small;
    font-style: italic;

}
.complaint-message p {
    margin-bottom: .938rem;
}
.complaint-message a + a {
    margin-left: .625rem;
}
.complaint-message a .glyphicons {
    margin-right: .313rem;
}
.complaint-customer-sending textarea,
.complaint-compagny-sending textarea {
    border: 1px solid #DDD;
    background: #FFF;
    width: 100%;
    min-height: 150px;
    margin-top: 1.250rem;
    padding: 0.8em 1.2em;
    font-family: "futura-pt", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1;
    color: #000;
}
#bilendi_complaint_claim_submit,
#bilendi_complaint_comment_claim_submit {
    background-color: #f15a29;
    color: #ffffff;
}
form[name=bilendi_complaint_claim] > div {
    margin-top: 1rem;
}
/* === FLASH MESSAGES === */

.home-bg-img .container-fluid.fm-container {
    position: relative;
}
.home-bg-img .fm-container .alert {
    position: absolute;
    top: 7rem;
    width: 94%;
    margin-left: -47%;
    left: 50%;
}
.fm-container button {
    width: 30px;
    height: 30px;
    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,
.fm-container .alert-error button {
    color: #f2dede;
    background-color: #cf5252;
}
.fm-container .alert-success button {
    color: #dff0d8;
    background-color: #9bbb8e;
}
.alert-dismissable .close, .alert-dismissible .close {
    right: 10px;
    top: 50%;
    min-height: auto;
    margin-top: -.938rem;
    padding: 0;
}
.fm-container button span:first-child {
    font-size: 1.500rem;
    font-weight: 500;
    line-height: 1.2;
}

/* === QUALIFICATION === */

#goq-main-container {
    padding-bottom: 1.875rem;
}
#goq-main .question .radio-checkbox {
    position: relative;
}
#goq-main .question .radio-checkbox input {
    position: absolute;
    top: 0;
    left: -10px;
    margin-top: .5rem;
    padding-right: 10px;
}
#goq-main .question .radio-checkbox label {
    padding-left: 20px;
}
#goq-main .button-group .goq-button,
#goq-main .goq-button.goq-button-next,
#goq-main .goq-button.goq-button-previous {
    height: 45px;
    padding: 1.5%;
}
/* Registration Module */
.register-photo-bg label {
    font-weight: 400;
}
.register-photo-bg input {
    border: 1px solid #bcbcbc;
}
.register-photo-bg #goq-main-container {
    padding-bottom: 0;
}
.register-photo-bg #goq-main {
    margin-top: 1.250rem;
}
.register-photo-bg #goq-main select.container {
    width: 100%;

}
/* Carousel Profile */
.home-rqt-carousel {
    margin: 0 -.938rem;
}
.home-rqt-carousel.with-survey + .goq-caroussel--bt-container {
    width: 100%;
    margin: 0;
    padding: 0;
}
.home-rqt-carousel.with-survey .slick-dots li,
.home-rqt-carousel.with-survey .slick-dots li button,
.home-rqt-carousel.with-survey .slick-dots li button:before {
    width: 12px;
    padding: 0;
}
/* Subscription with one qualification bundle question */
.register-photo-bg .coreg  .loader--modal-container {
    margin-left: 0;
    transform: translateX(-50%);
}
/* Subscription step */
.qualif-subscription .goq-intro {
    color: #000;
}
.qualif-subscription #goq-main .button-group {
    margin: 3.750rem .938rem;
    text-align: center;
}
.qualif-subscription #goq-main .goq-button-next {
    float: none;
    width: 33.33333333%;
    height: 65px;
    font-size: 1.7rem;
    font-weight: 300;
}
.qualif-subscription #goq-main .button-group .goq-button-next {
    float: right;
}
.qualif-subscription #goq-main .button-group .goq-button-previous {
    height: 65px;
    font-size: 1.7rem;
    font-weight: 300;
}
/* Question page */
.profile-question--page #goq-main {
    margin-bottom: 3.750rem;
    border: 1px solid #bcbcbc;
}
.profile-question--page #rqt-progress.progress-block.goq-toolbox-container {
    border: none;
}
.profile-question--page #goq-main-container,
.profile-question--page #goq-main h1,
.profile-question--page .goq-intro {
    padding: 0 1.250rem;
}
.profile-question--page #goq-main .question label + select {
    margin-top: .313rem;
}
.profile-question--page #goq-main .button-group {
    margin: 3.750rem 0 1.875rem 0;
}
/* STEP2 */
.bg-img-step2 {
    background: url(../images/bg-step2.png) #fff no-repeat 80% 0%;
    background-size: cover;
}
.bg-img-step2 h1.hero-txt {
    margin-bottom: 6.25rem;
    font-size: 3.125rem;
    line-height: 1.2;
    text-align: left;
    text-transform: uppercase;
}
.bg-img-step2 p {
    font-size: 1.125rem;
    color: #333;
}
.bg-img-step2 .hero-txt .small {
    font-size: 1.875rem;
    line-height: 1.2;
    color: #333;
}
/* === TRAC SUBSCRIPTIONS === */

/* Registration Step 01 */
.register-photo-bg {
    background: url(../images/register-photo-bg.jpg) no-repeat 0% 0%;
    background-size: 100%;
    margin-top: -3.750rem;
}
.register-photo-bg .white-bg-30 {
    padding-top: 7.813rem;
}
.how-it-work h2 {
    font-size: 1.375em;
}
.bg-subscription-imailo-teens .register-photo-bg {
    background: url(../images/registration-bg-teens.jpg) no-repeat 0% 0%;
    background-size: cover;
}
.bg-subscription-imailo-moms .register-photo-bg {
    background: url(../images/registration-bg-moms.jpg) no-repeat 0% 0%;
    background-size: cover;
}
.bg-subscription-imailo-moms .bg-white-60 {
    background-color: rgba(255, 255, 255, 0.6);
}
/* To make generals form error the same as flash messages */
form.default.sf2 > em:first-child {
    display: block;
    padding: .9375rem;
    border: 1px solid #ebccd1;
    border-radius: 4px;
    font-style: normal;
    background-color: #f2dede;
    color: #a94442;
}
/* Subscription select2 */
#coreg-registration .select2-dropdown {
    border: none;
}

#coreg-registration .select2-results__option {
    padding: .375rem .500rem;
}
#coreg-registration .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 1rem;
    font-family: "futura-pt",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #000;
}
#coreg-registration .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
    color: #666;
}
#coreg-registration .select2-container--default .select2-selection--single,
 {
    height: 40px;
    border-radius: 0;
}
#coreg-registration .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px;
}
/* Subscription PCP PLUS FORM TYPE */
.pcplus-container input[type="button"] {
    color: #fff;
    background-color: #333;
}

/* NEW DATE OF BIRTH FIELDS */
#dateOfBirth {
    display: flex;
}
#dateOfBirth .styled-select {
    flex-basis: 0;
    flex-grow: 1;
}
#dateOfBirth .styled-select:not(:first-child):not(:last-child) {
    padding: 0 1.000rem;
}

/* === GDPR === */

.terms-container {
    margin-bottom: 3.750rem;
    padding: 10.938rem 1.250rem 1.250rem 1.250rem;
    background: url(../images/visu-terms-h150.jpg) no-repeat 0% 0%;
    border: 1px solid #bcbcbc;
}
.terms-container h3 {
    font-size: 1.125rem;
}
.terms-container h4, .terms-container h5,
.terms-container h6 {
    font-size: 1.000rem;
}

/* === CMS === */

.static-page .card-content h1,
.terms-container h1 {
    font-size: 1.750rem;
}
.static-page .card-content ul {
    list-style-position: inside;
}
.static-page .card-content ul > li,
.terms-container ul > li,
.card-content ul > li {
    margin-left: 1.250rem;
}
.static-page .card-content ul > li + li {
    margin-top: .638rem;
}
.static-page h2,
.terms-container h2 {
    margin-top: 1.250rem;
}
.cms-page .card-mxm--content h3 {
    font-size: 1.125rem;
}
.cms-page ol, .cms-page ul {
    margin-left: 1.875rem;
}
.cms-container.cms-home .cms-block p:last-child {
    margin-bottom: .938rem;
}
.cms-page div[data-block-parent='true'] + div[data-block-parent='true'] {
    margin-top: .938rem;
}
.cms-page + .line-separator {
    border-top: 1px solid #dddddd;
}
.cms-page .merchant-earn strong {
    color: #da0087;
}
.cms-page .card-mxm .merchant-earn {
    text-align: left;
}
.raf h2 {
    font-size: 1.500rem;
    font-weight: bold;
    color: #f15a29;
    text-align: center;
}
.raf div,
.banner-subscription-ads div {
    text-align: center;
}
.raf p,
.banner-subscription-ads p {
    margin: 1.250rem 0 1.875rem;
    padding: 1rem;
    text-align: center;
    background: #f1f1f1;
    border-radius: 15px;
}
.raf .arrow,
.banner-subscription-ads .arrow {
    position: relative;
}
.raf .arrow:after,
.banner-subscription-ads .arrow:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -30px;
    border: solid #333;
    border-width: 0 5px 5px 0;
    padding: 5px;
    transform: rotate(-45deg) translate(-50%, -50%);
    -webkit-transform: rotate(-45deg) translate(-50%, -50%);
}
/* Statement Bundles  */
.card-mxm--content table.datatable-statement td,
.card-mxm--content table.datatable-statement th {
    color: #000;
}
.statement-container .statement-collapse-action a {
    color: #f15a29;
}
.statement-container table.datatable-statement .statement-order-detail {
    background-color: #f5f5f5;
    color: #000;
}
/* Lootery how it work */
.nav-anchor {
    align-items: stretch;
}
.nav-anchor .nav-anchor__left {
    width: 45%;
    margin-right: .9375rem;
}
.nav-anchor .nav-anchor__left a {
    position: relative;
    display: block;
    padding: 1.250rem 4.000rem 1.250rem 1.250rem;
    border-radius: 10px;
    font-weight: 400;
    background-color: #F3F3F3;
    color: #000;
}
.nav-anchor .nav-anchor__left a:hover {
    background-color: #00C6FF;
    color: #fff;
}
.nav-anchor .nav-anchor__left a + a {
    margin-top: .938rem;
}
.nav-anchor .nav-anchor__left a img {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
}
.nav-anchor .nav-anchor__right {
    width: 55%;
    padding: .750rem;
    border-radius: 10px;
    text-align: center;
    background-color: #F3F3F3;
}
.nav-anchor .nav-anchor__right:hover {
    background-color: #00C6FF;
}
.nav-anchor .nav-anchor__right h2 {
    margin-top: 1rem;
}
.nav-anchor .nav-anchor__right h2 a {
    font-weight: 400;
    color: #000;
}
.nav-anchor .nav-anchor__right:hover h2 a {
    color: #fff;
}
.nav-anchor .nav-anchor__right p {
    line-height: 1.2;
}
.nav-anchor .nav-anchor__right p a {
    color: #6E6E6E;
}
.nav-anchor .nav-anchor__right:hover p a {
    color: #fff;
}

/* === SURVEYS === */

.survey-list {
    list-style: none;
}
.survey-list li + li {
    border-top: 1px solid #dddddd;
}
.survey-list > li {
    padding: 1.250rem 0;
}
.survey-list > li > a {
    width: 80%;
    color: #6e6e6e;
}
.survey-list > li > a:hover {
    text-decoration: underline;
}
.survey-list > li > a + span {
    width: 20%;
    text-align: right;
    font-size: 1.125em;
    font-weight: 500;
}
/* Homepage List */

/* SURVEYS Available */
.survey__item .card-mxm .col-12 {
    position: unset;
}
.survey__ref {
    z-index: 10;
    margin: .625rem 0 0 0;
    padding: 1.875rem 1.250rem 1.250rem 1.250rem;
    line-height: 1;
    font-size: 1.500rem;
    font-weight: 400;
    color: #000;
}
.survey__ref .content {
    display: block;
    font-size: 0.750rem;
    font-weight: 300;
    color: #6e6e6e;
}
.survey__link-container {
    z-index: 10;
    margin-bottom: 1.250rem;
    padding: 0 1.250rem;
}
.survey__link {
    display: block;
    padding: 6px 0;
    border-radius: 40px;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 300;
    color: #fff;
    background-color: #18987e;
}
.survey__link:hover {
    text-decoration: none;
    color: #fff;
}
.survey__length .content,
.survey__earn .content {
    font-size: 0.9rem;
}
.survey__length .content .prefixe-upto,
.survey__earn .content .prefixe-upto {
    font-size: 0.7rem;
}
.survey__length .content, .survey__length .glyphicons,
.survey__earn .content, .survey__earn .glyphicons {
    position: relative;
    z-index: 1;
}
.survey__item .card-mxm:before {
    content: "";
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-color: rgba(0, 0, 0, .7);
    transition: opacity .3s ease-in-out;
    opacity: 0;
}
.survey__item .card-mxm:hover:before {
    opacity: 1;
}
.card-mxm:hover .survey__ref,
.card-mxm:hover .survey__ref .content,
.card-mxm:hover .survey__length .content, .card-mxm:hover .survey__length .glyphicons,
.card-mxm:hover .survey__earn .content, .card-mxm:hover .survey__earn .glyphicons {
    color: #fff;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0);
}

/* === CATALOGUE === */

/* Reward Details */
.reward-form-miles, .modal-cart__points {
    display: inline-block;
    padding-bottom: .313rem;
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 1;
    color: #da0087;
}
.reward-form-miles span, .modal-cart__points span {
    display: inline-block;
    font-size: 1rem;
    font-weight: 300;
}
.reward-detail-content p.mini-title {
    line-height: 1;
    font-size: 0.750rem;
    font-weight: 300;
}
.gift-form {
    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 select {
    height: 40px;
}
.gift-form__option.opt-qm {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}
.gift-form__option .quantity {
    width: 25%;
    margin-right: .938rem;
}

/* Cart Modal */
.modal-content {
    border-radius: 0;
}
.modal-cart__container {
    display: flex;
    flex-direction: row;
}
.modal-cart__img {
    width: 30%;
    margin-right: 1.000rem;
}
.modal-cart__title {
    position: relative;
    padding-left: 2.500rem;
    font-size: 1.250rem;
    color: #00B944;
}
.modal-cart__title::before {
    content: "\E194";
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    font-family: 'Glyphicons Regular';
    font-size: 1.500rem;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translateY(-50%);
}
.modal_cart__reward-name {
    font-weight: 400;
}
.modal-cart__points {
    margin-top: 0;
    padding-left: 0;
    padding-bottom: 0;
}
.modal-cart__btn-cart {
    margin-top: 1.875rem;
}
.modal-cart__btn-back {
    margin-top: 1.000rem;
    text-decoration: underline;
}
#confirmationAddedToCart .modal-body {
    padding: 1.250rem;
}
/* Maintenance catalogue message */
.alert-catalogue .glyphicons {
    margin-right: 0;
    color: #CFBDA2;
    font-size: 28px;
}
.alert-catalogue {
    padding: 0.5rem 1.25rem;
}
.alert-catalogue h1 {
    font-size: 2.4rem;
}
.alert-catalogue h3 {
    font-size: 1.75rem;
}
.alert-catalogue h1,
.alert-catalogue h2,
.alert-catalogue h3,
.alert-catalogue h4,
.alert-catalogue h5 {
    color: #856404;
    margin: 1.250rem 0 0.75rem 0;
}
.alert-catalogue h1:first-child,
.alert-catalogue h2:first-child,
.alert-catalogue h3:first-child,
.alert-catalogue h4:first-child,
.alert-catalogue h5:first-child {
    margin-top: 0;
}
.alert-catalogue p,
.alert-catalogue ul,
.alert-catalogue ol {
    color: #AF9341;
    margin-bottom: 1rem;
}
.alert-catalogue p:only-of-type,
.alert-catalogue p:last-child,
.alert-catalogue ul:last-child,
.alert-catalogue ol:last-child {
    margin-bottom: 0;
}
.alert-catalogue ul,
.alert-catalogue ol {
    margin-left: 30px;
}
.maintenance-catalogue-message {
    position: relative;
    padding: 1.25rem 3.5rem 1.25rem 1.25rem;
}
.maintenance-catalogue-message:before {
    content: "\E197";
    position: absolute;
    top: 10px;
    right: 1.25rem;
    font-family: 'Glyphicons Regular';
    font-size: 28px;
    color: #CFBDA2;
}
@media screen and (min-width: 768px) {
    #confirmationAddedToCart .modal-dialog {
        width: 450px;
    }
}
/* === MANAGE DEVICES === */

#devices-container {
    margin-top: 1.25rem;
}

/* === MEMBER BUNDLE === */

.container-form-reactivate input[type=button] {
    margin-top: 1.25rem;
    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;
}

/* -------------------------------------- */
/* ==   STATES                          == */
/* -------------------------------------- */

/* === GRID === */

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

/* === TYPOGRAPHY === */

/* Titles */
.reward-detail-content h1 {
    font-size: 2.250rem;
}
p + h2.h4-like {
    margin-top: 1.250rem;
}
/* Title in colored block */
[class*="bg-"] h2, [class*="bg-"] h2:first-child {
    margin: 0 0 1.250rem 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;
}

/* === LINKS === */

a.underline:hover, a.underline:focus {
    text-decoration: none;
}
.bg-blue-medium a.button-like:hover,
a.txt-white:hover, a.txt-white:focus,
a.button-like.bg-blue-medium:hover {
    color: #fff;
}
.home-survey-list .survey_number .survey_link {
    color: #6e6e6e;
}
.home-survey-list .survey_number,
.home-survey-list .survey_miles,
.home-survey-list .survey_duration {
    position: unset;
    font-size: 0.9rem;
}
.home-survey-list .survey_miles .prefixe-upto,
.home-survey-list .survey_duration .prefixe-upto {
    font-size: 0.7rem;
}
@media screen and (max-width: 480px) {
    .prefixe-upto {
        display: block;
    }
}
.home-survey-list .list-item {
    position: relative;
}
.txt-link:hover {
    cursor: pointer;
}

/* === UTILITY CLASS === */

/* Text in bg blocks */
.bg-orange p, .bg-blue-light p,
.bg-grey-dark p, .bg-green-medium p, .bg-blue-medium p,
input[type="submit"]#bilendi_complaint_comment_claim_submit  {
    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;
}

/* === FORM === */

button[class*="bg-"], button[class*="bg-"] a,
.card-block button > a {
    color: #fff;
}
button[class*="bg-white"] a {
    color: #1d97ad;
}
/* BT inline form */
.inline-form button, .inline-form input.bg-orange {
    margin-top: 1.625rem;
}
/* Button in Modal */
.modal-header button[data-dismiss="modal"] {
    top: 50%;
    right: 20px;
    width: 24px;
    height: 24px;
    min-height: auto;
    margin-top: -.625rem;
    padding: 0;
    border-radius: 100%;
    text-align: center;
    font-size: 0.850rem;
    outline: none;
}
/* Btn group */
.bg-grey-medium form .btn-group .btn {
    background-color: #eaeaea;
}
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: -.438rem;
    border-style: solid;
    border-width: 0 8.5px 8px 8.5px;
    border-color: transparent transparent #f15a29;
}
/* Reward detail form */
form[name="cartItem"] input[type="submit"] {
    margin-top: 1.750rem;
}
form[name="cartItem"] label {
    color: #6e6e6e;
}
form[name="cartItem"] .quantity.error em {
    position: absolute;
    width: 250px;
}

/* === LOGOUT PAGES === */

/* Reseting display for log out header */
.main-nav-logout .header,
.error-page.log-out .header {
    display: inherit;
    align-items: inherit;
}

/* header not logged page but logged */

.home-bg-img {
    background: url(../images/home-bg-img.jpg) no-repeat 50% 0%;
    background-size: cover;
}
/* HERO text module */
.home-bg-img .hero-txt h1 {
    margin-bottom: 0;
    font-size: 2.750rem;
    font-weight: 700;
}
.home-bg-img .hero-txt h1, .home-bg-img .hero-txt p {
    z-index: 1;
    text-align: center;
    /* text-shadow: 0 0 6px rgba(0, 0, 0, 1); */
    color: #000
    ;
}
/* Banner app */
.bannerapp {
    text-align: center;
    margin-top: 1.25rem;
}

.home-bg-img .hero-txt p {
    font-weight: 400;
}
.hero-txt a {
    display: block;
    width: 25vw;
    margin: 5rem auto;
    padding: 0.5rem 2rem;
    font-size: 1.7rem;
    font-weight: 300;
    text-align: center;
}


/* Content */
#login-subscription p {
    font-size: 1.375em;
    color: #000;
}
#login-subscription .navbar, #qualification .header {
    z-index: 1000;
    margin-bottom: 0;
}
#login-subscription h1 {
    margin-bottom: 2.188rem;
    line-height: 1.8em;
    font-size: 2.750rem;
    font-weight: 700;
}
.home-bg-img {
    position: relative;
    top: -2rem;
    width: 100%;
    height: 100vh;
}
.home-bg-img .container {
    margin-bottom: 8.750rem;
}
.home-bg-img .hero-txt {
    padding-top: 15rem;
    text-shadow: 0 0 4px rgba(255, 255, 255, 1);
}
.home-bg-img p {
    font-size: 1.875rem;
    font-weight: 700;
}
.gift-example {
    text-align: center;
}
/* Registration */
#coreg-registration h1 {
    text-align: center;
}
#coreg-registration form.coreg {
    margin-top: 2.500rem;
}
#login-subscription form.default > div[class*="row"],
#coreg-registration form.coreg > div[class*="row"],
.sf2 #goq-main-container .question + .question {
    margin-top: 1.250rem;
}
#coreg-registration .select2-search--dropdown .select2-search__field {
    height: 40px;
}

/* === MAIN NAV === */

/* Main Nav current state */
.main-nav li.current > a {
    color: #da0087;
}
.main-nav li.current.main-nav-title a {
    color: #fff;
}

/* === FLAGZ === */

.footer .flag {
    width: 30px;
    height: 20px;
    opacity: 0.5;
}
.footer .flag:hover, .footer .is-active .flag {
    opacity: 1;
}
.footer .flag + .flag {
    margin-left: .500rem;
}

/* === PAGINATION === */

#partner + .pagination, #rewards + .pagination {
    margin-top: 0;
}
/* === CARD LIST IN FLEXBOX === */

.list-card, .list-card--item {
    margin: 0;
    padding: 0;
    list-style: none;
}
.list-card, .cms-page ul.list-card {
    display: flex;
    flex-wrap: wrap;
    margin-left: -.938rem;
    margin-right: -.938rem;
}
.list-card--item {
    display: flex;
    width: 33.33%;
    margin-bottom: 1.250rem;
    padding-left: .938rem;
    padding-right: .938rem;
}
.list-card--item .card-block {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #bcbcbc;
}
.list-card--item .card-mxm {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.list-card--item .card-border {
    border: none;
    min-height: inherit;
}
.list-card--item .card-icon-button {
    position: relative;
    top: inherit;
    right: inherit;
    float: right;
    margin-top: -3.750rem;
}

/* === MXM CARD BLOCK === */

/* 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;
}
/* Special case for webviews */
.is-webview {
    padding: 1.250rem 0;
}
.card-mxm.is-webview {
    border: none;
}
.style-webview .select2-container .select2-selection--single {
    height: 40px;
}
.style-webview .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}
/* === LIST === */

/* List Card with other elements */
p + .list-card {
    margin-top: 1.250rem;
}

/* === BUBBLES === */
.card-mxm--content .bubble-container {
    flex-wrap: nowrap;
}
.card-mxm--content .bubble.symbol-plus:after {
    right: -28px;
    width: 40px;
    height: 40px;
    background-size: cover;
}
.cms-page .card-mxm--content .bubble {
    height: 180px;
}
.cms-page .card-mxm--content .bubble:last-child {
    height: 280px;
}
.cms-page .bubble {
    width: 22%;
}
.cms-page .bubble:last-child {
    width: 36%;
}
.cms-page .bubble:last-child h3 {
    line-height: 1.200em;
    font-size: 2.000rem;
}
.cms-page .bubble p {
    font-size: 1.000rem;
}
.bubble h3 {
    margin-bottom: 0.5rem;
    font-size: 1.400rem;
    font-weight: 300;
    line-height: 1.4;
    color: #fff;
}

/* === MXM CARD BLOCK LOTTERY === */
.card-mxm.lottery-card {
    border-left-color: transparent;
    border-right-color: transparent;
}
.card-mxm.lottery-card .card-mxm--content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0;
}
.card-mxm.lottery-card .card-mxm--bt-container {
    display: none;
}
.lottery-card--img {
    width: 25%;
    background-image: url(../images/visual-lottery-card-02.jpg);
    background-repeat: no-repeat;
    background-position: 20% 30%;
}
.lottery-card--content {
    width: 50%;
    padding: .938rem;
}
.tickets {
    width: 25%;
    padding: .938rem;
    text-align: center;
}
.tickets--number {
    margin: .313rem 0;
    line-height: 1;
    font-size: 46px;
}
.tickets--icon {
    display: inline-block;
    width: 45px;
    height: 45px;
    margin-bottom: -5px;
    background-image: url(../images/icon-lottery-tickets.svg);
    background-size: cover;
    background-position: 50%;
}
body.is-webview {
    padding: 0;
}


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

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

/* -------------------------------------- */
/* ==   MEDIAQUERIES                   == */
/* -------------------------------------- */

/* === MIN WIDTH === */

@media (min-width: 768px) {
    .logged-txt.mobile-version {
        display: none;
    }
    .fm-container {
        width: 750px;
    }
    .bt-rounded {
        width: 30px;
        height: 30px;
    }
    .bt-rounded .glyphicons {
        line-height: .8;
    }
}
@media (min-width: 992px) {
    .fm-container {
        width: 970px;
    }

    .navbar-toggler {
        display: none;
    }
    .navbar-collapse.collapse {
        display: flex !important;
        flex-direction: row-reverse;
        align-items: center;
    }
    .navbar-header {
        left: 0!important
    }
    .navbar-header {
        float: none;
    }
}
@media (min-width: 1200px) {
    .fm-container {
        width: 1170px;
      }
    #game-arkadium .topbanner {
        background-size: contain;
    }
}
@media (min-width:1600px) {
    .home-bg-img .container {
        padding-top: 13.750rem;
    }
}

/* === MAX WIDTH === */

@media screen and (max-width: 1200px) {
    /* Home log out BG */
    #login-subscription .contact-number .input-group input[type="text"] {
        width: 75%!important;
    }
    form .btn-group .btn {
        padding: .450em .875em;
    }
    /* REGISTRATION - Radio Button for country selection */
    form .country-selection .btn-group .btn:first-child,
    form .country-selection .btn-group .btn:nth-child(2),
    form .country-selection .btn-group .btn:nth-child(3),
    form .country-selection .btn-group .btn:last-child {
        background-position: 4px 50%;
    }
    form .country-selection .btn-group .btn {
        padding: 0.750em 0.300em 0.750em 2.600em;
    }
    /* CART */
    .cart input[type="number"] {
        width: 40px;
        padding-left: .250rem;
        padding-right: .125rem;
    }
    /* Subscription Optin Maximail */
    .subscription-optin label input {
        margin-right: 0.5rem;
    }
    .subscription-optin label span {
        padding-right: 0.5rem;
    }
    .subscription-optin label strong {
        font-size: 1.875rem;
    }
    .subscription-optin label img {
        margin: -0.5rem 0.5rem 0 0.5rem;
    }
    .subscription-optin p {
        padding-left: 0.5rem;
    }
    /* step2 */
    .bg-img-step2 {
        background: #fff;
    }
    .bg-img-step2 h1.hero-txt {
        margin-bottom: 3rem;
    }
    .bg-img-step2 img {
        display: block;
        margin: 0 auto;
        width: 400px;
    }
    /* Filter Nav Gifts */
    .filters #ResultNb {
        padding-left: .625rem;
    }
    .filters #ResultNb span:first-child {
        font-size: 1rem;
    }
    .filters form input[type="number"] {
        width: 70%;
    }
    .filters form input[type="number"] + input[type="number"] {
        margin-top: .625rem;
        margin-left: 0;
    }
    .filters form button {
        height: 90px;
        border-radius: 0;
    }
    .reward-filter--results {
        padding-left: .625rem;
        font-size: 1rem;
    }
    /* BUBBLE */
    .bubble {
        width: 20%;
        height: 11rem;
    }
    .bubble:last-child {
        width: 32%;
        height: 17rem;
    }
    .cms-page .bubble {
        width: 25%;
    }
    .cms-page .bubble:last-child {
        width: 40%;
    }

    .counter-number {
        font-size: 1.5rem;
    }
    /* BACK ON TOP BT -> display by JS */
    .back-on-top {
      right: 20px;
    }
    /* BUBBLES */
    .card-mxm--content .bubble-container {
        flex-wrap: wrap;
    }
    .card-mxm--content .bubble.symbol-equal:after {
        display: none;
    }
    .card-mxm--content .bubble:last-child {
        margin: 3.125rem .500rem 0 .500rem;
    }
    .card-mxm--content .bubble.symbol-equal + .bubble:after {
        content: "";
        z-index: 100;
        position: absolute;
        display: block;
        top: -42px;
        left: 50%;
        width: 53px;
        height: 36px;
        background: url(../images/symbol-equal.png) no-repeat 0% 0%;
        transform: translateX(-50%);
    }
    #goq-main .question div[class=row] {

    }
    /* RQT  For DE #56897 to long name on label */
    #goq-main .question .container div[class=row] {
        width: 100%;
        margin-left: 0;
    }
}
@media screen and (max-width: 992px) {
    /* Header */

    .user-infos {
        display: none;
    }
    .header-logo {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
    .header .container {
        display: flex;
        align-items: center;
    }
    .menu-burger {
        position: relative;
        background-color: #333;
        width: 30px;
        height: 18px;
        margin: 0 .9375rem 0 0;
        cursor: pointer;
    }
    .menu-burger > span {
        display: block;
        position: absolute;
        background: #FFF;
        height: 2px;
        width: 30px;
        left: 50%;
        margin-left: -.938rem;
        transform-origin: left;
    }
    .menu-burger > span:nth-child(1) {
        top: 0;
    }
    .menu-burger > span:nth-child(2) {
        top: 8px;
    }
    .menu-burger > span:nth-child(3) {
        top: 16px;
    }
    .menu-burger.open > span:nth-child(1) {
        top: -2px;
        left: 50%;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .menu-burger.open > span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .menu-burger.open > span:nth-child(3) {
        top: 18px;
        left: 50%;
        -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;
    }
    #login-subscription .contact-number .input-group input[type="text"] {
        width: 65%!important;
    }
    #desktop-main-menu {
        display: none;
    }
    .has-sidebar .nav__sidebar .logged-txt {
        padding: 1.250rem;
    }
    .has-sidebar .nav__sidebar .logged-txt p {
        max-width: 80%;
    }
    .has-sidebar .nav__sidebar .logged-txt p,
    .has-sidebar .nav__sidebar .logged-txt + ul {
        margin-top: 0;
        word-wrap: break-word;
    }
    .has-sidebar .nav__sidebar .miles {
        display: block;
        margin: 0;
        font-size:  1.5em;
        line-height: 1;
    }
    .has-sidebar .nav__container {
        top: 94px;
    }
    .nav__container .mobile-version {
        display: block;
    }
    #main-navigation {
        display: block;
    }
    .header > .container {
        width: 100%;
    }
    .header #main-navigation {
        margin-left: 1.250rem;
    }
    .navbar-header > .clearfix-tablet {
        display: block;
    }
    .navbar-header > .logged-txt {
        float: none;
        padding: .625rem 0;
        text-align: center;
    }
    #slidemenu > .logged-txt {
        display: none;
    }
    /* Header Menu */
    .header-menu {
        flex-direction: row-reverse;
    }
    .header-menu__dropdown {
        right: 0;
        transform: translateX(0);
    }
    .header-menu__dropdown:after,
    .notif__dropdown:before {
        left: inherit;
        right: 22px;
        transform: translateX(0);
    }
    .notif__dropdown:before {
        right: 12px;
    }
    .header-menu__link {
        height: 64px;
    }
    .header-menu__item:hover .header-menu__dropdown {
        top: calc(100% - 8px);
    }
    .user-infos.lines .user-infos-miles:before,
    .user-infos.lines + .notif:before,
    .user-infos.lines + .header-menu__item:before {
        display: none;
    }
    .user-infos.lines + .notif,
    .user-infos.lines + .header-menu__item {
        margin-left: 0;
    }
    .counter-badge {
        top: 22px;
    }
    .mobile-user-icon {
        margin-left: 10px;
    }
    .sidebar-overlay {
        z-index: 150;
    }
    .nav_container {
        z-index: 200;
    }
    .flagMenu button {
        padding: 8px 0 4px 0;
    }
    /* Footer */
    .footer [class*="col-sm"] {
        margin-top: 0;
    }
    .footer-logo {
        margin-top: .938rem;
        margin-bottom: .938rem;
    }
    .footer ul.link-content {
        margin-right: 0;
    }
    .footer a.flag + a.flag {
        margin-left: .188rem;
    }
    .footer-country-selection {
        margin-top: 1.875rem;
    }
    .footer {
        padding: 1px 0 1.250rem 0;
    }
    .footer.footer-logged .footer-logo.no-desktop + .col-sm-9,
    .footer.footer-logged [class*="col-sm"] .row [class*="col-sm"],
    .footer-country-selection p {
        margin-top: 0;
    }
    .list-card--item .card-icon-button {
        right: inherit;
    }
    /* Home Logout */
    .header a.pull-left {
        margin-left: .938rem;
    }
    /* Reseting magin of logo when menu button is displayed */
    .header .navbar-toggler + a.pull-left {
        margin-left: 0;
    }

    #account-login-menu {
        width: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: -1;
    }
    .header .sign-in .form-group,
    .header .sign-in .form-group + .form-group,
    #login-header-form .pull-left {
        float: none;
        width: 100%;
    }
    .header .sign-in .form-group + .form-group {
        margin-top: 1.250rem;
        margin-left: 0;
    }

    .header .sign-in {
        margin: 1.875rem .938rem;
        flex-direction: column;
    }
    .header .sign-in a {
        height: auto;
    }
    .header #login-header-form button[type="submit"] {
        width: 100%;
        margin: 1.250rem 0;
        border-radius: 0;
    }
    .hero-txt h1 {
        margin-bottom: 0;
    }
    /* REGISTRATION - Radio/Checkbox Button */
    form .btn-group .btn {
        width: 33.33333333%;
    }
    /* BUBBLE */
    .bubble {
        width: 30%;
    }
    .bubble:last-child,
    .cms-page .bubble:last-child {
        width: 100%;
        border-radius: 20px;
    }
    .bubble.symbol-equal::after {
        bottom: 0;
        left: -16%;
        top: 100%;
        margin-top: -10px;
    }
    /* COREG REGISTRATION */
    .bg-gift-subscription {
        min-height: 288px;
    }
    /* Catalogue */
    .reward-detail-content, .reset-password--card {
        margin-bottom: 3.750rem;
    }
    .cart input[type="number"] {
        width: 45px;
    }

    .card-block .cart .cart--quantity button {
        margin-left: 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);
    }
    /* Subscription Optin Maximail */
    .subscription-optin p {
        margin-top: 0.5rem;
        padding-left: 0;
    }
    .subscription-optin p:before {
        display: none;
    }
    .subscription-optin button {
        margin-top: 0.5rem;
    }
    /* Cookie banner */
    .cc-window.cc-floating .cc-compliance {
        margin: 1rem 2rem;
    }
    .cc-bottom {
        bottom: 0;
    }
    .cc-floating.cc-theme-edgeless .cc-message {
        margin: .500rem 2rem 0 2rem;
    }
    /* Error pages */
    .error-page--404 {
        height: auto;
        padding-left: .938rem;
        background: none;
    }
    .error-page .error-page--main-title {
        margin: 3.750rem 0 0 0;
    }
    /* BACK ON TOP BT -> display by JS */
    .back-on-top {
        bottom: 20px;
        right: 50%;
        margin-right: -30px;
    }
    /* T&C - PP */
    .terms-container p a {
        word-break: break-all;
    }
    /* Titles overrides */
    .terms-container h1, .cms-page .card-mxm--content h1 {
        font-size: 1.750rem;
    }
    .terms-container h2, .cms-page .card-mxm--content h2 {
        font-size: 1.500rem;
    }
    .terms-container h3, .cms-page .card-mxm--content h3 {
        font-size: 1.400rem;
    }
    .terms-container h4, .cms-page .card-mxm--content h4 {
        font-size: 1.300rem;
    }
    .terms-container h5, .cms-page .card-mxm--content h5 {
        font-size: 1.200rem;
    }
    .terms-container h6, .cms-page .card-mxm--content h6 {
        font-size: 1.100rem;
    }
    .end-page-survey .info-message, .end-page-survey .error-message, .end-page-survey .success-message  {
        width: 100%;
    }
    /* card mxm */

    .has-hover-effect .card-mxm--icon-bt, .reward-detail-img-container .card-mxm--icon-bt {
        width: 100%;
    }
    .has-hover-effect .card-mxm--icon-bt span:first-child {
        display: block;
        padding-top: 0.8rem;
    }
    .card-mxm--icon-bt span:first-child {
        opacity: 1;
    }
     /* Personal info */
    .in-form-txt {
        width: 100%;
    }
    .input-group {
        width: 100%;
    }
    .flex-container {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .flex-container .bg-blue-medium {
        margin-top: 20px;
    }
    .flex-container .cookie-block {
        margin-right: 20px;
        margin-left: 20px;
    }
    .flex-container .gift, .flex-container .bg-blue-medium {
        width: 33.33%;
    }
}
/* SPECIFIC FOR TABLET IN LANDSCAPE MODE */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

}
/* SPECIFIC FOR TABLET IN PORTRAIT MODE */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

}

@media screen and (max-width: 767px) {
    html {
        /* set base font-size to equiv "16px", which is adapted to rem unit */
        font-size: 87.5%;
        /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
        /* thanks to @guardian, @victorbritopro and @eQRoeil */
        font-size: -webkit-calc(0.875em);
        font-size: calc(0.875em);
        /* disallow text zooming on orientation change (non standard property) */
        -webkit-text-size-adjust: 87.5%;
        -ms-text-size-adjust: 87.5%;
    }
    body {
        padding-top: 85px;
    }
    /* Header NAV */
    .main-nav-logout .container {
        margin-right: 0;
        margin-left: 0;
    }
    .navbar-toggler {
        margin-right: 0;
    }
    .flagMenu {
        margin: 0;
        margin-right: 10px;
    }
    .flagMenu button {
        width: 50px;
        height: 48px;
    }
    .header {
        position: fixed;
        top: 0;
        width: 100%;
    }
    .header .container {
        flex-wrap: wrap;
    }
    .logo {
        width: 100px;
    }
    /* Header Menu */
    .header-menu__item:hover .header-menu__dropdown {
        top: 58px !important;
    }
    .header-menu__link {
        width: 40px;
        font-size: 1.250rem;
    }
    .header-menu__link .glyphicons-shopping-bag {
        margin-top: -1px;
        font-size: 1.125rem;
    }
    .notif.show .notif__button:before,
    .notif:hover .notif__button:before,
    .header-menu__item:hover .header-menu__link:before,
    .header-menu__item--is-hover .header-menu__link:before {
        width: 34px;
        height: 34px;
    }
    .header-menu__dropdown,
    .notif__dropdown.dropdown-menu {
        position: fixed !important;
        top: 48px !important;
        width: 96%;
        right: 50% !important;
        transform: translateX(50%) !important;
    }
    .header-menu__dropdown:after,
    .notif__dropdown:before {
        display: none;
    }
    .counter-badge {
        right: -5px;
    }
    /* MAIN NAV */
    .has-sidebar .nav__container, .sidebar-overlay,
    .has-sidebar.main-nav-logout .nav__container {
        top: 64px;
    }
    .card-mxm--content {
        overflow-wrap: break-word;
    }
    h1 {
        word-wrap: break-word;
        width: 100%;
    }
    h3 {
        line-height: 1;
    }
    .bank-details .statement-box__img {
        display: none;
    }
    .bank-details .statement-box__content {
        width: 100%;
    }
    .js-scrollTo {
        margin-left: -45%;
        width: 90%;
    }
    /* Log Out */
    .home-bg-img {
        position: relative;
    }
    .email-home-form .col-sm-4,
    .email-home-form .col-md-4 {
        padding-left: .938rem;
        padding-right: .938rem;
    }
    .home-bg-img .container.pad-top-120 {
        padding-top: 2.500rem;
        padding-bottom: 2.500rem;
    }
    .how-it-work > .row + p {
        margin-top: 2.500rem;
    }
    .email-home-form {
        margin: 1.875rem 0;
    }
    .email-home-form input[type="submit"] {
        margin-left: 0;
    }
    .how-it-work h2 {
        text-align: center;
        color: #000;
    }
    .home-bg-img {
        background-position: 20% 0%;
    }
    .home-bg-img .container {
        margin-bottom: 0;
    }
    .hero-txt a {
        width: 90vw;
        margin: 2rem auto;
        padding: 1rem 2rem;
    }
    h1.hero-txt {
        margin-bottom: 0;
        line-height: 0.9;
        font-size: 1em;
    }
    h1.hero-txt .small {
        font-size: 0.5em;
        line-height: 0.5;
    }
    h2.hero-txt {
        font-size: 0.8em;
        line-height: 1.2;
    }
    .hero-txt h1 {
        font-size: 2.125rem;
        line-height: 1.2;
    }
    .home-bg-img .hero-txt p {
        font-size: 1.375rem;
        line-height: 1.2;
    }
    /* BUBBLE */
    .bubble-container {
        flex-direction: column;
        margin-top: 2rem;
    }
    .bubble, .bubble:last-child,
    .cms-page .bubble, .cms-page .bubble:last-child {
        width: 100%;
        height: 10rem;
        margin: 0 0 1.250rem 0;
        border-radius: 20px;
    }
    .cms-page .card-mxm--content .bubble {
        height: inherit;
    }
    .bubble.symbol-plus::after, .bubble.symbol-equal::after {
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        top: 100%;
        margin-top: -10px;
        background-size: cover;
    }
    .bubble.symbol-plus::after {
        width: 40px;
        height: 41px;
        margin-top: -12px;
    }
    .bubble.symbol-equal::after {
        width: 40px;
        height: 28px;
        margin-top: -5px;
    }
    .card-mxm--content .bubble.symbol-plus::after {
        top: inherit;
        bottom: -30px;
        left: 50%;
        transform: translateX(-50%) translateY(0);
    }
    .card-mxm--content .bubble.symbol-equal + .bubble:after {
        top: -28px;
    }
    /* Subscription */
    #login-subscription .contact-number .input-group input[type="text"] {
        width: 70%!important;
    }
    #optout .bg-blue-light.arrow-box-right:after {
        border:none;
    }
    #optout div[class*="col-"].bg-grey-medium {
        margin-top: 0;
    }
    /* REGISTRATION - Radio/Checkbox Button */
    form .btn-group .btn {
        width: 100%;
        margin-top: .938rem;
    }
    /* REGISTRATION - Col in form */
    .register-photo-bg {
        background: none;
        background-color: #f3f3f3;
    }
    .hero-txt {
        font-size: 2.625rem;
        line-height: 1;
    }
    form .row > .col-12 + .col-12 {
        margin-top: 1.250rem;
    }
    form input[type="checkbox"] + label {
        display: inline;
    }

    .row .col-12 + script + .col-12 {
        margin-top: 1.250rem;
    }
    #coreg-registration h1 {
        font-size: 2.250rem;
    }
    /* Step2 */
    .bg-img-step2 h1.hero-txt {
        font-size: 28px;
    }
    /* Card mxm */
    .card-mxm--header {
        margin-bottom: 10px;
    }
    .card-mxm--header > .glyphicons.glyphicons-credit-card {
        line-height: 2.5;
    }
    .card-mxm--header > .glyphicons.glyphicons-user:before, .mobile-user-icon, .card-mxm--header > .glyphicons.glyphicons-credit-card:before {
        font-size: 1.7rem;
    }
    .card-mxm--icon-bt span.glyphicons {
        font-size: 1.43rem;
    }
    /* Column specific */
    .row > .col-12 + .col-12 {
        margin-top: 1.250rem;
    }
    .survey-list-page .card-content .row > .col-12 + .col-12 {
        margin-top: 0;
    }
    [class*="col-"].no-padding {
        padding-left: .938rem;
        padding-right: .938rem;
    }
    /* HEADER LOGO */
    .header a.pull-left {
        margin: .938rem 0 0 0;
    }
    .header a.pull-left, .navbar-toggler {
        margin-top: .938rem;
        margin-bottom: .625rem;
    }
    .js-has-main-nav-bt .navbar-toggler {
        margin-top: .750rem;
        margin-right: .313rem;
    }
    .navbar-toggler {
        margin-top: 1rem;
    }
    .header a.pull-left + .logged-txt {
        display: none;
    }
    /* HEADER SIGN OUT */
    .main-nav-logout .header  > .container > .pull-right.no-logged {
        padding-right: 0;
        z-index: 2000;
        width: 100%;
    }
    .pull-right.no-logged {
        float: none;
    }
    .header > .flagMenu {
        top: 13px;
        margin-top: 0;
    }
    .header.js-has-main-nav-bt > .flagMenu {
        top: 13px;
        margin-top: 0;
        margin-right: 0;
        margin-left: .313rem;
    }
    .header a.pull-left {
        width: 100px;
    }
    /* HEADER SIGN IN */
    .brand-logo img {
        margin-top: -1.625rem;
    }
    .header > .container > .pull-right.no-logged {
        padding-right: 0;
    }
    .header button[data-target="#account-login-menu"] {
        width: 50px;
        background-color: #000;
        border-radius: 100%;
    }
    .header button[data-target="#account-login-menu"].navbar-toggler:focus,
    .header button[data-target="#account-login-menu"].navbar-toggler:hover {
        background-color: #000;
    }
    .header button[data-target="#account-login-menu"] span {
        margin: -1px 0 0 -1px;
        color: #fff;
    }
    .header .sign-in button .glyphicons.glyphicons-tick {
        display: none;
    }
    .header .sign-in button .not-header {
        display: block;
    }
    .header .sign-in button[type="submit"] {
        width: 100%;
        margin: 1.250rem 0;
        border-radius: 0;
    }
    .header .logged-txt .pull-left.marg-left-20 {
        min-width: 182px;
    }
    #slidemenu .bt-header.cart {
        display: block;
        margin: 1.250rem 0 0 0;
        padding: .313rem;
        border-radius: 10px;
        text-align: center;
        color: #fff;
        background-color: #f15a29;
    }
    /* FOOTER */
    .footer-logo {
        margin-right: auto;
    }
    /* WELCOME BOX */
    .header .bt-header.cart .glyphicons {
        display: none;
    }
    .logged-txt.desktop-version {
        display: none;
    }
    .header .bt-header.cart {
        float: none;
        width: 100%;
        height: 40px;
        margin-top: 1.250rem;
        margin-right: 0;
        padding-top: .375rem;
        border-radius: 0;
        text-align: center;
        font-size: 1.125rem;
        font-weight: 300;
    }
    .header .bt-header.cart + button {
        margin-top: .625rem;
    }
    /* Footer */
    .footer.footer-logged [class*="col-sm"] .row [class*="col-sm"],
    .footer .col-12 + .col-12 {
        margin-top: 0;
    }
    .footer.footer-logged [class*="col-sm"] .row .my-activity-footer:first-child,
    .clearfix + .col-sm-6.my-activity-footer {
        padding-left: .938rem;
    }
    .footer .footer-other-website, .footer.footer-logged .footer-other-website {
        margin-top: .938rem;
        margin-bottom: .938rem;
    }
    .footer.footer-logged .footer-country-selection {
        margin-top: .938rem;
    }
    .footer .nav-gift {
        padding-right: .938rem;
        padding-left: .938rem;
    }
    /* My personal information page */
    .in-form-txt a.txt-link {
        display: block;
        margin-left: 0;
    }
    #bilendi_member_account_profile_address_city {
        margin-top: .938rem;
    }
    label + .contact-number > .bilendi_member_account_profile_phone_prefix {
        margin-bottom: 1.250rem;
    }
    form input[type="checkbox"], form input[type="radio"] {
        margin-top: 4px;
    }
    .reset-password {
        margin: 20px 0;
    }
    .flex-container {
        display: block;
    }
    .flex-container .cookie-block {
        margin-right: 0px;
        margin-left: 0px;
    }
    .flex-container .gift, .flex-container .bg-blue-medium {
        width: 100%;
    }
    /* Contact pref page */
    .optins .switch {
        display: block;
        margin: 1.250rem auto .938rem auto;
    }
    .optins .pull-left, .optins .pull-right {
        float: none;
    }
    /* Catalogue */
    .cart h3 + p.txt-right {
        padding-bottom: 1.250rem;
        text-align: center;
    }
    .cart .row {
        margin-top: .625rem;
        margin-right: -.938rem;
        margin-left: -.938rem;
    }
    .cart .row:last-child {
        margin-top: 0;
        text-align: center;
    }
    .cart--gift-name p {
        padding-left: 0;
    }
    .cart-main-total .col-12 + .col-12.txt-right {
        border-top: 1px solid #e4e4e4;
        text-align: center;
    }
    .cart .row .alert-warning.marg-left-right-20 {
        margin-right: .938rem;
        margin-left: .938rem;
    }
    .cart--remove-item .no-desktop {
        display: block;
    }
    .cart-main-total .txt-right {
        text-align: center;
    }
    .cart_btn {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
    }
    .cart_btn .bg-grey-dark {
        margin-top: 1.25rem;
    }
    /* Checkout */
    .confirm-checkout .cart--quantity {
        display: none !important;
    }
    .confirm-checkout .line-total {
        flex: 0 0 100%;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    /* detail gift */
    .gift-form {

        flex-direction: column;
        align-items: flex-start;
    }
    .gift-form__col {
        width: 100%;
    }
    .opt-qm .quantity {
        flex-grow: 1;
    }
    /* Cookie banner */
    .cc-window.cc-banner.cc-type-info,
    .cc-theme-edgeless.cc-window {
        background-color: rgba(0, 0, 0, 0.9);
    }
    /* HP LOG IN */
    .slick-shopping-content, .no-survey {
        padding-left: .938rem;
        padding-right: .938rem;
    }
    .slick-shopping .slick-slide, .home-rqt-carousel .slick-slide,
    .card-edito .slick-slide {
        max-width: inherit;
        margin: 0 .938rem 1.625rem .938rem;
    }
    .slick-shopping .slick-arrow, .home-rqt-carousel .slick-arrow,
    .card-edito .slick-arrow {
        top: inherit;
        bottom: -3px;
    }
    .home-rqt-carousel .slick-arrow.slick-next {
        right: .938rem;
    }
    .home-rqt-carousel .slick-arrow.slick-prev {
        left: .938rem;
    }
    .slick-shopping .slick-dots, .no-survey .slick-dots,
    .card-edito .slick-dots {
        display: none!important;
    }
    .slick-shopping-content .button-like, .no-survey  .button-like,
    .slick-see-all-bt  {
        margin-top: .750rem;
    }
    .card-mxm.gift .cart button.cart--remove-item {
        right: 20px;
        left: auto;
    }
    /* FLEX GRID FOR CARD BLOCK */
    .list-card {
        flex-direction: column;
        margin: 0 0 1.250rem 0;
    }
    .list-card--item, .list-card--item .card-block--flex-content {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }
    .list-card--item .card-block {
        margin-bottom: 0;
    }
    /* EDITO SLIDER FULL WIDTH */
    .edito-item--content {
        position: relative;
        top: inherit;
        left: inherit;
        width: 100%;
    }
    .edito-item--content h1 {
        margin-top: .625rem;
        margin-bottom: .625rem;
        line-height: .8;
    }
    .edito-item--bt {
        position: relative;
        top: inherit;
        margin-top: 1.250rem;
    }
    .edito-container .slick-arrow {
        top: 85px;
    }
    /* DataTable Plugin */
    table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child {
           max-width: 200px;
           overflow: hidden;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.next:active, .dataTables_wrapper .dataTables_paginate .paginate_button.previous:active {
        padding-top: 2px;
    }
    /* Survey Page */
    .survey-page #rqt-progress {
        margin-bottom: 3.750rem;
    }
    /* RQT */
    #goq-main .button-group .goq-button, #goq-main .goq-button.goq-button-next, #goq-main .goq-button.goq-button-previous {
        width: 45%;
        height: 45px;
    }
    .card-mxm.lottery-card .card-mxm--content {
        flex-direction: column;
    }
    .lootery-card--img {
        width: 100%;
        height: 200px;
    }
    .lottery-card--content {
        width: 100%;
    }
    .tickets {
        width: 100%;
    }
    /* Statement box */
    .row-flex {
        flex-direction: column;
    }
    .statement-box {
        width: 100%;
    }
    .statement-box + .statement-box {
        margin-top: 4px;
    }
    .lottery .statement-box__img {
        order: 2;
    }
    /* CMS BLOCKS */
    .nav-anchor .nav-anchor__left, .nav-anchor .nav-anchor__right {
        width: 100%;
    }
    .nav-anchor .nav-anchor__right {
        margin-top: 1rem;
    }
    .terms-container {
        padding-top: 12.938rem;
    }
    .end-page-survey .info-message:before, .end-page-survey .error-message:before, .end-page-survey .success-message:before {
        top: -8%;
    }
    /* Statement */
    .statement-container table.dataTable.nowrap td {
        white-space: normal;
    }
    /* DataTable Plugin */
    table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child {
           max-width: 200px;
           overflow: hidden;
    }
    .datatable-statement td {
        vertical-align: top;
    }
    /* BLOCK SHARE */
    .block-edito,
    .block-sponsorship {
        width: 80%;
    }
    .block-edito a img {
        width: 100%;
        height: auto;
    }
    .url-sponsorship {
        padding: 0;
        margin-left: 0;
    }
    .btn-share span {
        display: none;
    }
    .btn-share img {
        margin: 0;
    }
    .order__date, .order__points {
        flex-basis: 20%;
    }
    .card-mxm .order__header {
        flex-wrap: nowrap;
    }
}
@media screen and (max-width: 480px) {
    .header > a.pull-left img {
        width: 100px;
    }
    .header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
    }
}
@media screen and (max-width: 426px) {
    .statement-container .dataTables_wrapper .dataTables_filter input {
        margin-left: 0;
    }
    .statement-container .dataTables_wrapper .dataTables_filter input[type="search"] {
        width: 100%;
    }
    .link-statement--order .glyphicons {
        padding-top: .143rem;
        padding-left: 0;
        text-align: center;
        vertical-align: inherit;
    }
}
@media screen and (max-width: 376px) {
    #login-subscription .contact-number .input-group input[type="text"] {
        width: 63%!important;
    }
    #rqt-progress.progress-block.small .progress__content-container .progress__content-title {
        width: 75%;
    }
    .progress-block {
        flex-wrap: wrap;
    }
    .progress-txt {
        width: 100%;
        line-height: 1.5;
    }
    .progress-bar {
        flex: 0 0 80%;
    }
}
@media screen and (max-width: 320px) {
 /* Specific for small devices */
}