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

 # Additional normalize reset

 # BASE
    # TYPOGRAPHY
    # LINKS
    # BROWSERS CONSISTENCY
    # FORM

 # Regrouping properties

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

 # MODULES
    # 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
    # NAV PARTNER
    # REWARD FILTERS
    # BADGE
    # SPONSORSHIP BLOCK

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

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

 # 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);
    /* disallow text zooming on orientation change (non standard property) */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    font: 300 1em "futura-pt", Helvetica, Arial, sans-serif; /* 300 -> book */
    text-align: left;
    /* set body font-size in em (1.250em equiv "20px") */
    background-color: #fff;
    color: #6e6e6e;
    /* Old Android bugfix */
    -webkit-animation: bugfix infinite 1s;
}

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

/* === 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 === */

/* Label */
label {
    font-size: 1.125em;
    color: #000;
}
/* Checkbox/Radio */
form input[type="checkbox"],
form input[type="radio"] {
    display: inline-block;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
    display: inline-block;
}
/* 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;
    outline: none;
}
/* 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;
}
.register-photo-bg input[type="text"], .register-photo-bg input[type="email"],
.register-photo-bg input[type="password"], .register-photo-bg select,
.register-photo-bg input[type="number"],
.register-photo-bg select,
#login-subscription input[type="text"], #login-subscription input[type="email"],
#login-subscription input[type="password"], #login-subscription select,
#login-subscription input[type="number"],
#login-subscription select,
#coreg-registration input[type="text"], #coreg-registration input[type="email"],
#coreg-registration input[type="password"], #coreg-registration select,
#coreg-registration input[type="number"],
#coreg-registration select {
    background-color: #f3f3f3;
}
/* Textarea */
textarea {
    width: 100%;
    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],
textarea[disabled] {
    background-color: #e4e4e4;
    color: #6e6e6e;
}
/* Tooltip in form */
form a[data-toggle="tooltip"] {
    cursor: default;
}

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

button, input[type="button"], label,
input[type="submit"], .button-like,
button > a, .back-on-top span, .input-prepend,
.error em, #errorsChangeEmail,
form .btn-group label[class="btn btn-primary active"]:after,
.header .sign-in a, .main-nav li a,
.main-nav > li > a:after, .bubble.symbol-plus:after,
.bubble.symbol-equal: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,
.slick-arrow .icon-arrow, .home-survey-list .no-padding-left a {
    display: block;
}
.header .sign-in .form-group, .bubble, .survey-list > li > a,
.filters .dx-field-value, .pull-left {
    float: left;
}
.pull-right, .header .sign-in button,
.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, .bubble, .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,
.fm-container .alert, 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,
.header .sign-in a, .main-nav > li > a:after,
.bubble.symbol-plus:after, .bubble.symbol-equal: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;
}
.edito-img.card-img-container img {
    width: 100%;
}

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

/* === CAPTCHA === */

/* Hide the recaptcha badge added by EWZRecaptchaBundle */
.grecaptcha-badge {
    display: none !important;
}

/* === 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,
.fm-container button .sr-only {
    display: none;
}
@media screen and (max-width: 767px) {
    .no-mobile, *[class*="col"].mobile,
    .line-separator.no-mobile, span[class*='icon-'].no-mobile  {
        display: none;
    }
}
@media screen and (max-width: 992px) {
    .no-tablet, span[class*="icon-"].no-tablet, .only-mobile {
        display: none;
    }
}

@media screen and (min-width: 1025px) {

}
/* [START] - Only mobile case */
@media screen and (max-width: 767px) {
    .only-mobile {
        display: block;
    }
}
/* [END] - Only mobile case */
@media screen and (min-width: 1000px) {
    .no-desktop, .clearfix.no-desktop, .only-mobile {
        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;
}
.header .container,
.logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header .container::before,
.header .container::after {
    display: none;
}
.logo {
    margin: 0.950em 0;
}
.punchline {
    margin-top: 0.75rem;
    margin-left: .938rem;
    font-size: 1em;
    color: #FFF;
}
/* 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;
}

/* Navbnar collapse */

.header .navbar-collapse {
    flex-basis: inherit;
    flex-grow: inherit;
    align-items: inherit;
}

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

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


.header-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.header-menu__item {
    position: relative;
}
/* Header menu link */
.header-menu__link {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 80px;
    font-size: 1.5rem;
    text-align: center;
}
.header-menu__link:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    border-radius: 100%;
    background-color: rgba(255,255,255,0.3);
    transform: translate(-50%, -50%);
    transition: all .3s ease-in-out;
    opacity: 0;
}
.header-menu__item:hover .header-menu__link:before,
.header-menu__item--is-hover .header-menu__link:before {
    width: 40px;
    height: 40px;
    opacity: 1;
}
.header-menu__link .glyphicons {
    margin-top: -.188rem;
    color: #fff;
}
.header-menu__link .glyphicons-shopping-bag {
    font-size:  1.313rem;
}
/* Header menu dropdown */
.header-menu__dropdown {
    position: absolute;
    top: calc(100% - 20px);
    right: 50%;
    min-width: 250px;
    padding: 0;
    border-radius: 10px;
    font-size: 1.125rem;
    background-color: #fff;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    opacity: 0;
    transform: translateX(50%);
    transition: all 0.3s ease-in-out;
    visibility: hidden;
}
.header-menu__dropdown:after,
.notif__dropdown:before {
    content: "";
    position: absolute;
    display: block;
    top: -16px;
    left: 50%;
    height: 0;
    width: 0;
    border: solid transparent;
    border-width: 8px;
    border-color: rgba(0,0,0,0);
    border-bottom-color: #ffffff;
    transform: translateX(-50%);
}
.header .dropdown.show .header .dropdown-menu {
    top: calc(100% - 12px);
}
.notif.open .dropdown-menu, .cart_icon:hover .dropdown-menu {
        animation: dropdown-menu-open 0.3s alternate forwards ease-in-out;
}
@keyframes dropdown-menu-open {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px);
    }
}
@media screen and (min-width: 768px) {
    .header .dropdown.show .dropdown-menu {
        display: block;
        visibility: hidden;
    }
    .header .dropdown.show:hover .dropdown-menu {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px);
    }
}
.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 {
    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;
}



/* === CONTAINER === */

.container.content {
    padding-top: 5.000rem;
}

/* === 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.footer-logged .nav-gift {
    margin-top: 2.938rem;
}
.footer p.h3-like {
    padding: 0;
    font-size: 0.875rem;
    font-weight: 700;
    color: #fff;
}
.footer.footer-logged [class*="col-md"] .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: 100%;
    height: 40px;
    margin-bottom: 1.250rem;
    background: url(../images/footer-logo.png) no-repeat 100% 0%;
}
/* 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-other-website {
    margin-top: 1.875rem;
}
.footer.footer-logged .footer-other-website {
    margin-bottom: 1.875rem;
}
.footer p.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-top: 1.500rem;
    margin-bottom: 1.563rem;
}
.footer.footer-logged .footer-logo.no-desktop + .col-md-9 {
    margin-top: 1.625rem;
}

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

/* Clearfix */
.clearfix:before, .clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}
/* Margin class */
.marg-0 { margin: 0; }
.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;
}
/* 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;
}
.no-padding-survey {
    padding: 0;
}
/*  Min-height */
.min-height-48 { min-height: 3.000rem; }


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

/* === 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 {
    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;
    }
}
/* Registration button */
.bg-orange.bt--is-disabled {
    background-color: #bcbcbc;
    cursor: not-allowed;
}

/* === TYPOGRAPHY === */

/* Hero text */
.hero-txt {
    position: relative;
    font-size: 3.625rem;
    font-weight: 700;
    line-height: 0.8;
    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   { color: #000; }
.txt-blue, a.button-like.txt-blue:hover {
    color: #1d97ad;
}
.txt-white, input[type="submit"].bg-orange,
.bg-blue-medium, .modal-cart__btn-cart {
    color: #fff;
}
.txt-grey { color: #6e6e6e; }
.in-form-txt { font-size: 1.125em; }

/* === LIST === */

.basic-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 2.500rem auto 0 auto;
    text-align: center;
}
.basic-list > li {
    position: relative;
    list-style-type: none;
    display: inline-block;
    margin: .500rem;
}
.basic-list li .bg-grey-dark {
    width: 190px;
    height: 190px;
}
.basic-list li .bg-grey-dark p {
    background-color: transparent;
    top: 50%;
    transform: translateY(-25%);
}
.basic-list p {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0 5px;
    background-color: rgba(51, 51, 51, 0.6);
    color: #fff;
    font-size: 1.375rem;
    font-weight: 500;
}
.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, .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;
}
#rewards-container  .list-card--item a {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.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;
}
#rewards-container .list-card--item .card-mxm--icon-bt {
    top: 0;
}
.list-card--item .card-icon-button {
    position: relative;
    top: inherit;
    right: inherit;
    float: right;
    margin-top: -3.750rem;
}
.button-cms .button-like {
    margin: 20px auto 0 auto;
    padding: 10px 0;
}

.cms-page .card-mxm--content a {
    color: inherit;
}
.cms-page .card-mxm--content .button-cms {
    color: white;
}

/* === 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;
}
#rewards-container .card-mxm--bt-container {
    margin-left: 1.250rem;
    margin-right: 1.250rem;
}
.card-mxm--bt-container:before, .card-mxm--bt-container:after,
.filters form:before, .filters form:after,
#gifts-tree:before, #gifts-tree:after {
    display: table;
    content: "";
}
.card-mxm--bt-container:after,
.filters form:after, .filters form:before,
#gifts-tree:before {
    clear: both;
}
.card-mxm--icon-bt {
    position: absolute;
    z-index: 100;
    top: -28px;
    right: 0;
    width: 40px;
    height: 40px;
    margin-top: -1.500rem;
    border-radius: 40px;
    color: #fff;
    cursor: pointer;
}
.card-mxm--icon-bt span {
    cursor: pointer;
}
.card-mxm--icon-bt span:first-child {
    position: relative;
    text-overflow: hidden;
    padding-top: .500rem;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 300;
    color: #fff;
    opacity: 0;
}
.card-mxm--icon-bt span.glyphicons {
    position: absolute;
    top: 5px;
    right: 10px;
    padding: 0;
    font-size: 1.250em;
    opacity: 1;
}
.card-mxm--mini-title {
    font-size: 0.750em;
}
#rewards-container .card-mxm--content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-end;
}
.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: .625rem 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;
}
.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;
}
#rewards-container .card-mxm--content .card-mxm--points {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: flex-end;
    padding-top: 0;
    text-align: center;
    font-size: 1.500rem;
    color: #da0087;
}
.card-mxm--content .card-mxm--points em {
    color: #da0087;
}
/* Hover Effect */
.card-mxm--hover-effect {
    display: none;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}
.card-mxm--hover-effect, .card-mxm--hover-content {
    position: absolute;
}
.has-hover-effect .card-mxm--icon-bt span:first-child,
.has-hover-effect .card-mxm--hover-content {
    display: none;
}
.has-hover-effect:hover .card-mxm--hover-effect,
.has-hover-effect:hover .card-mxm--hover-content,
.has-hover-effect:hover .card-mxm--icon-bt span:first-child {
    display: block;
}
.survey-list-page .has-hover-effect:hover .card-content .bg-grey-medium {
    background-color: rgba(0, 0, 0, 0.2);
}
.has-hover-effect:hover .card-mxm--content,
.card-mxm--hover-content {
    z-index: 100;
    color: #fff;
}
.has-hover-effect:hover .card-mxm--content h3,
.card-mxm--icon-bt:hover span.glyphicons,
.has-hover-effect:hover .card-mxm--content .card-mxm--points,
.has-hover-effect:hover .card-mxm--content .card-mxm--points em  {
    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;
}
.reward-points {
    padding-right: 5px;
}
@keyframes slidein {
    from {
        width: 40px;
        border-radius: 40px;
    }
    to {
        width: 100%;
        border-radius: 20px;
    }
}
.has-hover-effect:hover .card-mxm--icon-bt span:first-child,
.reward-detail-img-container:hover .card-mxm--icon-bt span:first-child {
    animation-duration: 0.3s;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
    animation-name: buttontext;
}
@keyframes buttontext {
    0% {
        display: block;
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/* Special Case For BT Only With Icon Without Link */
.card-mxm--icon-bt.no-link, .card-mxm--icon-bt.no-link span {
    cursor: default;
}
/* Colors of all buttons */
.card-mxm.partner .card-mxm--icon-bt, .card-mxm.partner button {
    background-color: #18987e;
}
.card-mxm.static .card-mxm--icon-bt, .card-mxm.static button {
    background-color: #00c6ff;
}
.card-mxm.gift .card-mxm--icon-bt, .card-mxm.gift button, .modal-cart__btn-cart {
    background-color: #f15a29;
}
.card-mxm.survey .card-mxm--icon-bt, .card-mxm.survey button {
    background-color: #1d97ad;
}
.card-mxm.panel .card-mxm--icon-bt, .card-mxm.panel button {
    background-color: #1d97ad;
}
/* Form In Card Element */
.card-mxm label {
    font-weight: 400;
    color: #6e6e6e;
}
form[name="cartItem"] label {
    color: #6e6e6e;
}
.card-mxm input[type="text"], .card-mxm input[type="number"],
.card-mxm input[type="password"], .card-mxm input[type="email"],
.modal input[type="text"], .modal input[type="email"],
.modal input[type="password"], .modal input[type="number"],
form[name="cartItem"] input[type="number"], form[name="cartItem"] input[type="text"],
.card-mxm select, .filters form input[type="number"],
.statement-container .dataTables_wrapper .dataTables_filter input[type="search"],
.reward-detail-content select {
    border: 1px solid #bcbcbc;
}
.card-mxm textarea {
    resize: none;
}
input[readonly=""],
select[disabled] {
    background-color: #f3f3f3;
}
.card-mxm .dx-texteditor-container input[type="text"] {
    border: none;
}
/* Alternative header For Card MXM */
.card-block:before {
    content: "";
    display: block;
    height: 48px;
    width: 100%;
    background-color: #333;
}
.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;
    margin-left: -1.875rem;
    border-radius: 100%;
    line-height: 1.850;
    background: #fff;
    box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.3);
}
.card-mxm--header > .glyphicons.glyphicons-user:before {
    padding-top: .438rem;
    padding-left: .875rem;
    font-size: 2rem;
    color: #dc0086;
}
/* 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 .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;
}
.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;
}
/* Merchant Cardz */
.merchant-earn strong, .merchant-earn b {
    color: #da0087;
}

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

/* === 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;
}
/* Colored background */
.bg-white { background-color: #fff; }
.bg-white-30 {
    background-color: rgba(255, 255, 255, 0.3);
}
.bg-white-60 {
    background-color: rgba(255, 255, 255, 0.6);
}
.bg-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-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;
}
.bg-gradient {
    background: rgb(218,0,135);
    background: linear-gradient(156deg, rgba(218,0,135,1) 0%, rgba(241,90,41,1) 100%);
}
.bg-blue-op {
    background-color: #003657;
}
/* === ARROWS === */

.arrow-box-bottom:after, .arrow-box-top:after,
.arrow-box-left:after, .arrow-box-right:after,
.complaint-compagny-sending .complaint-message:after,
.complaint-customer-sending .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 .complaint-message:after {
    top: 50%;
    left: -12px;
    margin-top: -.375rem;
}
.arrow-box-right:after,
.complaint-customer-sending .complaint-message:after  {
    top: 50%;
    right: -12px;
    margin-top: -.375rem;
}
/* Arrows for complaint */
.complaint-compagny-sending .complaint-message:after,
.complaint-customer-sending .complaint-message:after {
    top: 22px;
}
.complaint-compagny-sending .complaint-message:after {
    border-right-color: #f3f3f3;
}
.complaint-customer-sending .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 */
.input-prepend {
    height: 40px;
    padding-top: .500rem;
    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;
}
.tooltip-button, .tooltip-button-modal {
    display: block;
    position: absolute;
    top: 23px;
    right: 25px;
    font-family: 'Glyphicons Regular';
    font-size: 1.625rem;
    font-style: normal;
    font-weight: normal;
    color: #00c6ff;
    z-index: 998;
}
.tooltip-button::before, .tooltip-button-modal::before {
    content: "\E195";
}
/* Game Arkadium */

#game-arkadium .topbanner {
    background: #f3f3f3 url(../images/banner/banner_arkadium.png) repeat-x 0% 0%;
    background-size: contain;
}
#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 */
form .btn-group .btn {
    padding: .450em 1.875em;
    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 textarea, .card-mxm .error select {
    border: 1px solid #f01212;

}
.error em, #errorsChangeEmail {
    color: #f01212;
}
/* Sign in Header form */
.header .sign-in input[type="email"],
.header .sign-in input[type="password"] {
    height: 40px;
    font-size: 1.125rem;
    color: #767676;
}
.header .sign-in input[type="password"]{
    padding-left: 2.188rem;
}
.header .sign-in .form-group {
    width: 200px;
}
.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: 30px;
    height: 40px;
    padding-top: .313rem;
    text-align: center;
    font-size: 1.250rem;
    color: #bcbcbc;
}
.header .sign-in input:-moz-placeholder,
.email-home-form input:-moz-placeholder {
    color: #767676;
}
.navbar.sign-in input:focus:-moz-placeholder,
.email-home-form input:focus:-moz-placeholder {
    color: #767676;
}
.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"] {
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 100%;
    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: 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;
}

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

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

.nav__container {
    margin-bottom: 3.750rem;
}
/* Member block */
.main-nav {
    margin-top: 0;
    list-style: none;
    list-style-position: inside;
}
.main-nav li {
    border: 1px solid #bcbcbc;
}
.main-nav li + li {
    border-top: none;
}
.main-nav li.main-nav-title {
    padding: .375rem 0 .375rem 1.250rem;
    font-size: 1.500rem;
    font-weight: 500;
    color: #fff;
}
.main-nav li a,
ul.main-nav li.more-activities ul.menu_level_1  li a {
    padding: .750rem 1.250rem .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.more-activities {
    padding-left: 0;
    padding-bottom: 0;
}
.main-nav li.more-activities a {
    padding-left: 1.250rem;
    padding-bottom: .375rem;
}
.main-nav li.more-activities ul.menu_level_1  li a {
    background-color: #FFF;
    color: #000;
}
.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 ul#gifts-tree,
.main-nav > li.open ul,
.main-nav > li.current_ancestor 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 #bcbcbc;
}
.main-nav .current-forced ul {
    display: block;
}
.main-nav .current-forced > a:after {
    transform: rotate(90deg);
}
.main-nav .current-forced > a {
    color: #da0087;
}
/* nav partner */
.nav-partner {
    padding-bottom: 1.250rem;
}
/* Mobile Nav */
.sidebar--is-open {
    overflow: hidden;
}
.has-sidebar .nav__wrapper {
    position: relative;
    height: 100%;
    overflow: auto;

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


/* === FILTERS === */

.filters .tooltip {
    z-index: 10000;
}

/* === LOADER === */

.loader--modal-container {
    position: fixed;
    top: 30vh;
    left: 50%;
    z-index: 10000;
    width: 300px;
    margin-left: -150px;
    background-color: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, .2);
}
.loader--modal-container p {
    padding-top: .938rem;
    font-size: 1.250rem;
}
.loader-svg-container {
    width: 300px;
}
.loader-partner-logo {
    fill: #da1682;
    animation: logo_color_partner 3s ease infinite;
}
.loader-gift-logo {
    fill: #da1682;
    animation: logo_color_gift 3s ease infinite;
}
.loader-item-right-1 {
    opacity: 0;
    transform: translateY(0) translateX(0);
    animation: item_right_a 3s 0.5s ease infinite;
}
.loader-item-right-2 {
    opacity: 0;
    transform: translateX(0);
    animation: item_right_b 3s 0.8s ease infinite;
}
.loader-item-right-3 {
    opacity: 0;
    transform: translateY(0) translateX(0);
    animation: item_right_c 3s 1s ease infinite;
}
.loader-item-left-1 {
    opacity: 0;
    transform: translateY(0) translateX(0);
    animation: item_left_a 3s 0.5s ease infinite;
}
.loader-item-left-2 {
    opacity: 0;
    transform: translateX(0);
    animation: item_left_b 3s 1s ease infinite;
}
.loader-item-left-3 {
    opacity: 0;
    transform: translateY(0) translateX(0);
    animation: item_left_c 3s 0.8s ease infinite;
}
/* Animation for mxm logo to change color */
@keyframes logo_color_partner {
    0% {
        fill: #da0087;
    }
    50% {
        fill: #18987e;
    }
    80% {
        fill: #18987e;
    }
    100% {
        fill: #da0087;
    }
}
@keyframes logo_color_gift {
    0% {
        fill: #da0087;
    }
    50% {
        fill: #f15a29;
    }
    80% {
        fill: #f15a29;
    }
    100% {
        fill: #da0087;
    }
}
/* Cart right animations */
@keyframes item_right_a {
    0% {
        opacity: 0;
        transform: translateY(0) translateX(0);
    }
    5% {
        opacity: 1;
    }
    20% {
        opacity: 0;
        transform: translateY(-16px) translateX(16px);
    }
}
@keyframes item_right_b {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    5% {
        opacity: 1;
    }
    20% {
        opacity: 0;
        transform: translateX(16px);
    }
}
@keyframes item_right_c {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    5% {
        opacity: 1;
    }
    20% {
        opacity: 0;
        transform: translateY(16px) translateX(16px);
    }
}
/* Cart Left animations */
@keyframes item_left_a {
    0% {
        opacity: 0;
        transform: translateY(0) translateX(0);
    }
    5% {
        opacity: 1;
    }
    20% {
        opacity: 0;
        transform: translateY(-16px) translateX(-16px);
    }
}
@keyframes item_left_b {
    0% {
        opacity: 0;
        transform: translateY(0) translateX(0);
    }
    5% {
        opacity: 1;
    }
    20% {
        opacity: 0;
        transform: translateY(-8px) translateX(-16px);
    }
}
@keyframes item_left_c {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    5% {
        opacity: 1;
    }
    20% {
        opacity: 0;
        transform: translateY(16px) translateX(-16px);
    }
}

/* === FLAGZ === */
.flag {
    display: inline-block;
    width: 30px;
    height: 20px;
    border-radius: 4px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.5;
}
.flag:hover, .flag.active {
    opacity: 1;
}
.flag-es {
    background-image: url(../images/flag/flag-es.svg);
}
.flag-fr {
    background-image: url(../images/flag/flag-fr.svg);
}
.flag-it {
    background-image: url(../images/flag/flag-it.svg);
}
.flag-uk {
    background-image: url(../images/flag/flag-uk.svg);
}
.flag-de {
    background-image: url(../images/flag/flag-de.svg);
}
.flag-at {
    background-image: url(../images/flag/flag-at.svg);
}
.flag-ch {
    background-image: url(../images/flag/flag-ch.svg);
}
.flag-be {
    background-image: url(../images/flag/flag-be.svg);
}
.flag-no {
    background-image: url(../images/flag/flag-no.svg);
}
.flag-se {
    background-image: url(../images/flag/flag-se.svg);
}
.flag-fi {
    background-image: url(../images/flag/flag-fi.svg);
}
.flag-dk {
    background-image: url(../images/flag/flag-dk.svg);
}


/* === 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.active a,
.pagination > li.active:hover a {
    color: #fff;
}
.pagination > li > a {
    height: 100%;
    color: #6e6e6e;
}
.pagination > li > a > span {
    padding-top: .063rem;
}
.pagination > li:hover {
    border-color: #f15a29;
}
.pagination > li:hover > a {
    color: #f15a29;
}

/* === BUBBLES === */

/* === 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;
}
.section .bubble h3 {
    margin-bottom: 0.5rem;
    font-size: 1.400rem;
    font-weight: 300;
    color: #fff;
}
.bubble:last-child h3 {
    line-height: 1.2;
    font-size: 2rem;
}
.bubble p {
    font-size: 1.000rem;
}
.bubble.symbol-plus:after,
.bubble.symbol-equal:after {
    content: "";
    z-index: 100;
    position: absolute;
    display : block;
    top: 50%;
    right: -38px;
}
.bubble.symbol-plus:after {
    width: 58px;
    height: 59px;
    margin-top: -1.813rem;
    background: url(../images/symbol-plus.png) no-repeat 0% 0%;
}
.bubble.symbol-equal:after {
    right: -38px;
    width: 53px;
    height: 36px;
    margin-top: -1.125rem;
    background: url(../images/symbol-equal.png) no-repeat 0% 0%;
}

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

.js-scrollTo {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -15%;
    width: 30%;
}
.visu-desktop {
    min-height: 190px;
    background: url(../images/visu-portable.jpg) no-repeat 50% 100%;
}
.partner-logo img {
    margin: 0 auto;
}

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

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

/* === NAV PARTNER === */

/* Main ul Container */
.nav-partner li {
    position: relative;
}
.nav-partner li + li,
#gifts-tree li + li {
    padding-top: 1.250rem;
}
/* Alphabetical list */
.nav-partner li:first-child {
    padding: 1.250rem 1.250rem 0 1.250rem;
}
.nav-partner-letter {
    margin: 1.250rem 1.250rem 0 1.250rem;
    list-style: none;
    font-size: 0;
}
.main-nav .nav-partner-letter li {
    display: inline-block;
    width: 20%;
    padding: 0;
    border: 1px solid #fff;
    text-align: center;
    font-size: 1.125rem;
}
.main-nav .nav-partner-letter .letter-filter {
    padding: .313rem;
}
.main-nav .nav-partner-letter li.no-partner {
    padding: .313rem;
}
.partner--is-active {
    background-color: #fff;
}
.main-nav .partner--is-active a {
    color: #da0087;
}
/* Categories */
#partner-tree {
    padding: 1.250rem 0;
}
.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;
}
#partner-reset-letter {
    font-size: 0.875rem;
    font-weight: 300;
    color: #000;
    text-decoration: underline;
    cursor: pointer;
}
.nav-partner .filter--bt-erase-item--container {
    position: absolute;
    right: 0;
    top: 23px;
    margin: 0 1.250rem 0 0;
    padding: 0;
}
.nav-partner--subtitle {
    padding-left: 1.250rem;
    font-size: 1.125rem;
    font-weight: 500;
    color: #000;
}
.main-nav > li > ul.nav-partner > li + li,
.main-nav > li > #gifts-tree > ul > li + li {
    border-top: none;
}

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

/* === BADGE === */

.badge {
    margin-top: 2.5rem;
}


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

.badge ul li {
    height: auto;
    display: inline;
}



.badge ul li img {
    width: auto;
    height: 55px;
}

/* === 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: #DDD;
}
.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 {
    background-color: #f2f2f2;
    border: none;
}
.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 {
    height: 70vh;
}
.error-page--404 {
    padding-left: 26.625rem;
    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: 11.750rem 0 0 0;
}
.error-page p {
    margin: 2.500rem 0 0 0;
}
.error-page .button-like {
    margin: 2.500rem 0 0 0;
    color: #fff;
}

/* === SPONSORSHIP BLOCK === */

.block-sponsorship {
    width: 602px;
    margin: 1.125rem auto;
    font: 300 1em "futura-pt", Helvetica, Arial, sans-serif;
    text-align: center;
}
.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: 0.725rem;
}
.btn-share {
    margin: 0 0.300rem;
    padding: 0.3125rem;
}
.txt-share {
    color: #f15a29;
    text-align: center;
}
.share-link {
    display: flex;
    justify-content: center;
}
.block-share {
    padding: 1.125rem;
    background-color: #f3f3f3;
}
.block-sponsorship .btn-share {
    background-color: #00c6ff;
}
.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%);
}

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


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


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

.ui-widget-header {
    border: none;
    background: #333;
}
.ui-datepicker {
    z-index: 1000 !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 50%;
    transform: translateY(-50%);
}
.ui-datepicker .ui-datepicker-prev {
    left: 10px;
}
.ui-datepicker .ui-datepicker-next {
    right: 10px;
}
.ui-widget-header .ui-state-hover, .ui-widget-header .ui-state-focus {
    border: none;
    background: none;
}
.ui-widget-content .ui-datepicker-calendar .ui-state-hover,
.ui-widget-content .ui-datepicker-calendar .ui-state-focus {
    border-color: #f15a29;
    color: #f15a29;
    background: #fff;
}
.ui-state-active, .ui-widget-content .ui-state-active {
    border-color: #f15a29;
    color: #fff;
    background: #f15a29;
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(../images/jquery-ui/ui-icons_ffffff_256x240.png);
}
/* === 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: 998;
    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;
}
/* Home Log Out */
.home-bg-img .slick-edito.slick-initialized.slick-slider {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
}
.slick-slide.visu_edito_1 {
    background: url(../images/edito/1.jpeg) no-repeat 50% 50%;
    background-size: cover;
    height: 100vh;
}
.slick-slide.visu_edito_2 {
    background: url(../images/edito/2.jpeg) no-repeat 50% 50%;
    background-size: cover;
    height: 100vh;
}
.slick-slide.visu_edito_3 {
    background: url(../images/edito/3.jpeg) no-repeat 50% 50%;
    background-size: cover;
    height: 100vh;
}
/* Surveys */
.no-survey .slick-dots {
    margin-top: -.188rem;
    margin-bottom: .313rem;
}
/* Card block Slick Shopping */
.slick-shopping .card-mxm--content h3 + p {
    text-align: center;
}
.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: 20px auto;
    padding: 15px;
    border-radius: 5px;
    color: white;
}
.end-page-survey .info-message, .end-page-survey .error-message {
    background-color: #1d97ad;
}
.end-page-survey .success-message {
    background-color: #f15a29;
}
.end-page-survey .info-message:before, .end-page-survey .error-message:before, .end-page-survey .success-message:before {
    content: "";
    position: absolute;
    top: -12%;
    left: 50%;
    height: 0;
    width: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}
.end-page-survey .info-message:before, .end-page-survey .error-message:before {
    border-bottom: 6px solid #1d97ad;
}
.end-page-survey .success-message:before {
    border-bottom: 6px solid #f15a29;
}
.end-page-block-survey .rqt-card.card-block {
    width: auto;
}
.end-page-survey .end-page-block-survey h1 {
    font-size: 1.500rem;
    margin-bottom: .9375rem;
    padding-top: .625rem;
}

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

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

/* Modal */
.modal {
    z-index: 1050;
    margin-top: 80px;
}
.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;
}

/* === DATATABLE === */

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

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
.statement-container .shown .statement-collapse-action a.glyphicons-plus-sign:before {
       content: "\E192";
}
.statement-container .shown .statement-collapse-action a {
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:hover:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:focus:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:active:before {
       color: #f05a5a;
}
/* 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 {
    height: 40px;
    border: 1px solid #bcbcbc;
    border-radius: 0;
}
.main-nav .select2-container--default .select2-selection--single,
.register-photo-bg .select2-container--default .select2-selection--single {
    border: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding: .313rem 1.250rem .313rem .500rem;
}
.styled-select .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.select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #FFF;
    border: none;
    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.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #333;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    color: #f01212;
    font-size: 1.8rem;
    margin-right: .313rem;
    font-weight: normal;
    margin-top: .188rem;
    line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: #f3f3f3;
    font-size: 1rem;
    font-family: "futura-pt",sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 2;
    color: #000;
}
.nav-partner .select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: #fff;
}
.nav-partner .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 8px;
}
.nav-partner .select2-results li:first-child, .nav-partner .select2-results li + li {
    padding-top: .375rem;
}
/* === 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;
}


/* -------------------------------------- */
/* ==   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 {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding-top: .500rem;
    text-align: center;
}
#queriesListMessages_wrapper table#queriesListMessages td a {
    display: inline-block;
}
.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 {
    border-top: 1px solid #bcbcbc;
    margin: .625rem 1.250rem;
    padding-top: .625rem;
    color: #4C4C4C;
}
.complaint-file a {
    color: #f15a29;
}
.complaint-file:first-child {
    border: none;
}
.complaint-file > span {
    display: inline-block;
    margin-top: .438rem;
}
.complaint-file:first-child {
    padding-top: 1.250rem;
}
.complaint-file:last-child {
    padding-bottom: 1.250rem;
}
.complaint-media-upload #progress {
    overflow: hidden;
    height: 12px;
    margin-top: .625rem;
    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 {
    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;
}
/* === MANAGE DEVICES === */

#devices-container {
    margin-top: 1.25rem;
}
/* === FLASH MESSAGES === */
.alert-dismissable, .alert-dismissible {
    padding-right: 45px;
}
.fm-container .alert {
    width: auto;
    margin-top: .938rem;
    margin-bottom: 1.875rem;
    z-index: 998;
}
.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 .glyphicons {
    margin-right: 10px;
}
.alert-dismissable .close, .alert-dismissible .close {
    right: 10px;
    top: 50%;
    min-height: auto;
    padding: 0;
    margin-top: -.938rem;
}
.fm-container button span:first-child {
    font-size: 1.500rem;
    font-weight: 500;
    line-height: 1.2;
}
/* Alert in registration form */
 #alert_info_address {
    background-color: #fafafa;
    border-color: #fafafa;
    margin-top: .938rem;
    color: #6e6e6e;
 }
 #alert_info_address .glyphicons.glyphicons-info-sign,
  #alert_info_address a {
    color: #00c6ff;
 }
/* === QUALIFICATION === */

#goq-main-container {
    padding-bottom: 1.875rem;
}
/* Registration Module */
.register-photo-bg #goq-main {
    margin-top: 1.250rem;
}
.register-photo-bg #goq-main select.container {
    background-color: #f3f3f3;
    border: none;
    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 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;
    font-size: 1.7rem;
    font-weight: 300;
}
.qualif-subscription + .footer {
    margin-top: 0;
}
/* Question page */
.profile-question--page .container:before,
.profile-question--page .container:after {
   display: table;
   content: "";
}
.profile-question--page .container:after {
   clear: both;
}
.profile-question--page .header .container:before,
.profile-question--page .header .container:after {
    display: none;
}
.profile-question--page #goq-main {
    margin-bottom: 3.750rem;
    border: 1px solid #bcbcbc;
}
.profile-question--page #goq-main-container,
.profile-question--page #goq-main h1,
.profile-question--page .goq-intro {
    padding: 0 1.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;
}
/* Quick question page */
.rqt-card.card-block.quick_goq_container {
    margin: 0;
}
/* Profile index page */
.goq-profil-index .card-block.skin-finances .card__img-container,
.goq-profil-index .card-block.skin-media-technology .card__img-container,
.goq-profil-index .card-block.skin-environment .card__img-container,
.goq-profil-index .card-block.skin-work-experience .card__img-container,
.goq-profil-index .card-block.skin-travel .card__img-container {
    background-position: 100% 0%;
}
.goq-profil-index .card-block.skin-leisure-hobbies .card__img-container,
.goq-profil-index .card-block.skin-eating-out .card__img-container,
.goq-profil-index .card-block.skin-smoking .card__img-container {
    background-position: 50% 0%;
}
.rqt-card.card-block.quick_goq_container .card__img-container {
    background: none !important;
    background-color: #333 !important;
}

/* === TRAC SUBSCRIPTIONS === */

/* Registration Step 01 */
.register-photo-bg {
    background-color: #f3f3f3;
    margin-top: -3.750rem;
}
.bg-img-step2 {
    background: url(../images/bg-step2.png) #fff no-repeat 80% 0%;
    background-size: cover;
}
.bg-subscription .register-photo-bg {
    background: url(../images/bg-bis-enquete-mai-2019.jpg) no-repeat 0% 0%;
    background-size: cover;
}
.bg-subscription-female .register-photo-bg {
    background: url(../images/bg-female-registration.jpg) no-repeat 0% 0%;
    background-size: cover;
}
.bg-conversion-stories-female .register-photo-bg {
    background: url(../images/bg-female-registration.jpg) no-repeat 0% 0%;
    background-size: cover;
}
.bg-conversion-stories-male .register-photo-bg {
    background: url(../images/bg-male-conversion-stories.jpg) no-repeat 0% 20%;
    background-size: cover;
}
.bg-subscription-barbers .register-photo-bg {
    background: url(../images/bg-barbe-registration.jpg) no-repeat 0% 0%;
    background-size: cover;
}
.bg-subscription-ps4 .register-photo-bg {
    background: url(../images/bg-ps4-registration.jpg) no-repeat 0% 0%;
    background-size: cover;
}
.bg-subscription-itunes .register-photo-bg, .bg-subscription-nacatin .register-photo-bg {
    background: linear-gradient(90deg, rgba(51,51,51,1) 0%, rgba(101,101,101,1) 21%, rgba(101,101,101,1) 76%, rgba(51,51,51,1) 100%);
}
.bg-subscription-female .register-photo-bg .banner {
    background: url(../images/banner_top_woman_registration.png) no-repeat 50% 0%;
    background-size: cover;
    height: 310px;
}
.bg-conversion-stories-female .register-photo-bg .banner {
    background: url(../images/banner_top_female_conversion_stories.png) no-repeat 50% 0%;
    background-size: cover;
    height: 310px;
}
.bg-conversion-stories-male .register-photo-bg .banner {
    background: url(../images/banner_top_male_conversion_stories.png) no-repeat 50% 0%;
    background-size: cover;
    height: 310px;
}
.bg-subscription-barbers .register-photo-bg .banner {
    background: url(../images/banner_barbers.png) no-repeat 50% 0%;
    background-size: cover;
    height: 310px;
}
.bg-subscription-itunes .register-photo-bg .banner {
    background: url(../images/banner_itunes.png) no-repeat 50% 0%;
    background-size: cover;
    height: 310px;
}
.bg-subscription-nacatin .register-photo-bg .banner {
    background: url(../images/banner_nacatin.png) no-repeat 50% 0%;
    background-size: cover;
    height: 310px;
}
.bg-subscription-ps4 .register-photo-bg .banner {
    background: url(../images/banner_ps4.png) no-repeat 50% 0%;
    background-size: cover;
    height: 310px;
}
.bg-subscription .register-photo-bg .bg-white {
    background-color: rgba(255, 255, 255, 0.6);
}
.register-photo-bg .white-bg-30 {
    padding-top: 7.813rem;
}
.register-photo-bg .hero-txt,
.home-bg-img .hero-txt,
.home-bg-img p  {
    color: #000000;
    text-shadow: 0 0 4px rgb(255, 255, 255);
}
.home-bg-img h1.hero-txt {
    margin-bottom: 6.25rem;
    font-size: 2.750rem;
    line-height: 1;
}
.bg-img-step2 h1.hero-txt {
    margin-bottom: 6.25rem;
    font-size: 3.125rem;
    line-height: 1.2;
    text-align: left;
    text-transform: uppercase;
}
.home-bg-img h2.hero-txt {
    font-size: 1.750rem;
    font-weight: 700;
    line-height: 1.8;
}
.how-it-work h2 {
    font-size: 1.375em;
}
.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;
}
.banner-subscription-ads {
    margin-bottom: -2rem;
}
.banner-subscription-ads h1 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}
.banner-shema {
    margin: 0 auto;
}
.banner-subscription-ads .banner-shema .slick-slide img {
    margin: 0 auto;
    width: 114px;
}
.banner-subscription-ads .banner-shema .slick-arrow {
    margin-top: -2rem;
}
.banner-subscription-ads .banner-shema .slick-prev {
    margin-left: .313rem;
}
.banner-subscription-ads .banner-shema .slick-next {
    margin-right: .313rem;
}
.banner-subscription-ads .step01 p {
    background-color: #00c6ff;
}
.banner-subscription-ads .step02 p,
.banner-subscription-ads .step03 p {
    background-color: #1d97ad;
}
.banner-subscription-ads .step04 p {
    background-color: #f15a29;
}
.banner-subscription-ads .step01 p,
.banner-subscription-ads .step02 p,
.banner-subscription-ads .step03 p,
.banner-subscription-ads .step04 p {
    color: #ffffff;
    min-height: 105px;
}
.txt-subscription-ads {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 2rem;
    font-weight: 500;
    color: #000000;
    margin-bottom: 1.25rem;
}
.big-arrow {
    position: relative;
}
.txt-subscription-ads .big-arrow:after {
    content: "";
    position: absolute;
    border: solid #da0087;
    border-width: 0 5px 5px 0;
    padding: 5px;
    margin-top: 1.25rem;
    transform: rotate(45deg) translate(-50%, -50%);
    -webkit-transform: rotate(45deg) translate(-50%, -50%);
}

/* COREG Registration step 2 */
.bg-gift-subscription {
    min-height: 400px;
    background: url(../images/visu-coreg-registration.jpg) no-repeat 50% 0%;
    background-size: 80%;
}
/* SUBSCRIPTION OPTIN MAXIMAIL */
form.default > div.row.subscription-optin {
    margin: 1.250rem 0 0 0;
}
.subscription-optin {
    position: relative;
    padding: 0.938rem 0.938rem 0.625rem 0.938rem;
    background-color: #f3f3f3;
}
.subscription-optin label {
    padding-top: 0.313rem;
}
.subscription-optin label input {
    margin-right: 0.938rem;
    vertical-align: text-top;
}
.subscription-optin label span {
    padding-right: 0.938rem;
    font-size: 1.5rem;
}
.subscription-optin label strong {
    font-size: 1.875rem;
}
.subscription-optin label img {
    margin: -0.5rem 0.938rem 0 0.938rem;
}
.subscription-optin p {
    max-width: 60%;
    position: relative;
    margin: -0.313rem 0 0 0;
    padding-left: 0.938rem;
}
.subscription-optin p strong {
    display: block;
}
.subscription-optin p:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 1px;
    height: 129%;
    margin: -0.625rem 0 0 0;
    background-color: #c5c5c5;
}
.subscription-optin button {
    width: auto;
    height: auto;
    background: none;
    font-size: 1.625rem;
    color: #00c6ff;
}
.subscription-optin button:focus,
.subscription-optin button:active {
    outline: none;
    box-shadow: none;
}
.subscription-optin--collapse {
    border-top: 1px solid #c5c5c5;
    background-color: #fff;
}
.subscription-optin--collapse p {
    padding: 0.938rem;
}
/* Subscription select2 */
.register-photo-bg .select2-dropdown {
    background-color: #f3f3f3;
    border: none;
}
.register-photo-bg .select2-results__option {
    padding: .375rem .500rem;
}
.register-photo-bg .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
    color: #666;
}
/* Subscription PCP PLUS FORM TYPE */
.pcplus-container input[type="button"] {
    color: #fff;
    background-color: #333;
}
form[name=bilendi_member_account_profile] .col-12.pcplus-container,
form[name=bilendi_member_account_profile] .address-manual {
    padding-left: 0;
    padding-right: 0;
}
/* ref#69920 uk fb subscription */
.circle {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    text-align: center;
}
.bg-color-pink {
    background-color: #da0087;
}
.bg-color-blue-survey {
    background-color: #1d97ad;
}
.bg-color-orange {
    background-color: #f15a29;
}
.reg-schema {
    margin: 2.000rem 0;
}
.reg-schema .circle {
    width: 100px;
    height: 100px;
    margin: 0 auto 2.000rem auto;
    font-size: 2.000rem;
    color: #fff;
    box-shadow: 4px 6px 8px rgba(0, 0, 0, .2);
}
.reg-schema__item {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.reg-schema__content {
    flex-grow: 1;
    padding: 1.000rem 2.000rem;
    border-radius: 20px;
    background-color: #f3f3f3;
}

@media screen and (min-width: 768px) {
    .reg-schema__item + .reg-schema__item:before {
        content: "\E224";
        position: absolute;
        top: 36px;
        left: -14px;
        display: block;
        font-family: 'Glyphicons Regular';
        font-style: normal;
        font-size: 1.500rem;
        font-weight: normal;
        line-height: 1.5;
        color: #6e6e6e;
    }
}

/* === 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;
    word-wrap: break-word;
}
/* === 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 {
    margin-bottom: 3.750rem;
}
.cms-page ol, .cms-page ul {
    margin-left: 1.875rem;
}
.cms-container.cms-home .cms-block p:last-child {
    margin-bottom: .938rem;
}
.cms-container div[data-block-parent=true] + div[data-block-parent=true] {
    margin-top: 1.875rem;
}

/* === 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;
}
/* SURVEYS Available */
.survey__item .card-mxm .col-12 {
    position: unset;
}
.survey__ref {
    z-index: 10;
    margin: .625rem 0 0 0;
    padding: 1.875rem 1.250rem 1.250rem 1.250rem;
    line-height: 1;
    font-size: 1.500rem;
    font-weight: 400;
    color: #000;
}
.survey__ref .content {
    display: block;
    font-size: 0.750rem;
    font-weight: 300;
    color: #6e6e6e;
}
.survey__link-container {
    z-index: 10;
    margin-bottom: 1.250rem;
    padding: 0 1.250rem;
}
.survey__link {
    display: block;
    padding: 6px 0;
    border-radius: 40px;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 300;
    color: #fff;
    background-color: #1d97ad;
}
.survey__link:hover {
    text-decoration: none;
    color: #fff;
}
.survey__length .content, .survey__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 {
    padding-bottom: .313rem;
    font-size: 1.875rem;
    font-weight: 400;
    color: #da0087;
}
.reward-form-miles span, .modal-cart__points span {
    font-size: 1rem;
    font-weight: 300;
}
.reward-detail-content p.mini-title {
    line-height: 1;
    font-size: 0.750rem;
    font-weight: 300;
}
/* Reward detail form */
.gift-form > em {
    color: #f01212;
}
.gift-form__row {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin-right: -.938rem;
    margin-left: -.938rem;
}
.gift-form__col {
    width: 50%;
    padding-right: .938rem;
    padding-left: .938rem;
}
.gift-form__option + .gift-form__option,
.gift-form__freeinput div + div {
    margin-top: .938rem;
}
.gift-form__option + .gift-form__option {
    margin-bottom: .938rem;
}
.gift-form__option.opt-qm {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin-bottom: 0;
}
.gift-form__option.opt-qm input {
    width: 25%;
    margin-right: .938rem;
}
.gift-form select {
    height: 40px;
}
.gift-form__errors em {
    display: block;
}
/* Confirm Checkout */
.confirm-checkout .cart {
    margin-top: 1.875rem;
}
.confirm-checkout .cart--gift-name p {
    padding-left: 0;
}
/* 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: 0.75rem;
    right: 1.25rem;
    font-family: 'Glyphicons Regular';
    font-size: 28px;
    color: #CFBDA2;
}
@media screen and (min-width: 768px) {
    #confirmationAddedToCart .modal-dialog {
        width: 450px;
    }
}

/* === PCPLUS === */

/* Personel informations */
.pcplus-choices {
    background-color: #f3f3f3;
    max-height: 250px;
    overflow: auto;
}
.pcplus-choice {
    padding: .313rem 0;
}
.pcplus-choice + .pcplus-choice {
    border-top: 1px solid #fff;
}
.pcplus-choice:hover {
    cursor: pointer;
    background-color: #d8d8d8;
}
/* Checkout Process */
form[name=orderCheckout] .pcplus-container,
.pcplus-container-choices {
    margin-top: 1.250rem;
}

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

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

/* === ADRESS DQE BUNDLE === */

.dqe__message {
    padding: .625rem;
}

.dqe__address {
    font-weight: 400;
    color: #f15a29
}

.dqe__complement{
    margin-top:1.50rem;
}

.dqe__btn {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
}

.dqe__message_cancel {
    cursor: pointer;
    width: 50%;
    margin-right: 2px;
    padding: 15px;
    background-color: #333333;
}
.dqe__message_valid {
    cursor: pointer;
    width: 50%;
    margin-left: 2px;
    padding: 15px;
    background-color: #f15a29;
}
.has-dqe-postcode .dqe-postcode-container .js-dqe-postcode,
.has-dqe .dqe-container .js-dqe {
    box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.7);
}
.js-dqe-button {
    margin-top: 1.45rem;
}
/* -------------------------------------- */
/* ==   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.125rem;
}
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;
}
/* List */
#modal_order_detail .basic-bullet {
    list-style-position: outside;
}

/* === 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;
}
a.bg-white.button-like.txt-blue:hover {
    color: #1d97ad;
}
.home-survey-list .survey_number .survey_link {
    color: #6e6e6e;
}
.home-survey-list .survey_number,
.home-survey-list .survey_miles,
.home-survey-list .survey_duration {
    position: unset;
}
.home-survey-list .list-item {
    position: relative;
}
.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, .reset-password--card input[type="submit"] {
    margin-top: 1.500rem;
}
/* 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;
}

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

/* reset password card */
.reset-password--card {
    margin-bottom: 3.750rem;
}
/* Button/Submit */
.button-like.big {
    padding: .875rem 0;
}
#login-subscription .button-like {
    padding: 1.250rem 0 0 0;
}
.button-like.resend-link {
    height: inherit;
    min-height: 65px;
    padding-bottom: .875rem;
}
.navbar-toggler {
    margin: 0;
}
/* Content */
.home-bg-img {
    position: relative;
    height: 100vh;
    text-align: center;
    margin-top: -6.875rem;
}
.home-bg-img .container {
    padding-top: 8.750rem;
}
.section {
    padding: 2.500rem 0;
    font-size: 1.375rem;
    color: #000000;
}
.section h3 {
    font-size: 2.750rem;
    font-weight: 700;
    line-height: 1.8;
}
.section p {
    margin-top: 0;
}
/* Registration */
#coreg-registration .hero-little-txt {
    font-size: 2.125rem;
    font-weight: normal;
    text-align: left;
}
form.default,
form.partner,
form.coreg {
    margin-top: 2.500rem;
}
form.default > div[class*="row"],
form.partner > div[class*="row"],
form.default > div[class*="row"],
form.coreg > div[class*="row"],
.sf2 #goq-main-container .question + .question {
    margin-top: 1.250rem;
}
.register-photo-bg  #ui-datepicker-div .ui-widget-header {
    border-color: #333;
    background-color: #333;
}
.register-photo-bg .ui-state-active,
.register-photo-bg .ui-widget-content .ui-state-active,
.register-photo-bg .ui-widget-header .ui-state-active {
    border-color: #333;
    color: #f15a29;
}
.register-photo-bg .ui-state-hover,
.register-photo-bg .ui-widget-content .ui-state-hover,
.register-photo-bg .ui-widget-header .ui-state-hover,
.register-photo-bg .ui-state-focus,
.register-photo-bg .ui-widget-content .ui-state-focus,
.register-photo-bg .ui-widget-header .ui-state-focus {
    border-color: #f15a29;
    background-color: #f15a29;
    color: #FFF;
}
.register-photo-bg .select2-search--dropdown .select2-search__field {
    height: 40px;
}
/* === MAIN NAV === */

/* Main Nav current state */
.main-nav li.current > a,
.header .nav-secondary .dropdown-menu li.current > a,
ul.main-nav li.more-activities ul.menu_level_1 li.current > a {
    color: #da0087;
}
.main-nav li.current.main-nav-title a {
    color: #fff;
}

/* === FLAGZ === */

.footer a.flag-icon-background {
    display: inline-block;
    width: 31px;
    height: 20px;
    border-radius: 6px;
    opacity: 0.5;
}
.footer a.flag-icon-background:hover, .footer a.flag-icon-background.active {
    opacity: 1;
}
.footer a.flag-icon-background + a.flag-icon-background {
    margin-left: .500rem;
}

/* === PAGINATION === */

#partner + .pagination, #rewards + .pagination {
    margin-top: 0;
}

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

/* More activity : MAXIMAIL OPTIN/OPTOUT */
.card-mxm #optout .pull-left {
    min-height: 60px;
    padding: .500rem 1.500rem;
    border-right: 1px solid #c5c5c5;
}
.card-mxm #optout .pull-left:first-child {
    padding: 1.250rem 1.500rem .500rem 0;
}
.card-mxm #optout button {
    margin-top: .750rem;
}
.card-mxm #optout p {
    line-height: 1.2;
}
.card-mxm #optout p strong, #optin p strong {
    font-size: 1.250rem;
}
.card-mxm #optin {
    margin: 2.500rem 0 0 0;
    padding: 1.500rem 0;
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
    text-align: center;
}
/* 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;
}
body.is-webview {
    padding: 0;
}
.card-mxm.is-webview {
    border: none;
}
.is-webview .terms-container {
    background: none;
    border: none;
    padding: 1.250rem;
}
/* === LIST === */

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


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

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

@media (min-width: 768px) {
    .fm-container {
        width: 750px;
    }
    .navbar-toggler {
        display: none;
    }
    .header .collapse:not(.show) {
        display: block;
    }
    .bt-rounded {
        width: 30px;
        height: 30px;
    }
    .bt-rounded .glyphicons {
        line-height: .8;
    }
}
@media (min-width: 992px) {
    .fm-container {
        width: 970px;
    }
    /* BT ANIMATION */
    .has-hover-effect:hover .card-mxm--icon-bt,
    .reward-detail-img-container:hover .card-mxm--icon-bt {
        animation-duration: 0.3s;
        animation-direction: alternate;
        animation-fill-mode: forwards;
        animation-timing-function: ease-in;
        animation-name: slidein;
    }
}
@media (min-width: 1200px) {
    .fm-container {
        width: 1170px;
      }

}
@media (min-width:1600px) {
    .home-bg-img .container {
        padding-top: 13.750rem;
    }
}

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

@media screen and (max-width: 1200px) {
    /* 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;
    }
    .card-mxm.gift .cart .cart--quantity button {
        margin-left: .313rem;
    }
    /* 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;
    }
    /* More activity : Maximail Optin/Optout */
    #optout .col-12 {
        padding-left: 0;
        padding-right: 0;
    }
    #optout .pull-left {
        width: 50%;
    }
    #optout .pull-left + .pull-left {
        border-right: none;
    }
    /* 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;
    }
    /* BACK ON TOP BT -> display by JS */
    .back-on-top {
      right: 20px;
    }
    /* STEP 2 */
    .bg-img-step2 {
        background: #fff;
    }
    .bg-img-step2 h1.hero-txt {
        margin-bottom: 3rem;
    }
    .bg-img-step2 img {
        display: block;
        margin: 0 auto;
        width: 400px;
    }
}
@media screen and (max-width: 992px) {
    /* Header */
    #sign-in-form input[type="email"],
    #sign-in-form input[type="password"] {
        width: 180px;
    }
    /* Simple Sidebar - logged out properties */
    .punchline,
    .user-infos {
        display: none;
    }
    .mobile-user-icon {
        margin-left: 10px;
    }
    .cart_icon {
        margin: 0 10px 0 0;
    }
    .header-logo {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
    .menu-burger {
        position: relative;
        width: 30px;
        height: 18px;
        margin: 0 15px 0 0;
        background-color: #333333;
        cursor: pointer;
    }
    .menu-burger > span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        left: 0;
        background: #ffffff;
        opacity: 1;
        transform-origin: left;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .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: 4px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .menu-burger.open > span:nth-child(2) {
        width: 0;
        left: 4px;
    }
    .menu-burger.open > span:nth-child(3) {
        top: 18px;
        left: 4px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-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;
    }
    #desktop-main-menu {
        display: none;
    }
    .has-sidebar .nav__sidebar .miles {
        display: block;
        margin: 0;
        font-size:  1.5em;
        line-height: 1;
        color: #FFF;
    }
    .has-sidebar .main-nav {
        margin-top: 0;
    }
    /* 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;
    }

    /* Footer */
    .footer [class*="col-md"] {
        margin-top: 0;
    }
    .footer-logo {
        background-position: 50% 0%;
    }
    .footer .usefull-links ul li,
    .footer .nav-gift ul li {
        display: block;
    }
    .footer .usefull-links ul li + li:before,
    .footer .nav-gift ul li + li:before {
        display: none;
    }
    .footer a.flag + a.flag {
        margin-left: .188rem;
    }
    .footer-country-selection {
        margin-top: 1.875rem;
    }
    .footer.footer-logged .footer-logo.no-desktop + .col-md-9,
    .footer.footer-logged [class*="col-md"] .row [class*="col-md"],
    .footer-country-selection p {
        margin-top: 0;
    }
    .list-card--item .card-icon-button {
        right: inherit;
    }
    /* REGISTRATION - Radio/Checkbox Button */
    form .btn-group .btn {
        width: 33.33333333%;
    }
    /* Registration Maximail Optin */
    #optout .pull-left {
        width: 100%;
    }
    #optout label.pull-left {
        padding-bottom: .938rem;
        border-bottom: 1px solid #c5c5c5;
    }
    #optout .pull-left + .pull-left {
        width: 90%;
        max-width: 90%
    }
    #optout p.pull-left {
        padding: .938rem 0;
    }
    #optout.subscription-optin button {
        margin-top: 1.250rem;
    }
    /* COREG REGISTRATION */
    .bg-gift-subscription {
        min-height: 288px;
    }
    /* Catalogue */
    .reward-detail-content {
        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;
    }
    .banner-subscription-ads .banner-shema {
        width: 100%;
    }
    .banner-subscription-ads {
        margin-bottom: 3rem;
    }
    /* Filter Gifts */
    .filters #ResultNb {
        padding-left: 1.250rem;
    }
    .filters #ResultNb span:first-child {
        font-size: inherit;
    }
    .filters form input[type="number"] {
        width: 43%;
    }
    .filters form input[type="number"] + input[type="number"] {
        margin-top: 0;
        margin-left: .625rem;
    }
    .filters form button {
        height: 40px;
        border-radius: 100%;
    }
    .reward-filter--results {
        padding-left: 1.250rem;
        font-size: 1.125rem;
    }
    /* 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 {
        padding-left: .938rem;
        background: none;
    }
    .error-page .error-page--main-title {
        margin: 3.750rem 0 0 0;
    }
    /* BUBBLE */
    .bubble {
        width: 30%;
    }
    .bubble:last-child {
        width: 98%;
        height: 10rem;
        margin-top: 1rem;
        border-radius: 20px;
    }
    .bubble.symbol-equal::after {
        bottom: 0;
        left: -70%;
        top: 100%;
        margin-top: -10px;
    }
    /* Card buttons behavior */
    .card-mxm--icon-bt span:first-child {
        opacity: 1;
    }
    .has-hover-effect .card-mxm--icon-bt span:first-child {
        display: block;
    }
    .has-hover-effect:hover .card-mxm--icon-bt span:first-child,
    .reward-detail-img-container:hover .card-mxm--icon-bt span:first-child {
        animation: none;
    }
    /* BT ANIMATION */
    .has-hover-effect:hover .card-mxm--icon-bt,
    .reward-detail-img-container:hover .card-mxm--icon-bt {
        animation: none;
    }
    .has-hover-effect .card-mxm--icon-bt, .reward-detail-img-container .card-mxm--icon-bt {
        width: 100%;
    }
    /* Form   */
    .end-page-survey .info-message, .end-page-survey .error-message, .end-page-survey .success-message  {
        width: 100%;
    }
    .bg-conversion-stories-female .register-photo-bg .banner {
        background: url(../images/banner_top_female_conversion_stories_ipad.png) no-repeat 50% 0%;
        height: 440px;
        margin-top: 48px;
    }
    .bg-conversion-stories-male .register-photo-bg .banner {
        background: url(../images/banner_top_male_conversion_stories_ipad.png) no-repeat 50% 0%;
        height: 440px;
        margin-top: 48px;
    }
    .bg-subscription-woman .register-photo-bg .banner {
        background: url(../images/banner_top_woman_registration_ipad.png) no-repeat 50% 0%;
        height: 440px;
    }
    .bg-subscription-barbers .register-photo-bg .banner {
        background: url(../images/banner_barbers_ipad.png) no-repeat 50% 0%;
        height: 440px;
    }
    .bg-subscription-itunes .register-photo-bg .banner {
        background: url(../images/banner_itunes_ipad.png) no-repeat 50% 0%;
        height: 440px;
    }
    .bg-subscription-nacatin .register-photo-bg .banner {
        background: url(../images/banner_nacatin_ipad.png) no-repeat 50% 0%;
        height: 440px;
    }
    .bg-subscription-ps4 .register-photo-bg .banner {
        background: url(../images/banner_ps4_ipad.png) no-repeat 50% 0%;
        height: 440px;
    }
}
/* Specific Ipad Pro - Portrait */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
}
/* 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) {
    body {
        padding-top: 85px;
    }
    .row > .col-12 + .col-12 {
        margin-top: 1.250rem;
    }
    .row .col-12 + script + .col-12 {
        margin-top: 1.250rem;
    }
    .survey-list-page .card-content .row > .col-12 + .col-12 {
        margin-top: 0;
    }
    .logo {
        width: 100px;
        margin-top: 1.375rem;
        margin-bottom: 1.375rem;
    }
    .card-mxm--content {
        overflow-wrap: break-word;
    }
    h1 {
        word-wrap: break-word;
        width: 100%;
    }
    h3 {
        line-height: 1;
    }
    .section h3 {
        line-height: 1.2;
    }
    .statement-container table.dataTable.nowrap td {
        white-space: normal;
    }
    #login-subscription h1 {
        text-align: center;
    }
    .js-scrollTo {
        margin-left: -45%;
        width: 90%;
    }
    .bg-img-step2 h1.hero-txt {
        font-size: 28px;
    }
    /* Log Out */
    .header {
        position: fixed;
        top: 0;
        width: 100%;
    }
    .email-home-form .col-md-4 {
        padding-left: .938rem;
        padding-right: .938rem;
    }
    .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;
    }
    .home-bg-img {
        margin-top: -5.313rem;
    }
    .home-bg-img .container {
        padding-top: 6.438rem;
    }
    .home-bg-img h1.hero-txt {
        margin-bottom: 0;
        line-height: 0.9;
        font-size: 1.375rem;
    }
    .home-bg-img h1.hero-txt .small {
        font-size: 0.688rem;
        line-height: 0.5;
    }
    .home-bg-img h2.hero-txt {
        font-size: 1.125rem;
        line-height: 1.2;
    }
    /* Subscription */
    #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 {
        margin-top: .938rem;
    }
    /* REGISTRATION - Col in form */
    .hero-txt {
        font-size: 2.625rem;
        line-height: 1;
    }
    form input[type="checkbox"] + label {
        display: inline;
    }
    /* COREG REGISTRATION */
    .bg-gift-subscription {
        min-height: 155px;
    }
    /* SUBSCRIPTION OPTIN MAXIMAIL */
    .subscription-optin p {
        width: 80%;
    }
    .subscription-optin label span {
        font-size: 1.250rem;
    }
    .subscription-optin label strong {
        font-size: 1.500rem;
    }
    /* Column specific */
    [class*="col-"].no-padding {
        padding-left: .938rem;
        padding-right: .938rem;
    }
    /* HEADER SIGN OUT */
    .header .container {
        flex-wrap: wrap;
    }
    #account-login-menu {
        width: 100%;
    }
    #account-login-menu .sign-in {
        padding: 15px 0 0 0;
    }
    .sign-in .pull-left {
        float: none;
    }
    /* HEADER SIGN IN */
    .header button[data-target="#account-login-menu"] {
        width: 40px;
        height: 40px;
        background-color: #4c4c4c;
        border-radius: 100%;
    }
    .header button[data-target="#account-login-menu"].navbar-toggler:focus,
    .header button[data-target="#account-login-menu"].navbar-toggler:hover {
        background-color: #4c4c4c;
    }
    .header button[data-target="#account-login-menu"] span {
        color: #fff;
        margin: -3px 0 0 -1px;
    }
    .header .sign-in .form-group,
    .header .sign-in .form-group + .form-group {
        float: none;
        width: 100%;
    }
    .header .sign-in .form-group + .form-group {
        margin-top: 1.250rem;
        margin-left: 0;
    }
    .header .sign-in button .glyphicons.glyphicons-tick {
        display: none;
    }
    .header .sign-in button .not-header {
        display: block;
    }
    .header #login-header-form button[type="submit"] {
        width: 100%;
        margin: 1.250rem 0;
        border-radius: 0;
    }
    /* 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;
    }
    /* Footer */
    .footer.footer-logged [class*="col-md"] .row [class*="col-md"],
    .footer .col-12 + .col-12 {
        margin-top: 0;
    }
    .footer.footer-logged [class*="col-md"] .row .my-activity-footer:first-child,
    .clearfix + .col-md-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;
    }
    form[name="bilendi_member_account_profile"] strong.txt-black {
        word-break: break-word;
    }
    #bilendi_member_account_profile_address_city {
        margin-top: .938rem;
    }
    label + .contact-number > .bilendi_member_account_profile_phone_prefix {
        margin-bottom: 1.250rem;
    }
    /* 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-right:  4.375rem;
        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;
    }
    .opt-qm .quantity {
        flex-grow: 1;
    }
    /* Catalogue - Cart */
    .card-mxm.gift .cart button.cart--remove-item {
        top: 15px;
        right: 15px;
        left: auto;
        width: 60px;
        border-radius: 0;
    }
    /* 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;
    }
    /* 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;
    }
    /* More activity : MAXIMAIL OPTIN/OPTOUT */
    #optout .pull-left {
        width: 100%;
        border-right: none;
        border-top: none;
    }
    /* 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;
    }
    /* FILTER NAV GIFTS */
    .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;
    }
    /* My Optins Page */
    form[name="contact_preferences"] h2 {
        margin-bottom: 0;
    }
    form[name="contact_preferences"] .contact-number {
        margin-bottom: 1.250rem;
    }
    .optins .pull-left, .optins .pull-right {
        float: none;
    }
    .optins .switch {
        display: block;
        margin: 1.250rem auto .938rem auto;
    }
    /* Survey Page */
    .survey-page #rqt-progress {
        margin-bottom: 3.750rem;
    }
    /* Loader */
    .loader--modal-container {
        top: 20vh;
    }
    /* Reward Detail Form */
    .gift-form {
        flex-direction: column;
        align-items: flex-start;
    }
    .gift-form__col {
        width: 100%;
    }
    /* BUBBLE */
    .bubble-container {
        flex-direction: column;
        margin-top: 2rem;
    }
    .bubble, .bubble:last-child {
        width: 96%;
        height: inherit;
        margin: 0 0 1rem 0;
        border-radius: 20px;
    }
    .bubble.symbol-plus::after, .bubble.symbol-equal::after {
        bottom: 0;
        left: 46%;
        top: 100%;
        margin-top: -10px;
        background-size: cover;
    }
    .bubble.symbol-plus::after {
        width: 40px;
        height: 41px;
    }
    .bubble.symbol-equal::after {
        width: 40px;
        height: 28px;
    }
    /* BACK ON TOP BT -> display by JS */
    .back-on-top {
        bottom: 20px;
        right: 50%;
        margin-right: -30px;
    }
    /* Qualification bundle */
    #goq-main .question div[class=row] {
        width: 100% !important;
        margin-left: 0 !important;
    }
    .end-page-survey .info-message:before, .end-page-survey .error-message:before, .end-page-survey .success-message:before {
        top: -8%;
    }
    /* 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;
    }
    /* js dqe button */
    .js-dqe-button {
        margin-top: 0;
    }
    .raf .arrow:after,
    .banner-subscription-ads .arrow:after {
        display: none;
    }
    .banner-subscription-ads .hero-little-txt {
        font-size: 1.5rem;
    }
    .order__date, .order__points {
        flex-basis: 20%;
    }
    .card-mxm .order__header {
        flex-wrap: nowrap;
    }
}
@media screen and (max-width: 767px) {
    .row > .col-12 + .col-12 {
        margin-top: 1.250rem;
    }
    .row .col-12 + script + .col-12 {
        margin-top: 1.250rem;
    }
    .survey-list-page .card-content .row > .col-12 + .col-12 {
        margin-top: 0;
    }
    .banner-subscription-ads .step01 p,
    .banner-subscription-ads .step02 p,
    .banner-subscription-ads .step03 p,
    .banner-subscription-ads .step04 p {
        min-height: 80px;
        margin-bottom: 0;
    }
    form#reactivate #button_reactivate {
        white-space: pre-wrap;
    }

}
@media screen and (max-width: 480px) {
    .statement-container .dataTables_wrapper .dataTables_filter input {
        margin-left: 0;
    }
    .statement-container .dataTables_wrapper .dataTables_filter input[type="search"] {
        width: 100%;
    }
    .subscription-optin label input {
        margin-right: 0.2rem;
    }
    .subscription-optin label span {
        padding-right: 0.2rem;
    }
    .subscription-optin label img {
        margin: -0.5rem 0 0 0.2rem;
    }
    .bg-conversion-stories-female .register-photo-bg .banner {
        background: url(../images/banner_top_female_conversion_stories_mobile.png) no-repeat 50% 0%;
        height: 235px;
        margin-top: 48px;
    }
    .bg-conversion-stories-male .register-photo-bg .banner {
        background: url(../images/banner_top_male_conversion_stories_mobile.png) no-repeat 50% 0%;
        height: 235px;
        margin-top: 48px;
    }
    .bg-subscription-female .register-photo-bg,
    .bg-conversion-stories-female .register-photo-bg {
        background-position: 25% 0%;
    }
    .bg-subscription-male .register-photo-bg,
    .bg-conversion-stories-male .register-photo-bg {
        background-position: 38% 20%;
    }
    .bg-subscription-female .register-photo-bg .banner {
        background: url(../images/banner_top_woman_registration_mobile.png) no-repeat 0% 0%;
        background-size: contain;
        height: 180px;
        margin-top: 48px;
    }
    .bg-subscription-barbers .register-photo-bg .banner {
        background: url(../images/banner_barbers_mobile.png) no-repeat 0% 0%;
        background-size: cover;
        height: 180px;
        margin-top: 48px;
    }
    .bg-subscription-itunes .register-photo-bg .banner {
        background: url(../images/banner_itunes_mobile.png) no-repeat 0% 0%;
        background-size: contain;
        height: 180px;
        margin-top: 48px;
    }
    .bg-subscription-nacatin .register-photo-bg .banner {
        background: url(../images/banner_nacatin_mobile.png) no-repeat 0% 0%;
        background-size: contain;
        height: 180px;
        margin-top: 48px;
    }
    .bg-subscription-ps4 .register-photo-bg .banner {
        background: url(../images/banner_ps4_mobile.png) no-repeat 0% 0%;
        background-size: contain;
        height: 180px;
        margin-top: 48px;
    }
}
/* Background retina x2 */
@media screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2),
screen and (max-width: 480px) and (min-resolution: 192dpi) {
    .bg-conversion-stories-female .register-photo-bg .banner {
        background: url(../images/banner_top_female_conversion_stories_mobilex2.png) no-repeat 50% 0%;
        background-size: cover;
    }
    .bg-conversion-stories-male .register-photo-bg .banner {
        background: url(../images/banner_top_male_conversion_stories_mobilex2.png) no-repeat 50% 0%;
        background-size: cover;
    }
}
@media screen and (max-width: 376px) {
    #optout label img {
        width: 30%;
    }
    .badge ul li {
        display: block;
        margin-top: 20px;
    }
    .badge ul li img {
        width: 180px;
        height: auto;
    }
    /* Home Log Out */
    form .btn-group .btn {
        padding: .450em 0;
    }
}
@media screen and (max-width: 319px) { /* Galaxy Fold */
    .logo {
        width: 60px;
    }
}