@import url("webfont.css");
@import url("orange.css");
@import url("base.css");
@import url("footer.css");
@import url("mobile_nav.css");
body {
    -webkit-text-shadow: none !important;
    -moz-text-shadow: none !important;
    text-shadow: none !important;
    color: #333333 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    font-weight: normal;
    font-family: 'Source Sans Pro', sans-serif;
}

body * {
    -webkit-text-shadow: none !important;
    -moz-text-shadow: none !important;
    text-shadow: none !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body strong {
    font-weight: 600;
    color: #38378b;
}


/* MGM Content */

.mgm_button_copy a {
    cursor: pointer;
}

.recomend {
    float: left;
    background-color: #fff;
    padding: 15px;
}

.recomend h1 {
    margin: 20px 0 30px 20px;
    float: left;
}

.mgm-icon {
    width: 70px;
    float: left;
}

div.mgm_button_copy,
div.mgm_button_mail {
    float: left;
}

div.mgm_button_copy h3,
div.mgm_button_mail h3 {
    float: left;
    line-height: 71px;
}

.mgm-copy,
.mgm-mail {
    width: 50px;
    border-radius: 60px;
    float: left;
    margin: 10px 30px 10px 10px;
}

.recomend p {
    float: left;
}

.mgm-copy img,
.mgm-mail img {
    margin-top: 5px;
}

.mgmLink-copy-success {
    font-family: 'Source Sans Pro', sans-serif;
    position: absolute;
    z-index: 9999;
    top: 8.3%;
    left: 41%;
    background: white;
    padding: 5px 20px;
    text-align: center;
    line-height: 70px;
    color: #38378b;
    font-size: 28px;
    border-radius: 5px;
    border: 1px solid #38378b;
}


/* NAVIGATION */

body .band.content_nav > .container.container-twelve {
    width: 100%;
}



/* CONTENT SEPERATOR */
body > .band.contentarea {
    padding: 0;
    height: 168px;
    background: url(menu_separator.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0;
    box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.25) inset, 0px -2px 2px -1px rgba(0, 0, 0, 0.25) inset;
}

body > .band.contentarea::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-image: url(menu_separator_overlay.png);
    opacity: 0.7;
    pointer-events: none;
}

body > .band.contentarea > .container.container-twelve {
    width: 100%;
    max-width: 1140px;
}

body > .band.contentarea > .container.container-twelve .twelve.columns.store-selector,
body > .band.contentarea > .container.container-twelve .twelve.columns,
body > .band.contentarea > .container.container-twelve .eight.columns {
    width: 100%;
    margin: 0;
}

body > .band.contentarea > .container.container-twelve .twelve.columns.store-selector {
    position: relative;
}

body > .band.contentarea > .container.container-twelve .twelve.columns.store-selector h2,
body > .band.contentarea > .container.container-twelve .twelve.columns h2,
body > .band.contentarea > .container.container-twelve .eight.columns h2 {
    font-family: 'Source Sans Pro', sans-serif;
    height: auto;
    letter-spacing: normal;
    padding: 0;
    margin: 0;
    width: 100%;
    font-size: 60px;
    line-height: 1.2;
    font-weight: 200 !important;
    padding-top: 48px;
    padding-bottom: 20px;
}

body > .band.contentarea > .container.container-twelve .twelve.columns.store-selector h2 .sub-title,
body > .band.contentarea > .container.container-twelve .twelve.columns h3 {
    position: absolute;
    width: 100%;
    bottom: 15px;
    margin-top: 97px;
    font-size: 20px;
    line-height: 24px;
    height: 24px;
    font-weight: normal;
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    padding-left: 15px;
}

body > .band.contentarea > .container.container-twelve .twelve.columns.store-selector .store-selector {
    position: absolute;
    bottom: 15px;
    right: 20px;
    z-index: 1;
    height: 70px;
}

body > .band.contentarea > .container.container-twelve .twelve.columns h2 span {
    display: block;
    position: absolute;
    right: 20px;
    z-index: 99;
    top: 0;
    margin: 0;
    background: #c0262c;
    border: 1px solid transparent;
    line-height: 1.42857143;
    font-family: 'Source Sans Pro', sans-serif;
    color: #FFFFFF;
    font-size: 16px;
    padding: 0;
    font-weight: 600;
    text-align: center;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    -o-text-shadow: none;
    text-shadow: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: auto;
}

body > .band.contentarea > .container.container-twelve .twelve.columns h2 span:hover {
    background: #a92228;
    border: 1px solid transparent;
}

body > .band.contentarea > .container.container-twelve .twelve.columns h2 span a,
body > .band.contentarea > .container.container-twelve .twelve.columns h2 span a:visited,
body > .band.contentarea > .container.container-twelve .twelve.columns h2 span a:active,
body > .band.contentarea > .container.container-twelve .twelve.columns h2 span a:hover {
    color: #FFFFFF;
    text-decoration: none;
    padding: 10px 15px;
    display: block;
}

body > .band.contentarea > .container.container-twelve .twelve.columns.store-selector .store-selector select {
    min-width: 200px;
}

body > .band.contentarea > .container.container-twelve .twelve.columns.store-selector .store-selector label {
    height: 20px;
    line-height: 20px;
    margin-bottom: 5px;
    color: #ffffff;
    text-align: left;
    padding-left: 2px;
}

body > .band.contentarea > .container.container-twelve .twelve.columns.line.right {
    margin: 0;
    padding: 0;
    float: none;
    border: none;
    visibility: hidden;
    opacity: 0;
}

body > .band.contentarea > .container.container-twelve .three.columns.spacing,
body > .band.contentarea > .container.container-twelve .columns.spacing {
    margin: 0 0 0 0;
    background: #EFEFEF;
    padding: 25px 25px 60px 25px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body > .band.contentarea > .container.container-twelve .three.columns.spacing .web_form.delete_box {
    background: none;
    border: none;
    margin: 0 -20px -20px -20px;
    padding: 20px 20px 30px 20px;
}

/* HEADLINE */
body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .the_code_top_content h4,
.three.columns.spacing.the_profile h4 {
    /* color: #1c1c1c !important;*/
    font-weight: 200;
    font-size: 36px;
    line-height: 48px;
    font-family: 'Source Sans Pro', sans-serif;
    position: relative;
}

body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .the_code_top_content h4:after,
.three.columns.spacing.the_profile h4:after {
    /*background-color: #1c1c1c;*/
    content: "";
    position: absolute;
    bottom: 0px;
    width: 72px;
    height: 1px;
    left: 0;
}

/* INPUTS */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea,
select {
    background-color: #ffffff;
    width: 100%;
    border: 1px solid transparent;
    font-size: 14px;
    color: #4c4c4c;
    height: 40px;
    padding: 0 16px;
    outline: none;
    line-height: initial;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: normal;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    text-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

select {
    padding: 0 4px;
    text-indent: 15px;
}

.web_form > div select {
    height: 40px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="checkbox"] {
        position: relative;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    input[type="checkbox"]::after {
        content: '';
        width: 20px;
        height: 20px;
        border: 1px solid rgba(0, 0, 0, 0.2);
        display: block;
        position: absolute;
        left: 0;
        top: 0;

        visibility: visible;
    }

    input[type="checkbox"]:hover::after {
        border: 1px solid rgba(0, 0, 0, 0.3);
        cursor: pointer;
    }

    input[type="checkbox"]:checked::after {
        content: "✓";
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 20px;
        width: 20px;
        height: 20px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        font-size: 12px;
        color: #38378b;
        visibility: visible;
        text-align: center;
        cursor: pointer;
        font-family: 'Source Sans Pro', sans-serif;
    }

    input[type="checkbox"]:focus {
        outline: none;
    }
}

.contentarea.service input[type=checkbox].error {
    outline: 1px solid #C1272D;
    width: 22px;
    height: 22px;
}

.contentarea.service .web_form > div .hint.hint-checkbox {
    width: 170px;
}

input[type="text"].error,
input[type="password"].error,
input[type="email"].error,
textarea.error, select.error {
    border: 1px solid #EB3034;
}

.web_form > div > input.readonly:focus,
.web_form > div > input[readonly=readonly]:focus {
    border-color: transparent;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    background-color: #F8F8F8;
    color: #9EA3A7;
}

.three.columns.spacing.the_profile label,
.three.columns.spacing.the_login label,
.three.columns.spacing.the_registration label,
.three.columns.spacing.the_messages label {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 600;
}

/* BUTTON */
a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
a.greybutton,
.btn-facebook-connect {
    position: relative;
    margin: 0;
    background: #38378b;
    border: 1px solid transparent;
    line-height: 1.42857143;
    font-family: 'Source Sans Pro', sans-serif;
    color: #FFFFFF;
    font-size: 16px;
    padding: 10px 15px;
    font-weight: 600;
    text-align: center;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    -o-text-shadow: none;
    text-shadow: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
a.greybutton:hover,
.btn-facebook-connect:hover {
    background: #a92228;
    border: 1px solid transparent;
}

a.button.delete,
button.delete,
input[type="submit"].delete,
input[type="reset"].delete,
input[type="button"].delete {
    background: #AC1818;
    border: 1px solid transparent;
}

a.button.delete:hover,
button.delete:hover,
input[type="submit"].delete:hover,
input[type="reset"].delete:hover,
input[type="button"].delete:hover {
    background: #991515;
    border: 1px solid transparent;
}

.btn-facebook-connect {
    background: #3C5998;
    height: auto;
}

.btn-facebook-connect span {
    margin: 0 0 0 30px;
    line-height: 1.42857143;
    font-size: 16px;
    font-weight: 600;
}

.btn-facebook-connect .logo {
    background-position: 14px center;
    background-size: 9px 20px;
    width: 33px;
    height: 24px;
    border: none;
    border-right: 1px solid #FFFFFF;
}

.btn-facebook-connect:hover {
    background: #253779;
}

/* LINKS */
.text-link,
.store-single .store-details a,
a.orange {
    color: rgba(0, 0, 0, 0.6);
    text-decoration: none;
}

a.orange {
    color: #38378b;
    font-weight: 700;
}

.text-link:hover,
.store-single .store-details a:hover,
a.orange:hover {
    color: rgba(0, 0, 0, 0.8);
    text-decoration: none;
}

a.orange:hover {
    color: #38378b;
    text-decoration: underline;
}

/* ICONS */
.info_icon {
    background-image: url(icon_info.png);
}

.info_icon:hover {
    background-image: url(icon_info_hover.png);
}

.popover-tooltip .popover-tooltip-message::after {
    background-color: #38378b;
    color: #FFFFFF;
}

.popover-tooltip .popover-tooltip-message:hover::after {
    background-color: #a92228;
}

.captcha_reload {
    background-color: #38378b;
}

.captcha_reload:hover {
    background-color: #a92228;
}

/* ERROR */
.global_box {
    padding: 10px 20px;
    margin: 30px 0 0 0;
    border: 1px solid transparent;

    text-shadow: none !important;
}

.global_box.error {
    background-color: #FFC9C9;
    border-color: #FFC9C9;
    color: #AC1818;
}

.global_box.success {
    background-color: #BDEDBC;
    border-color: #BDEDBC;
    color: #045702 !important;
}

/* PROFILE */
table.profile-optin-table tr th,
table.profile-optin-table tr td {
    height: 20px;
    padding: 5px 0;
    text-align: left;
}

/* LIST */
.the_list li.store,
.the_list li {
    border: none;
    background: #FFFFFF;
}

.the_list li.store:hover,
.the_list li:hover,
.the_list li.selected,
.the_list li.selected {
    border: none;
    background: #F8F8F8;
}

.the_list li .store-name,
.the_list li .coupon-name,
.the_list li .store-address,
.the_list li .store-distance {
    color: #777777;
    font-weight: 400;
}

.the_list li .store-name,
.the_list li .coupon-name {
    font-weight: 600;
}

.the_list li:hover .store-name,
.the_list li:hover .coupon-name,
.the_list li:hover .store-address,
.the_list li:hover .store-distance,
.the_list li.selected .store-name,
.the_list li.selected .coupon-name,
.the_list li.selected .store-address,
.the_list li.selected .store-distance {
    color: #c0262c;
}

/* REWARDS */
body > .band.contentarea > .container.container-twelve .columns.spacing.rewards {
    padding: 0;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.the_list.coupon.reward:not(.news) ul {
    width: 100%;
}

.the_list.coupon.reward:not(.news) ul li {
    background: #FFFFFF;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
    padding: 20px;
    margin: 0;
}

.the_list:not(.news) li.coupon .coupon-left {
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.the_list:not(.news) li.coupon .coupon-right {
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.the_list:not(.news) li.coupon .coupon-left .coupon-time {
    bottom: 10px !important;
}

.the_list:not(.news) li.coupon .coupon-right .coupon-check {
    width: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
    background: #c0262c;
    border: 1px solid transparent;
    margin: 0;
    position: absolute;
    top: 50%;
    margin-top: -22px;
    right: 0;
    border-radius: 0 !important;
}

.the_list:not(.news) li.coupon .coupon-client,
.the_list:not(.news) li.coupon .coupon-left .coupon-name,
.the_list:not(.news) li.coupon .coupon-left .coupon-time,
.the_list:not(.news) li.coupon .coupon-right .coupon-check,
.the_list:not(.news) li.coupon .coupon-right .coupon-code,
.the_list:not(.news) li.coupon .coupon-left .coupon-status {
    left: 103px !important;
    right: 0 !important;
    padding: 0 6px !important;
    text-align: left !important;
}

.the_list:not(.news) li.coupon .coupon-right .coupon-check {
    background: none !important;
    width: auto !important;
    height: auto !important;
    line-height: normal !important;
    border-radius: 0 !important;
    margin: 0 !important;
    position: absolute !important;
    top: 10px !important;
    color: #000000 !important;
    font-weight: 600 !important;
}

.the_list:not(.news) li.coupon .coupon-left .coupon-status {
    top: 10px;
    left: 0;
}

.the_list:not(.news) li.coupon .coupon-left .coupon-status .coupon-status-label {
    float: right;
}

.the_list:not(.news) li.coupon .coupon-right .coupon-code {
    bottom: 10px !important;
}

.coupon-image-box > .coupon-image-box-img {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.the_list:not(.news) li.coupon .coupon-left .coupon-status {
    top: -10px;
    left: 0;
}

/* NEWS */
body > .band.contentarea > .container.container-twelve.news .columns.spacing {
    padding: 0;
    background: none;
    box-shadow: none;
}

body > .band.contentarea > .container.container-twelve.news .columns.spacing .the_list.news,
body > .band.contentarea > .container.container-twelve.news .columns.spacing .news_details {
    width: 50%;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    background: #FFFFFF;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
    padding: 20px;
    margin: 3px;
}

body > .band.contentarea > .container.container-twelve.news .columns.spacing .the_list.news {

}

body > .band.contentarea > .container.container-twelve.news .columns.spacing .news_details {
    right: 0;
    margin-top: -17px;
}

.the_list li .coupon-time {
    color: #777777;
    margin-top: 0;
}

.the_list li:hover .coupon-time,
.the_list li.selected .coupon-time {
    color: #c0262c;
}

.the_list li .coupon-client {
    background: #c0262c;
    border: 1px solid transparent;

    color: #FFFFFF;
    height: 30px;
    line-height: 20px;
    margin-top: -15px;
    font-weight: normal;
    padding: 5px 10px;
    font-size: 12px;
}

.the_list li .coupon-client.with-fb {
    padding-right: 35px;
}

.the_list.news li.coupon .coupon-client:hover {
    text-decoration: none;
    background: #a92228;
}

.the_list li .coupon-facebook-icon {
    background-color: #3C5998;

    bottom: 21px;
    right: 22px;
}

.news_details_title {
    color: #c0262c !important;
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 1.3;
}

.news_details_text {
    font-weight: normal;
    color: #777777;
    margin-bottom: 64px;
}

body > .band.contentarea > .container.container-twelve.news .columns.spacing .news_details.no-fb .news_details_text {
    margin-bottom: 0;
}

.btn-facebook-connect-box {
    background: none;
    border: none;
    height: 64px;
}

.news_details .btn-facebook-connect {
    top: 0;
    bottom: auto;
    right: 20px;
}

/* DISCOVER */
body > .band.contentarea.discover > .container.container-twelve .columns.spacing {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.the_map_outer,
.the_list.discover {
    background-color: #FFFFFF;
    width: 50%;
    width: -webkit-calc(50% + 10px);
    width: -moz-calc(50% + 10px);
    width: calc(50% + 10px);
    height: auto;
    padding: 20px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);

}

.the_map_outer {
    margin: -20px 0 -20px -20px;
    margin-right: 10px;
    padding: 0px;
}

.the_list.discover {
    margin: -20px -20px -20px 0;
    margin-left: 10px;
}

.the_list.discover ul {
    height: 460px;
}

.the_map_outer .the_map {
    width: 100%;
}

.info_bubble {
    background: #FFFFFF;
}

.info_bubble .info_bubble_storeName {
    color: #c0262c !important;
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 1.3;
}

.info_bubble .info_bubble_storeAddress,
.info_bubble .info_bubble_storeSlogan {
    color: #777777;
    font-weight: 400;
}

.info_bubble .info_bubble_storeSlogan {
    padding-top: 0;
}

.info_bubble .info_bubble_storeAddress {
    font-size: 12px;
    height: 15px;
}

.info_bubble .info_bubble_storeNavigation {
    background-image: url('icon_navigation@2x.png')
}

/* MY CODE */
body > .band.contentarea > .container.container-twelve .columns.spacing.the_code {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
}

body > .band.contentarea > .container.container-twelve .columns.spacing.the_code > .user_code {
    display: none;
}

body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .the_code_top_content {
    background: #FFFFFF;
    padding: 0;
    margin-bottom: 20px;
}

body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .the_code_top_content > p {
    font-weight: normal;
    color: #4C4C4C;
}

body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .the_code_top_content > p:last-child {
    margin: 0;
}

body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .the_code_top_content > .new_key_card {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards {
    overflow: hidden;
}

body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card {
    background: #FFFFFF;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);

    padding: 20px;
}

body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card_inactive {
    background: #F8F8F8;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);

    padding: 20px;
}

body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card > .user_key_card_image {
    display: none;
}

body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card > .user_key_card_qr_image {
    right: 20px;
}

body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card > .user_key_card_code,
body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card > .user_key_card_merge_date_top_right,
body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card > .user_key_card_client {
    color: #777777;
}

body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card > .user_key_card_client,
body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card > .user_key_card_deaktivated {
    color: #c0262c !important;
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 1.3;
}

body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card > .user_key_card_client {
    left: 20px;
}

body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card > .user_key_card_deaktivated {
    font-size: 36px;
}

body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card > .user_key_card_merge_date_top_right {
    top: 20px;
    right: 20px;
}

body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card > .user_key_card_ribbon {
    background-image: url('logo.png');
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
    top: 15px;
}

body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card.user_key_card_new .user_key_card_code_new .greybutton {
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0 !important;
    height: 40px;
    line-height: 20px;
}

body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card.user_key_card_new .user_key_card_merge_date {
    color: #777777;
}

/* STATUS LIST */
body > .band.contentarea > .container.container-twelve.status .columns.spacing {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
}


/*STATUS DETAIL "HOTMAILS"*/
.store-status p.badge-text {
    text-align: right;
}

.transactions,
.transactions.coupon.the_list,
.transactions.the_status,
.transactions.the_status.coupon.the_list {
    width: 100%;
    background: none;
    padding: 0;
}

.transactions .transaction,
.transactions.the_status .transaction {
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);

    margin: 0;
}

.transactions .transaction:hover,
.transactions.the_status .transaction:hover {
    background: #F8F8F8;
}

.transactions .transaction .transaction-points,
.transactions.the_status .transaction .transaction-points {
    background: #c0262c;
    border: 1px solid transparent;
    border-radius: 0;
    height: 26px;
    line-height: 26px;
    top: 37px;
}

.transactions .transaction .transaction-info,
.transactions .transaction .transaction-info .transaction-date,
.transactions .transaction .transaction-info .transaction-description,
.transactions.the_status .transaction .transaction-info,
.transactions.the_status .transaction .transaction-info .transaction-date,
.transactions.the_status .transaction .transaction-info .transaction-description {
    color: #38378b;
}

.transactions .transaction:hover .transaction-info,
.transactions .transaction:hover .transaction-info .transaction-date,
.transactions .transaction:hover .transaction-info .transaction-description,
.transactions.the_status .transaction:hover .transaction-info,
.transactions.the_status .transaction:hover .transaction-info .transaction-date,
.transactions.the_status .transaction:hover .transaction-info .transaction-description {
    color: #c0262c;
}

/* COUPONS */
body > .band.contentarea > .container.container-twelve.coupons .columns.spacing {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
}

.the_list.coupon:not(.news) {
    background: none;
    width: 100%;
    padding: 0 0 20px 0;
}

.the_list:not(.news) li.coupon,
.the_list.coupon:not(.news) > .coupon-explanation {
    background: #FFFFFF;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);

    padding: 20px;
    margin: 0;
}

.the_list:not(.news) li.coupon .coupon-client,
.the_list:not(.news) li.coupon .coupon-left .coupon-name,
.the_list:not(.news) li.coupon .coupon-left .coupon-time {
    background: none;
    color: #777777;
    text-align: left;
}

.the_list:not(.news) li.coupon .coupon-left .coupon-name,
.the_list:not(.news) li.coupon .coupon-left .coupon-time {
    left: 0;
    right: 0;
}

.the_list:not(.news) li.coupon .coupon-client,
.the_list:not(.news) li.coupon .coupon-left .coupon-time {
    padding: 0;
    line-height: normal;
}

.the_list:not(.news) li.coupon .coupon-client {
    top: 10px;
    left: 20px;
}

.the_list:not(.news) li.coupon .coupon-left .coupon-time {
    bottom: -10px;
}

.the_list:not(.news) li.coupon .coupon-right {
    position: absolute;
    right: 20px;
    top: 20px;
    bottom: 20px;
    left: 64%;
    width: auto;
    height: auto;
}

.the_list:not(.news) li.coupon .coupon-right .coupon-code {
    bottom: -10px;
    line-height: normal;
    text-align: right;
    color: #777777;
    font-size: 12px;
}

.the_list:not(.news) li.coupon.coupon_new .coupon-left {
    width: 100%;
}

.the_list:not(.news) li.coupon.coupon_new .coupon-right {
    display: none;
}

.the_list:not(.news) li.coupon.coupon_new .coupon-left .coupon-name {
    top: 10px;
}

.the_list:not(.news) li.coupon.coupon_new .coupon-left .coupon-name .greybutton {
    position: absolute;
    top: 0px;
    margin: 0 !important;
    right: 0;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
}

/* EMPTY LIST */
p.no_data_in_list {
    background: #FFFFFF !important;
    padding: 20px !important;
    margin: 0 !important;
    width: 100% !important;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) !important;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) !important;
    font-style: italic !important;
    font-weight: normal !important;
    color: #777777 !important;
}

/* MESSENGER */
body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_messages {

}

body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_messages > div:nth-child(2):not(.btn-facebook-connect-box) {
    display: none;
}

body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_messages .old_subject,
body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_messages .btn-facebook-connect-box {
    width: 100% !important;
}

body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_messages .old_subject {
    padding-bottom: 5px;
}

body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_messages #add {
    margin: 15px 0 0 0 !important;
}

body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_messages .btn-facebook-connect-box:nth-child(2) {
    position: relative;
    top: 20px;
    height: auto !important;
    overflow: hidden;
}

body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_messages .btn-facebook-connect-box:nth-child(2) #add {
    margin-top: 0 !important;
}

body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_messages .news_details.messages .message_details {
    bottom: 20px;
    right: 20px;
}

body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_messages .news_details.messages .news_details_delete {
    bottom: 20px;
    left: 20px;
    background-image: url('trash_closed_orange.png');
}

body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_messages .news_details.messages .news_details_delete:hover {
    background-image: url('trash_opened_orange.png')
}

body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_messages .new_subject {
    width: 100%;
    margin: 0;
    background: #FFFFFF;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);

    padding: 20px;
}

body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_messages .new_subject > > :nth-child(2) {
    height: 20px !important;
}

body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_messages .new_subject > .web_form:first-child {
    overflow: hidden;
}

body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_messages .new_subject > .web_form > div {
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    margin: 0;
}

body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_messages .new_subject > .web_form > div:nth-child(2n) {
    float: right;
}

body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_messages .new_subject > .web_form > div #message {
    margin-bottom: 0;
    padding: 15px;
}

body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_message .subject_messages {
    width: 100%;
}

body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_message .subject_messages .subject_messages_date_seperator {
    margin: 0;
    margin-bottom: 3px;
    color: #c0262c !important;
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 1.3;
}

body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_message .subject_messages .subject_messages_message {
    padding-bottom: 4px;
    margin-bottom: 20px;
}

body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_message .subject_messages .subject_messages_message > div {
    background: #FFFFFF;
    padding: 20px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
    margin: 3px;
    color: #777777;
}

body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_message .subject_messages .subject_messages_message.subject_messages_message_usr > div {
    background: #FFFFFF;
    margin: 3px;
}

body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_message .subject_messages .subject_messages_message > div:after,
body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_message .subject_messages .subject_messages_message > div:before {
    display: none;
}

body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_message .subject_messages .subject_messages_message .subject_messages_message_delete {
    background-image: url('trash_closed_orange.png');
}

body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_message .subject_messages .subject_messages_message .subject_messages_message_delete:hover {
    background-image: url('trash_opened_orange.png');
}

body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_message .subject_messages .subject_messages_message.subject_messages_message_new {
    margin-bottom: 0;
}

/* STATUS CONCEPT */
.transactions.the_status.coupon.the_list.status_concept {

}

.transactions.the_status.coupon.the_list.status_concept .transaction {
    margin: 0;
}

.transactions.the_status.coupon.the_list.status_concept .transaction:hover {
    background: #FFFFFF;
}

.transactions.the_status.coupon.the_list.status_concept .transaction:hover .transaction-info,
.transactions.the_status.coupon.the_list.status_concept .transaction:hover .transaction-info .transaction-description,
.transactions.the_status.coupon.the_list.status_concept .transaction:hover .transaction-info .transaction-date {
    color: #777777;
}

.transactions.the_status.coupon.the_list.status_concept .transaction .transaction-points {
    background: none;
    width: 52px;
    height: 52px;
    background-size: 100%;
    top: 24px;
    right: 20px;
    background-repeat: no-repeat;
}

body > .band.contentarea > .container.container-twelve.status_overview .columns.spacing.rewards {
    margin-bottom: 20px;
}

body > .band.contentarea > .container.container-twelve.status_overview .columns.spacing.store-single-inner {
    margin-top: 0;
}

/* STATUS BAR */
.store-single .store-status,
.store-single .store-status.big {
    margin: 0;
    padding: 0;
}

.store-single .store-status.big {
    width: -webkit-calc(100% + 40px);
    width: -moz-calc(100% + 40px);
    width: calc(100% + 40px);
    padding: 0 20px;
}

.store-single .store-status .status-title {
    color: #38378b !important;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.3;
    margin: 0 -20px;
}

.store-single .store-status .status-subtitle {
    color: #777777;
    margin: 0 -20px;
    margin-bottom: 10px;
}

.store-single .store-status .status-points-badge-inner {
    background-color: #c0262c;
    color: #FFFFFF;
    font-weight: 600;

}

.store-single .store-status .status-bar {
    background: #8b8b8b;
    border-color: #8b8b8b;
    filter: none;
    border-radius: 5px;

    margin: 0 -20px;
}

.store-single .store-status .status-bar .status-inner {
    background: #FFFFFF;
    border-color: #FFFFFF;

}

.store-single .store-status .status-bar-legend {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    margin: 0;
    height: 79px;
}

.store-single .store-status .status-bar-legend > div .status-bar-legend-arrow {
    border-color: #F8F8F8 transparent transparent transparent;
}

.store-single .store-status .status-bar-legend > div .status-bar-legend-item-label {
    color: #777777;
}

.store-single .store-status .status-bar-legend > div .status-bar-legend-item-label .status-bar-legend-item-label-name {
    font-size: 12px;
    line-height: 14px;
    height: 14px;
    overflow: hidden;
    display: block;
}

/* STATUS DETAILS */
body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 25px 25px 0 25px;
}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner .store-status.big {
    background: #FFFFFF;
    padding: 20px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);

    width: 100%;
    margin-top: 20px;
}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner .store-status.big .status-title,
body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner .store-status.big .status-subtitle,
body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner .store-status.big .status-bar {
    margin-left: 0;
    margin-right: 0;
}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner .store-status.big .status-title,
body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner .store-status.big .status-subtitle {
    padding: 0;
}
body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner .store-status.big .status-title {
    margin-bottom: 20px;
}
body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner .store-status.big .status-bar-legend {
    margin-left: 20px;
    padding: 0;
}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner .store-status.big .status-points-badge {
    margin-left: 20px;
}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-picture-carousel,
body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-map,
body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-address,
body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-details,
body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-links {
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    margin: 0;
    background: #FFFFFF;
    padding: 20px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);

}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-map,
body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-address {
    padding: 0;
    display: none;
}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-map {
    border: none;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-address {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    color: #777777;
    font-weight: 600;
}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-details {
    clear: both;
    overflow: hidden;
    margin-bottom: 3px;
}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-details.no-visits {
    display: none;
}

.store-single .store-details > *:not(.no-of-checkins):not(.store-details-property-value-total-points) {
    display: none;
}

.store-single .store-details > *.no-of-checkins,
.store-single .store-details > *.store-details-property-value-total-points {
    margin: 0;
    font-size: 36px;
}

.store-single .store-details .store-opening-icon.opened {
    -webkit-border-radius: 3px 0 0 0;
    -moz-border-radius: 3px 0 0 0;
    border-radius: 3px 0 0 0;
}

.store-single .store-details .store-details-property-title,
.store-single .store-details .store-details-property-value-opening-times,
.store-single .store-details .store-details-property-value {
    color: #777777;
}

.store-single .store-details .store-details-property-value .total-points {
    color: #c0262c;
}

.store-single .store-details .store-opening-icon.opened {
    background-image: none;
}

.store-single .store-details .store-opening-icon.closed {
    background-image: none;
}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-links {
    padding: 0;
}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-links ul li {
    background: #FFFFFF;
    color: #777777;
    padding: 20px;
    padding-left: 54px;
    border-color: #EFEFEF;
    border-bottom-width: 5px;
    border-bottom-style: solid;
}
body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-links ul li:last-child {
    border:none;
}
body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-links ul li:hover {
    background: #F8F8F8;
    color: #c0262c;
}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-links ul li .icon {
    background-color: #c0262c;

}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-links ul li .icon.icon-message {
    background-image: url('icon_messenger@2x.png');
}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-links ul li .icon.icon-facebook {
    background-color: #3B5998;
}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-links ul li .count,
body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-links ul li:hover .count {
    background: none;
    color: #c0262c;
    font-weight: 600;
    width: auto !important;
}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-links ul li:hover .count {
    background-color: #c0262c;

    color: #FFFFFF;
    width: auto !important;
}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner .store-picture-carousel-image {
    width: 100%;
}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner .store-picture-carousel-image img {
    width: 100%;
    height: auto;
    margin: 0;
}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner .store-picture-carousel {
    padding: 0;
}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner .store-picture-carousel .store-picture-carousel-next,
body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner .store-picture-carousel .store-picture-carousel-prev {
    background: rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-top: -35px;
    text-align: center;
    width: 69px;
    height: 70px;
    background-repeat: no-repeat;
    background-position: center center;
}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner .store-picture-carousel:hover .store-picture-carousel-next,
body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner .store-picture-carousel:hover .store-picture-carousel-prev,
body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner .store-picture-carousel:hover .store-picture-carousel-paginator {
    opacity: 1;
    visibility: visible;
}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner .store-picture-carousel .store-picture-carousel-next:hover,
body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner .store-picture-carousel .store-picture-carousel-prev:hover {
    background-color: #FFFFFF;
}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner .store-picture-carousel .store-picture-carousel-next {
    right: 0;
    background-image: url('next.png');
}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner .store-picture-carousel .store-picture-carousel-prev {
    left: 0;
    background-image: url('prev.png');
}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner .store-picture-carousel .store-picture-carousel-next,
body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner .store-picture-carousel .store-picture-carousel-prev,
body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner .store-picture-carousel-paginator {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner .store-picture-carousel-paginator .store-picture-carousel-paginator-item {
    width: 8px;
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
    background: rgba(255, 255, 255, 0.3);
}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner .store-picture-carousel-paginator .store-picture-carousel-paginator-item.active {
    border: none;
    background: transparent;
    box-shadow: 0 0 0 2px #fff;
    width: 6px;
    height: 6px;
    margin: 2px 6px;
}

/* SERVICE PORTAL */


#statusDefinitions {
    width: auto;
    margin-right: -25px;
}

.statusNights {
    position: relative;
}

.numberOvernights {
    line-height: 42px;
    color: #777777;
    font-size: 12px;
    margin-bottom: 0;
    padding-bottom: 0;
    float: left;
}

.loading_indicator_infinity > div {
    -webkit-box-shadow: 0 6px 0 0 #c0262c;
    -moz-box-shadow: 0 6px 0 0 #c0262c;
    box-shadow: 0 6px 0 0 #c0262c;
}

body > .band.contentarea.service > .container.container-twelve .twelve.columns.store-selector {
    overflow: visible;
}

body > .band.contentarea.service > .container.container-twelve .twelve.columns.store-selector .store-selector {
    top: 82px;
    bottom: auto;
}

body > .band.contentarea.service > .container.container-twelve .twelve.columns.store-selector > h2 > br,
body > .band.contentarea.service > .container.container-twelve .twelve.columns.store-selector > h2 > span {
    display: none;
}

body > .band.contentarea.service h4 {
    color: #38378b !important;
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 1.3;
    margin-top: 0;
}

body > .band.contentarea.service h4:first-child {
    margin-top: 0;
}

body > .band.contentarea.service > .container.container-twelve .columns.spacing > h3 {
    height: 0;
    margin-top: -48px;
    opacity: 0;
    width: 0;
    padding: 0;
    z-index: -1;
}

body > .band.contentarea.service .email-or-keycode > div.lookup-name {
    margin-bottom: 0;
}

body > .band.contentarea.service .the_separator {
    display: none;
}

.contentarea.service #search {
    margin-top: -217px;
}

.contentarea.service #search-result-user-list table.user-list tr > th,
.contentarea.service #search-result-user-list table.user-list tr > td {
    color: #74716C;
}

.contentarea.service #search-result-user-list table.user-list tr:nth-child(even) td {
    background: #F8F8F8;
}

.contentarea.service #search-result-user-list table.user-list tr:hover td {
    background: #c0262c;
}

.contentarea.service .web_form > div > input.readonly,
.contentarea.service .web_form > div > input[readonly=readonly] {
    padding: 0;
    background: none;
    border: none;
    box-shadow: none;
    color: #777777;
}

.contentarea.service .three.columns.spacing.the_registration label.optin-title,
.contentarea.service .three.columns.spacing.the_registration label#dataOptinLabel,
.contentarea.service .three.columns.spacing.the_registration label[for=confirmation],
.contentarea.service .three.columns.spacing.the_registration label[for=dataOptin] {
    font-weight: 400;
}

.contentarea.service .the_registration span.underline.bold {
    font-weight: 600;
    text-decoration: underline;
    color: #38378b;
    font-size: 14px;
}

.contentarea.service .lookup-user-transaction .lookup-user-transaction-list .lookup-transaction-key {
    height: auto;
}

.contentarea.service .lookup-user-transaction .lookup-user-transaction-list .transaction-type-points {
    color: #c0262c;
}

.lookup-user-transaction .lookup-user-transaction-list .lookup-transaction-key.with-revenue.lookup-transaction-key-header {
    background: #F8F8F8;
}

.lookup-user-transaction .lookup-user-transaction-list .lookup-transaction-key.with-revenue.lookup-transaction-key-header > *,
.contentarea.service .lookup-user-transaction .lookup-user-transaction-list .lookup-transaction-key.lookup-transaction-key-header .transaction-type-points,
.contentarea.service .lookup-user-transaction .lookup-user-transaction-list .lookup-transaction-key.lookup-transaction-key-header.with-revenue .transaction-type-points {
    color: #333333;
    font-weight: 600 !important;
    font-size: 13px;
    line-height: normal !important;
}

.contentarea.service .lookup-user-transaction .lookup-user-transaction-list .lookup-transaction-key.with-revenue .transaction-type-description,
.contentarea.service .lookup-user-transaction .lookup-user-transaction-list .lookup-transaction-key.with-revenue .transaction-type-bon-id,
.contentarea.service .lookup-user-transaction .lookup-user-transaction-list .lookup-transaction-key.with-revenue .transaction-type-total-revenue,
.contentarea.service .lookup-user-transaction .lookup-user-transaction-list .lookup-transaction-key.with-revenue .transaction-type-timeago {
    font-size: 13px;
    line-height: 24px;
}

.contentarea.service .lookup-user-transaction .lookup-user-transaction-list .lookup-transaction-key.with-revenue .transaction-type-bon-id,
.contentarea.service .lookup-user-transaction .lookup-user-transaction-list .lookup-transaction-key.with-revenue .transaction-type-total-revenue {
    font-weight: 600;
}

.contentarea.service .lookup-user-transaction .lookup-user-transaction-list .lookup-transaction-key.with-revenue .transaction-type-points {
    font-size: 16px;
}

@media screen and (min-width: 1025px) {
    .transactions:not(.status_concept) .transaction,
    .transactions.the_status:not(.status_concept) .transaction {
        width: -webkit-calc((100% / 3) - (40px / 3));
        width: -moz-calc((100% / 3) - (40px / 3));
        width: calc((100% / 3) - (40px / 3));
    }

    .transactions:not(.status_concept) .transaction:nth-child(3n - 1),
    .transactions:not(.status_concept) .transaction:nth-child(3n),
    .transactions.the_status:not(.status_concept) .transaction:nth-child(3n - 1),
    .transactions.the_status:not(.status_concept) .transaction:nth-child(3n) {
        margin-left: 20px;
    }

    .transactions:not(.status_concept) .transaction:nth-child(n + 4),
    .transactions.the_status:not(.status_concept) .transaction:nth-child(n + 4) {
        margin-top: 20px;
    }

    .the_list.coupon.reward:not(.news) ul li,
    .the_list.reward:not(.news) li.coupon:nth-child(2n) {
        width: -webkit-calc(100% / 3 - 53px / 3);
        width: -moz-calc(100% / 3 - 53px / 3);
        width: calc(100% / 3 - 53px / 3);
        margin: 3px;
    }

    .the_list.reward:not(.news) li.coupon:nth-child(n+3) {
        margin-top: 3px;
    }

    .the_list.coupon.reward:not(.news) ul li:nth-child(3n - 1),
    .the_list.coupon.reward:not(.news) ul li:nth-child(3n) {
        margin-left: 20px;
    }

    .the_list.coupon.reward:not(.news) ul li:nth-child(n + 4) {
        margin-top: 20px;
    }

    .the_list.coupon:not(.news) > ul {
        width: -webkit-calc(100% / 3 * 2 + 12px);
        width: -moz-calc(100% / 3 * 2 + 12px);
        width: calc(100% / 3 * 2 + 12px);
    }

    .the_list.coupon:not(.news) > .coupon-explanation {
        width: -webkit-calc((100% / 3) - 12px);
        width: -moz-calc((100% / 3) - 12px);
        width: calc((100% / 3) - 12px);
    }

    .the_list:not(.news) li.coupon {
        width: -webkit-calc(50% - 26px);
        width: -moz-calc(50% - 26px);
        width: calc(50% - 26px);
        margin: 3px;
    }

    .the_list:not(.news) li.coupon:nth-child(2n) {
        margin-left: 20px;
    }

    body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card {
        width: -webkit-calc((100% / 3) - 40px / 3);
        width: -moz-calc((100% / 3) - 40px / 3);
        width: calc((100% / 3) - 40px / 3);
    }
}

@media screen and (min-width: 1025px) and (max-width: 1210px) {
    body > .band.contentarea > .container.container-twelve .columns.spacing.rewards,
    body > .band.contentarea > .container.container-twelve.coupons .columns.spacing {
        padding: 0 20px;
    }
}

@media screen and (max-width: 1210px) {
    body > .band.contentarea > .container.container-twelve.status .columns.spacing {
        padding: 0 20px;
    }

    body > .band.contentarea > .container.container-twelve.news .columns.spacing {
        padding: 0 20px;
    }

    body > .band.contentarea > .container.container-twelve.news .columns.spacing .the_list.news,
    body > .band.contentarea > .container.container-twelve.news .columns.spacing .news_details {
        width: -webkit-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
        width: calc(50% - 20px);
    }

    body > .band.contentarea > .container.container-twelve.news .columns.spacing .news_details {
        right: 20px;
    }

    body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards {
        padding: 0 20px;
    }

    body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_messages #add {
        margin: 15px 20px 0 0 !important;
    }

    body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_message .subject_messages {
        padding: 0 20px;
    }

    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner {
        padding: 0 20px;
        padding-top: 25px;
    }

    body > .band.contentarea > .container.container-twelve .three.columns.spacing.the_registration,
    body > .band.contentarea > .container.container-twelve .three.columns.spacing.the_login {
        margin-left: 20px;
        margin-right: 20px;
        width: -webkit-calc(100% - 40px);
        width: -moz-calc(100% - 40px);
        width: calc(100% - 40px);
    }
}

@media screen and (max-width: 768px) {
    body > .band.contentarea > .band-footer {
        height: auto;
    }

    body > .band.contentarea > .container.container-twelve .columns.spacing.rewards,
    body > .band.contentarea > .container.container-twelve.coupons .columns.spacing {
        padding: 0 20px;
    }

    .the_list.coupon.reward:not(.news) ul li:nth-child(2n),
    .the_list.coupon.reward:not(.news) ul li {
        width: -webkit-calc(50% - 16px);
        width: -moz-calc(50% - 16px);
        width: calc(50% - 16px);
        margin: 3px;
    }

    .the_list.coupon.reward:not(.news) ul li:nth-child(2n) {
        margin-left: 20px;
    }

    .the_list.coupon.reward:not(.news) ul li:nth-child(n+3) {
        margin-top: 20px;
    }

    .the_list.coupon:not(.news) > ul {
        width: -webkit-calc(100% / 3 * 2 + 12px);
        width: -moz-calc(100% / 3 * 2 + 12px);
        width: calc(100% / 3 * 2 + 12px);
    }

    .the_list.coupon:not(.news) > .coupon-explanation {
        width: -webkit-calc((100% / 3) - 12px);
        width: -moz-calc((100% / 3) - 12px);
        width: calc((100% / 3) - 12px);
    }

    .the_list:not(.news) li.coupon {
        width: -webkit-calc(50% - 26px);
        width: -moz-calc(50% - 26px);
        width: calc(50% - 26px);
        margin: 3px;
    }

    .the_list:not(.news) li.coupon:nth-child(2n) {
        margin-left: 20px;
    }
}

@media screen and (max-width: 1025px) and (min-width: 480px) {
    .transactions:not(.status_concept) .transaction,
    .transactions.the_status:not(.status_concept) .transaction {
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width: calc(50% - 10px);
    }

    .transactions:not(.status_concept) .transaction:nth-child(2n),
    .transactions.the_status:not(.status_concept) .transaction:nth-child(2n) {
        margin-left: 20px;
    }

    .transactions:not(.status_concept) .transaction:nth-child(n + 3),
    .transactions.the_status:not(.status_concept) .transaction:nth-child(n + 3) {
        margin-top: 20px;
    }
}

@media screen and (min-width: 768px) {
    body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card {
        width: -webkit-calc((100% / 3) - 57px / 3);
        width: -moz-calc((100% / 3) - 57px / 3);
        width: calc((100% / 3) - 57px / 3);
        margin: 3px 3px 3px 3px;
    }

    body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card:nth-child(3n),
    body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card:nth-child(3n-1) {
        margin-left: 20px;
    }

    body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card:nth-child(n+4) {
        margin-top: 20px;
    }

    .transactions.the_status.coupon.the_list.status_concept .transaction {
        width: -webkit-calc((100% / 3) - 40px / 3);
        width: -moz-calc((100% / 3) - 40px / 3);
        width: calc((100% / 3) - 40px / 3);
        margin: 0;
    }

    .transactions.the_status.coupon.the_list.status_concept .transaction:nth-child(3n-1),
    .transactions.the_status.coupon.the_list.status_concept .transaction:nth-child(3n) {
        margin-left: 20px;
    }

    .transactions.the_status.coupon.the_list.status_concept .transaction:nth-child(n+4) {
        margin-top: 20px;
    }

    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-picture-carousel,
    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-map,
    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-address,
    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-details,
    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-links {
        width: -webkit-calc(50% - 16px);
        width: -moz-calc(50% - 16px);
        width: calc(50% - 16px);
        margin: 3px;
    }

    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-details {
        width: calc(100% - 4px);
    }

    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-details {
        margin-top: 20px;
        margin-bottom: 3px;
    }

    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-details.no-visits {
        margin-top: 0;
    }
}

@media screen and (max-width: 768px) {
    .mobile_nav.menu.twelve.columns {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: auto;
        width: auto;
    }

    .mobile_nav.menu.twelve.columns > ul {
        height: 100%;
        position: absolute;
        bottom: 0;
        left: auto;
        right: 0px;
        top: auto;
        width: auto;
    }

    .mobile_nav.menu.twelve.columns > ul > li {
        width: 100%;
        height: 100%;
        float: none;
        padding: 0;
        margin: 0;
        text-align: left;
    }

    .mobile_nav.menu.twelve.columns > ul > li > .menu-button {
        top: 43px;
        left: auto;
        padding: 0;
        margin: 0;
        content: '';
        -webkit-text-shadow: none !important;
        -moz-text-shadow: none !important;
        text-shadow: none !important;
        cursor: pointer;
        width: 100px;
        height: 100%;
        outline: none;
    }

    .mobile_nav.menu.twelve.columns > ul > li > .menu-button .icon-bar {
        display: block;
        position: absolute;
        width: 24px;
        height: 2px;
        border-radius: 1px;
        background: #1c1c1c;
        margin-left: -12px;
        right: 24px;

        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: all 0.1s;
        -moz-transition: all 0.1s;
        -o-transition: all 0.1s;
        transition: all 0.1s;
        -webkit-transform-origin: 50% 50% 50%;
        -moz-transform-origin: 50% 50% 50%;
        -ms-transform-origin: 50% 50% 50%;
        -o-transform-origin: 50% 50% 50%;
        transform-origin: 50% 50% 50%;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .mobile_nav.menu.twelve.columns > ul > li > .menu-button .icon-bar:nth-child(1) {
        top: 37px;
    }

    .mobile_nav.menu.twelve.columns > ul > li > .menu-button .icon-bar:nth-child(2) {
        top: 45px;
    }

    .mobile_nav.menu.twelve.columns > ul > li > .menu-button .icon-bar:nth-child(3) {
        top: 53px;
    }

    .small-header .mobile_nav.menu.twelve.columns > ul > li > .menu-button .icon-bar:nth-child(1) {
        top: 27px;
    }

    .small-header .mobile_nav.menu.twelve.columns > ul > li > .menu-button .icon-bar:nth-child(2) {
        top: 35px;
    }

    .small-header .mobile_nav.menu.twelve.columns > ul > li > .menu-button .icon-bar:nth-child(3) {
        top: 43px;
    }

    .mobile_nav.menu.twelve.columns > ul > li > .menu-button.menu-button-x .icon-bar:nth-child(1) {
        top: 45px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .small-header .mobile_nav.menu.twelve.columns > ul > li > .menu-button.menu-button-x .icon-bar:nth-child(1) {
        top: 35px;
    }

    .mobile_nav.menu.twelve.columns > ul > li > .menu-button.menu-button-x .icon-bar:nth-child(2) {
        display: none;
    }

    .mobile_nav.menu.twelve.columns > ul > li > .menu-button.menu-button-x .icon-bar:nth-child(3) {
        top: 45px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .small-header .mobile_nav.menu.twelve.columns > ul > li > .menu-button.menu-button-x .icon-bar:nth-child(3) {
        top: 35px;
    }

    .mobile_nav.menu.twelve.columns > ul > li:hover:after {
        content: ' ';
        position: absolute;
        bottom: 0px;
        left: -20px;
        right: -20px;
        background-color: #FFFFFF;
        height: 1px;
        z-index: 10000;
    }

    .mobile_nav.menu.twelve.columns > ul > li:hover:after,
    .mobile_nav.menu.twelve.columns > ul > li ul:before {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .the_list.coupon:not(.news) > ul,
    .the_list.coupon:not(.news) > .coupon-explanation {
        width: 50%;
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width: calc(50% - 10px);
    }

    .the_list:not(.news) li.coupon,
    .the_list:not(.news) li.coupon:nth-child(2n),
    .the_list:not(.news) li.coupon:nth-child(n+3) {
        width: calc(100% - 6px);
        margin: 3px;
    }

    .the_list:not(.news) li.coupon:nth-child(n+2) {
        margin-top: 20px;
    }

    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-picture-carousel,
    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-map,
    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-address,
    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-details,
    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-links {
        width: 100%;
    }

    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-map,
    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-details,
    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-links {
        margin-top: 20px;
    }

    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-detail {
        margin-bottom: 3px;
    }

    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-detail {
        margin-bottom: 3px;
    }

    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-links.no-visits {
        margin-top: 0;
    }

    .store-single .store-details > *.no-of-checkins,
    .store-single .store-details > *.store-details-property-value-total-points {
        margin: 0;
        font-size: 18px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card {
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width: calc(50% - 10px);
        margin: 0;
    }

    body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card:nth-child(2n) {
        margin-left: 20px;
    }

    body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card:nth-child(n+3) {
        margin-top: 20px;
    }

    .transactions .transaction,
    .transactions .transaction:nth-child(2n),
    .transactions.the_status .transaction,
    .transactions.the_status .transaction:nth-child(2n) {
        margin-top: 0;
    }

    .transactions.the_status.coupon.the_list.status_concept .transaction {
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width: calc(50% - 10px);
        margin: 0;
    }

    .transactions.the_status.coupon.the_list.status_concept .transaction:nth-child(2n) {
        margin-left: 20px;
    }

    .transactions.the_status.coupon.the_list.status_concept .transaction:nth-child(n+3) {
        margin-top: 20px;
    }
}

@media screen and (max-width: 479px) {
    .container.container-twelve .columns.spacing a.greybutton,
    .container.container-twelve .columns.spacing .btn-facebook-connect,
    .container.container-twelve .columns.spacing .no_login {
        display: block;
        float: none;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .container.container-twelve.news .columns.spacing .btn-facebook-connect {
        width: 87%;
    }

    .container.container-twelve .columns.spacing .no_login {
        margin-top: 20px;
    }

    body > .band.contentarea.discover > .container.container-twelve .columns.spacing {
        background-color: #ffffff;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    }

    .the_map_outer,
    .the_list.discover {
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .listMapSwitch {
        overflow: hidden;
        width: 100%;
        margin-top: 30px;
        height: 45px;
    }

    .listMapSwitch > .map,
    .listMapSwitch > .list {
        margin: 0;
        padding: 0;
        width: 50%;
        text-align: center;
        border: none;
        height: 100%;
        line-height: 45px;
        color: #777777;
        background: #F8F8F8;
        cursor: pointer;
    }

    .listMapSwitch > .map.selected,
    .listMapSwitch > .list.selected {
        background: #c0262c;
        color: #FFFFFF;
    }

    .listMapSwitch > .map:hover,
    .listMapSwitch > .list:hover {
        color: #c0262c;
    }

    .listMapSwitch > .map.selected:hover,
    .listMapSwitch > .list.selected:hover {
        color: #FFFFFF;
    }

    .transactions:not(.status_concept) .transaction,
    .transactions.the_status:not(.status_concept) .transaction {
        width: 96%;
        width: -webkit-calc(100% - 6px);
        width: -moz-calc(100% - 6px);
        width: calc(100% - 6px);
        margin: 3px;
    }

    .transactions:not(.status_concept) .transaction:nth-child(n + 2),
    .transactions.the_status:not(.status_concept) .transaction:nth-child(n + 2) {
        margin-top: 20px;
    }

    body > .band.contentarea > .container.container-twelve.news .columns.spacing {
        padding: 0 20px;
    }

    body > .band.contentarea > .container.container-twelve.news .columns.spacing .the_list.news,
    body > .band.contentarea > .container.container-twelve.news .columns.spacing .news_details {
        width: 100%;
    }

    body > .band.contentarea > .container.container-twelve.news .columns.spacing .news_details {
        right: 10px;
        width: auto;
        left: 10px;
    }

    .container.container-twelve.news .news_details .news_details_close,
    .container.container-twelve.coupons .coupon_details .coupon_details_close,
    .container.container-twelve.rewards .coupon_details .coupon_details_close,
    .container.container-twelve.status .store_details .status_details_close {
        color: #777777;
    }

    .container.container-twelve.news .news_details .news_details_close:hover,
    .container.container-twelve.coupons .coupon_details .coupon_details_close:hover,
    .container.container-twelve.rewards .coupon_details .coupon_details_close:hover,
    .container.container-twelve.status .store_details .status_details_close:hover {
        color: #c0262c;
    }

    .the_list.coupon:not(.news) > ul,
    .the_list.coupon:not(.news) > .coupon-explanation {
        width: 100%;
        float: none;
    }

    .the_list.coupon.reward:not(.news) ul li.coupon:nth-child(2n),
    .the_list.coupon.reward:not(.news) ul li.coupon:nth-child(3n),
    .the_list.coupon.reward:not(.news) ul li.coupon {
        width: calc(100% - 6px);
        margin: 3px;
        margin-top: 20px;
    }

    .the_list.coupon.reward:not(.news) ul li:first-child {
        margin: 3px;
    }

    .the_list:not(.news) li.coupon,
    .the_list:not(.news) li.coupon:nth-child(2n),
    .the_list:not(.news) li.coupon:nth-child(n+3),
    .the_list:not(.news) li.coupon:nth-child(n+2) {
        width: calc(100% - 6px);
        margin: 3px;
        margin-top: 20px;
    }

    .the_list:not(.news) li.coupon:first-child {
        margin: 3px;
    }

    .the_list.coupon:not(.news) > .coupon-explanation {
        margin-top: 20px;
    }

    .the_list:not(.news) li.coupon.coupon_new .coupon-left .coupon-name .greybutton {
        width: auto;
    }

    body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card {
        width: 100%;
        margin: 0;
    }

    body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card:nth-child(n+2) {
        margin-top: 20px;
    }

    body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_messages .new_subject > .web_form > div {
        width: 100%;
        margin: 0;
    }

    body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_messages .new_subject > .web_form > div:first-child,
    body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_messages .new_subject #add_cancel {
        margin-bottom: 20px;
    }

    .transactions.the_status.coupon.the_list.status_concept .transaction {
        width: 100%;
        margin: 0;
    }

    .transactions.the_status.coupon.the_list.status_concept .transaction:nth-child(n+2) {
        margin-top: 20px;
    }

    body > .band.contentarea > .container.container-twelve .twelve.columns.store-selector .store-selector {
        top: 15px;
        bottom: auto;
    }

    body > .band.contentarea > .container.container-twelve .twelve.columns.store-selector .store-selector label {
        display: none;
    }

    body > .band.contentarea > .container.container-twelve .twelve.columns.store-selector .store-selector select {
        width: -webkit-calc(100% - 150px);
        width: -moz-calc(100% - 150px);
        width: calc(100% - 150px);
        float: right;
    }
}

@media screen and (min-width: 1025px) {
    .transactions:not(.status_concept) .transaction:nth-child(3n),
    .transactions.the_status:not(.status_concept) .transaction:nth-child(3n),
    .the_list.coupon.reward:not(.news) ul li:nth-child(3n),
    .the_list.reward:not(.news) li.coupon:nth-child(3n),
    body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card:nth-child(3n) {
        width: calc((100% / 3) - 40px / 3 - 1px);
    }
}

@media screen and (min-width: 1024px) {
    body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card:nth-child(3n),
    .transactions.the_status.coupon.the_list.status_concept .transaction:nth-child(3n) {
        width: calc((100% / 3) - 40px / 3 - 1px);
    }
}
.three.columns.spacing.the_profile label, .three.columns.spacing.the_login label, .three.columns.spacing.the_registration label, .three.columns.spacing.the_messages label {
    color: #38378B;
}
.contentarea.service .the_registration .checkbox_with_label label {
    padding-left: 30px;
    padding-top: 5px;
}
.web_form > div label.checkbox {
    padding-left: 30px;
    margin-top: 0;
}
a#checkKeyCode {
    bottom: 45px;
}
a#sendExtended {
    bottom: -65px;
}
a#skipExtended {
    bottom: -25px;
}
.store-status {
    box-shadow: none !important;
}
.store-status.contact {
    padding: 0 !important;
}
.store-status.contact div {
    float: left;
    width: 33%;
    border-right: 3px solid #EFEFEF;
    height: 40px;
    padding: 10px;
}
.store-status.contact div:nth-child(3) {
    border-right: none;
}

.web_form .program-selector {
    width: 18%;
}

.form_booking .web_form > div > input {
    width: 50%;
    float: left;
}
.form_booking .web_form p {
    float: left;
    font-size: 14px;
    color: #38378B;
    padding-top: 10px;
    padding-left: 10px;
}
.form_booking .web_form p.asterisk {
    padding: 0 0 0 5px;
    margin-top: -10px;
    font-size: 18px;
    color: #38378B;
}

.store-links ul > li > a {
    color: #000000;
    text-decoration: none;
}
.store-links ul > li > a:hover {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
}
.store-status > div > p {
    text-align: center;
    color: #000000;
}
.store-status > div > p > a {
    text-align: center;
    color: #000000;
    text-decoration: none;
}
.store-status > div > p > a:hover {
    text-align: center;
    color: #000000;
    text-decoration: underline;
}
.store-single .store-status .status-bar-legend .status-bar-legend-first .status-bar-legend-item {
    left: -5px;
}
.band-footer .container.container-twelve .footer {
    background-color: #8b8b8b;
}

.store-single .store-links li .icon-booking {
    background-image: url('booking.svg');
}
.store-single .store-links li .icon-redeem {
    background-image: url('redeem.svg');
}
.store-single .store-links li .icon-offers {
    background-image: url('offers.svg');
}
.store-single .store-links li .icon-benefits {
    background-image: url('benefits.svg');
}
.store-single .store-links li .icon-account {
    background-image: url('account.svg');
}
#asterisk_hint {
    margin-top: 5px;
}
#asterisk_hint > p {
    float: left;
    padding-top: 10px;
}
.form_booking .overflow-clear.contrast-box.contrast-box-first {
    margin-top: 30px;
}
.status-bar-legend-arrow {
    display: none;
}

.the_code_top_content {
    display: none;
}
.user_key_card_merge_date_top_right {
    display: none;
}
.the_registration .web_form > div > input,
.the_registration .web_form > div > select,
.the_registration .web_form > div > textarea,
.the_registration .web_form > div > label {
    width: 97%;
    float: left;
}
.the_registration .web_form p.asterisk {
    padding: 0 0 0 5px;
    margin-top: -10px;
    font-size: 18px;
    color: #38378B;
    float: left;
}
/* hho design change, VAT values no longer next to input fields but in the labels - keeping to be prepared for another change 17-08-2017 */
/*.web_form > div > input.input30, .web_form > div > label.input30 {*/
/*width: 28%;*/
/*}*/
/*.web_form > div > input.input70, .web_form > div > label.input70 {*/
/*width: 68%;*/
/*}*/
/*.lookup .the_registration .web_form > div > input {*/
/*width: 100%;*/
/*}*/

/*.web_form > div.birthday #year, .contentarea.service .web_form > div.birthday #year {*/
/*width: 43%;*/
/*}*/

/*.web_form > div > input.input70#city {*/
/*width:65%;*/
/*}*/
/*.store-single .store-status .status-bar-legend > div.not-available .status-bar-legend-item-label, .store-single .store-status .status-bar-legend > div.not-available .status-bar-legend-item-icon {*/
/*opacity: 1;*/
/*}*/
/*.the_registration.form_booking .web_form > div > input,*/
/*.the_registration.form_booking .web_form > div > select,*/
/*.the_registration.form_booking .web_form > div > textarea,*/
/*.the_registration.form_booking .web_form > div > label {*/
/*width: 75%;*/
/*float: left;*/
/*}*/
/*p.badge-text {*/
/*position: absolute;*/
/*right: 17px;*/
/*top: 38px;*/
/*text-align: center;*/
/*}*/
#dataOptinLabel {
    padding-left: 20px;
}
#dataOptin {
    width: auto;
}
.contentarea.service .three.columns.spacing.the_registration label[for=dataOptin] {
    float: none;
    font-weight: 600;
}
#dataOptin {
    float: none;
}
*{
    margin: 0;
    padding: 0;
}

select {
    text-indent: 0px;
}

html {
    height: 100%;
}

body.content_portal {
    background: #FFFFFF;
    font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif !important;
    position: relative;
    min-height: 100%;
}


.content_portal h1,
.content_portal h2,
.content_portal h3,
.content_portal h4,
.content_portal h5,
.content_portal h6 {
    color: #38378b;
}

#logotype-badge {
    background: transparent;
    height: auto;
    margin: 0 auto;
    width: 246px;
    overflow: hidden;
    position: absolute;
    z-index: 0;
    transition: none;
    margin-top: 0;
}
#logotype-badge:hover {
    margin-top: 0;
}

#logotype-badge a{
    display: block;
    float: left;
    margin-left: 10px;
}


#logotype-badge img {
    display: block;
    margin: 0 auto;
    padding-top: 10px;
}


body > .band.contentarea {
    height: auto;
    width: 100%;
    margin: 0 auto;
    background: white;
    padding-top: 80px;
    border: none;
    box-shadow: none;
    position: relative;
    padding-bottom: 100px;
}

body > .band.contentarea > .container.container-twelve {
    background-color: #efefef;
}
body > .band.contentarea::before {
    background: none;
}


body > .band.contentarea > .container.container-twelve .twelve.columns.store-selector h2,
body > .band.contentarea > .container.container-twelve .twelve.columns h2, body > .band.contentarea > .container.container-twelve .eight.columns h2 {
    padding-top: 25px !important;
    font-size: 30px;
    padding-left: 25px;
}

.band.content_nav .container.container-twelve .desktop_nav ul li.selected a{
    color: #38378b !important;
    text-decoration: underline;
}


.band.content_nav .container.container-twelve .desktop_nav ul li.selected a:hover{
     color: #ffffff !important;
}


.band.content_nav .container.container-twelve .desktop_nav ul li a:hover {
    color: #38378b !important;
}


.band.content_nav .container.container-twelve .desktop_nav ul li a:before {
    background-color: transparent;
}


.band.content_nav .container.container-twelve .desktop_nav ul li a{
    font-family: "Source Sans Pro", Arial, Helvetica, "Nimbus Sans L", sans-serif !important;
    font-size: 16px;
    transition: 0s;
    padding-top: 13px;
    padding-bottom: 10px;
    color: #FFFFFF;
    line-height: 0;
    text-transform: uppercase;
    font-weight: 600;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 2px solid transparent;
    margin-right: 20px;
    height: 63px;
}


.band.content_nav .container.container-twelve .desktop_nav ul li {
    margin-right: 20px;
}


.band.content_nav .container.container-twelve .desktop_nav ul li:hover  {

}


.band.content_nav .container.container-twelve .logo {
    float: none;
    background: #fff;
    height: 0;
    width: 0;
    display: none;
    margin: 0 auto;
}


body .band.content_nav  {
    width: 100%;
    height: auto;
    background: transparent;
    box-shadow: none;
    margin: 0 auto;
}


body .band.content_nav > .container.container-twelve {
    max-width: 100%;
    margin: 0 auto;
}


.band.content_nav .container.container-twelve .desktop_nav {
    height: 63px;
    display: block;
    left: 50%;
    margin-left: -600px;
    position: absolute;
    overflow: hidden;
    float: none;
    top: 35px;
    padding-left: 246px;
}

.band.content_nav .container.container-twelve .desktop_nav > ul {
    margin-left: 130px;
}


.sticky-header .band.content_nav {
    position: relative;
}

.small-header .band.content_nav{
    height: 90px;
}

.small-header .band.content_nav .container.container-twelve .desktop_nav ul li a {
    padding-top: 33px;
    padding-bottom: 33px;
}


.header-fixed-container {
    position: relative;
    width: 100%;
    margin-top: 0;
    border: none;
    height: 100px;
    background-color: #525252;
}


.band-footer .container.container-twelve {
    max-width: 100%;
    width: 100%;
}

.band-footer .container.container-twelve .footer span {
    color: #FFFFFF;
}

.band-footer .container.container-twelve .footer{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #525252;
    height: 51px;
}


.band-footer .nav_footer li {
    display: inline;
    padding: 10px;
}


body > .band.contentarea > .container.container-twelve.news .columns.spacing .the_list.news {
    width: 99% !important;
    background-color: #f0f0f0;
}


a.greybutton {
    background: #38378b;
    border: 1px solid #38378b;
}


/*STATUS*/
.transactions .transaction .transaction-points,
.transactions.the_status .transaction .transaction-points {
    background-color: #38378b !important;
}


.transactions .transaction:hover .transaction-info,
.transactions .transaction:hover .transaction-info .transaction-date,
.transactions .transaction:hover .transaction-info .transaction-description,
.transactions.the_status .transaction:hover .transaction-info,
.transactions.the_status .transaction:hover .transaction-info .transaction-date,
.transactions.the_status .transaction:hover .transaction-info .transaction-description {
    color: #38378b !important;
}


.the_list:not(.news) li.coupon .coupon-right .coupon-code{
    font-size: 11px !important;
    top: 10px !important;
    right: 4px !important;
    left: auto !important;
    bottom: auto !important;
}


.the_list:not(.news) li.coupon .coupon-left {
    width: 88%;
}


/*STATUS DETAIL ANSICHT*/
.store-single .store-details > *:not(.no-of-checkins):not(.store-details-property-value-total-points) {
    display: block !important;
}


.store-single .store-details .store-details-property-value .total-points {
    color: #38378b !important;
}


body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-links ul li:hover {
    background: #ffffff;
    color: #38378b !important;
}


body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-links ul li .count, body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-links ul li:hover .count {
    background: none;
    color: #38378b;
    font-weight: 600;
    width: auto !important;
}


body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-links ul li:hover .count {
    background-color: #38378b;
    color: #FFFFFF;
    width: auto !important;
}


body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-map,
body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-address {
    display: block;
    float: left;
    top: 4px;
}


body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-details {
    width: -webkit-calc(50% - 1.4%);
    width: -moz-calc(50% - 1.4%);
    width: calc(50% - 1.4%);
    margin-top: 0;
    margin-bottom: 0;
}


body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-links {
    padding: 0;
}


.store-picture-carousel {
    margin-bottom: 20px !important;
}


.store-single .store-map {
    float: none;
}


body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-picture-carousel,
body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-details {
    margin-right: 1% !important;
}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-details,
body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-links {
    margin-bottom: 2px !important;
}


body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-picture-carousel,
body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-map,
body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-address,
body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-details,
body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-links {
    margin: 0 auto;
    margin-left: 0.5% !important;
}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-picture-carousel {
    margin-left: 0 !important;
}

body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-links ul li .icon {
    background-color: #38378b;
}


/*AKTUELLE VORTEILE FILIALE*/
body > .band.contentarea > .container.container-twelve .twelve.columns h2 span {
    background-color: #38378b;
}body > .band.contentarea > .container.container-twelve .twelve.columns h2 span:hover {
    background-color: #38378b;
}


.the_list:not(.news) li.coupon .coupon-right .coupon-check {
    background-color: #38378b;
}


/* TITLE H2, H3 */
body > .band.contentarea > .container.container-twelve .twelve.columns.store-selector h2 .sub-title {
    margin-top: 97px;
}
body > .band.contentarea > .container.container-twelve .twelve.columns h3 {
    position: relative;
    margin-top: 0;
}


/*CLOSE X SING*/
.news_details_close {
    display: inline-block;
    margin-top: 16px;
}


/*BUTTON HOVER*/
a.greybutton:hover {
    background: #38378b;
    border: 1px solid #38378b;
}


/*COUPONS*/
input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
    -webkit-box-shadow: 0 3px 0 #38378b;
    -moz-box-shadow: 0 3px 0 #38378b;
    box-shadow: 0 3px 0 #38378b;
    border: 1px solid transparent;
}


.the_list:not(.news) li.coupon {
    background: #FFFFFF;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    height: 105px !important;
}


.the_list:not(.news) li.coupon.coupon_new .coupon-left .coupon-name {
    margin-right: 20px;
    left: 20px !important;
}


.the_list:not(.news) li.coupon .coupon-left .coupon-time {
    width: 69%;
}



/*ENTDECKEN*/
body > .band.contentarea > .container.container-twelve {
    width: 100%;
    max-width: 1180px;
    padding-top: 0;
}


body > .band.contentarea > .container.container-twelve .twelve.columns.store-selector .store-selector select {
    margin-top: 0;
}


.the_map_outer, .the_list.discover {
    background-color: #F8F8F8;
}


/*MEIN CODE*/
body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card > .user_key_card_ribbon {
    background-size: 100%;
    width: 110px;
    height: 35px;
    background-repeat: no-repeat;
    top: 5px;
    left: 20px;
}


a.orange {
    color: #38378b;
    font-weight: 700;
}


.the_list:not(.news) li.coupon.coupon_new .coupon-left .coupon-name .greybutton {
    right: 1.9%;
}


body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card > .user_key_card_client, body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card > .user_key_card_deaktivated {
    color: #38378b !important;
}


.user_key_card .user_key_card_merge_date_top_right {
    font-size: 10px;
}


body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card.user_key_card_new .user_key_card_merge_date {
    color: #4b4a4d;
    width: 18%;
}


body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card.user_key_card_new .user_key_card_merge_date:hover {
    color: #38378b;
}

.user_key_card .user_key_card_code_new_label {
    position: absolute;
    line-height: 12px;
    font-size: 15px;
    top: 50px;
    left: 10px;
    font-weight: bold;
    color: #38378b;
}

/*PROFIL*/

.text-link {
    color: #4b4a4d;
    cursor: pointer;
    text-decoration: none;
}


.text-link:hover {
    color: #38378b;
    text-decoration: none;
}

.popup_bg .popup_content .buttons a {
    margin-top: 0 !important;
}


/*NEWS*/
.the_list li .coupon-time {
    font-size: 12px;
}


.the_list li.store, .the_list li {
    border: none;
    background: #f0f0f0;
    border-bottom: 2px solid #f8f8f8;
}


.the_list li.selected, .the_list li.selected {
    border: none;
    background: #F8F8F8;
}


.news_details_title {
    color: #38378b !important;
}


.the_list li:hover .store-name,
.the_list li:hover .coupon-name,
.the_list li:hover .store-address,
.the_list li:hover .store-distance,
.the_list li.selected .store-name,
.the_list li.selected .coupon-name,
.the_list li.selected .store-address,
.the_list li.selected .store-distance {
    color: #38378b;
}


.the_list li .coupon-client {
    background-color: #777777;
}


.the_list li:hover .coupon-time,
.the_list li.selected .coupon-time {
    color: #38378b;
}


.the_list.news li.coupon .coupon-client:hover {
    text-decoration: none;
    background: #38378b;
}


div#delete_account {
    width: 17% !important;
    float: right !important;
}


.web_form.delete_box .text-link {
    float: right !important;
    width: 153px !important;
}


.btn-facebook-connect-box {
    border-top: none;
    background: transparent;
    width: 80%;
    left: 118px;
}



/*ALLE FILIALLEN*/
.info_bubble .info_bubble_storeName {
    color: #38378b !important;
}


/*STATUS*/
.transactions .transaction .transaction-info,
.transactions .transaction .transaction-info .transaction-date,
.transactions .transaction .transaction-info .transaction-description,
.transactions.the_status .transaction .transaction-info,
.transactions.the_status .transaction .transaction-info .transaction-date,
.transactions.the_status .transaction .transaction-info .transaction-description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.store-single .store-details > *.no-of-checkins,
.store-single .store-details > *.store-details-property-value-total-points {
    margin: 0;
    font-size: 25px;
    margin-bottom: 10px;
}


.transactions:not(.status_concept) .transaction:nth-child(3n - 1),
.transactions:not(.status_concept) .transaction:nth-child(3n),
.transactions.the_status:not(.status_concept) .transaction:nth-child(3n - 1),
.transactions.the_status:not(.status_concept) .transaction:nth-child(3n) {
    margin-left: 0;
}


.transactions:not(.status_concept) .transaction, .transactions.the_status:not(.status_concept) .transaction {
    width: -webkit-calc((100% / 2) - (25px / 2));
    width: -moz-calc((100% / 2) - (25px / 2));
    width: calc((100% / 2) - (25px / 2))!important;
}


.the_list.coupon.reward:not(.news) ul li {
    width: -webkit-calc((100% / 2) - (25px / 2));
    width: -moz-calc((100% / 2) - (25px / 2));
    width: calc((100% / 2) - (25px / 2)) !important;
    margin: 0 auto;
    margin-top: 20px !important;
    margin-left: 10px !important;
}


.the_list.coupon.reward:not(.news) ul li:last-child {
    margin-bottom: 3px !important;
}


.the_list.coupon.reward:not(.news) ul li:nth-child(3n - 1),
.the_list.coupon.reward:not(.news) ul li:nth-child(3n) {
    margin: 0 auto;
}


.the_list.coupon.reward:not(.news) li.coupon:nth-child(n+4) {
    margin: 0 auto;
}


.transactions.coupon.the_list .transaction {
    margin-top: 20px !important;
    margin-left: 10px !important;
    background-color: #FFFFFF;
}


body > .band.contentarea > .container.container-twelve .twelve.columns.store-selector .store-selector {
    height: 66px;
    top: 10px;
}



.three.columns.spacing.the_login .no_login {
    display: none;
}

/*SERVICE SEITE */
a.button {
    font-size: 18px;
    padding: 10px 15px;
    border-radius: 0;
    margin-top: -45px !important;
}


.global_box.error {
    margin-bottom: 50px;
}


.web_form > div > input.input10,
.web_form > div > select.input10,
.web_form > div > label.input10,
.web_form > div > .input-box.input10 {
    width: 11%;
}


/*FOOTER */
.band-footer .container.container-twelve .footer a {
    color: #ffffff;
}


.band-footer .container.container-twelve .footer a:hover {
    color: #38378b;
}

.band-footer {
    width: 100%;
    position: absolute;
    bottom: 0;
}

.nav_footer{
    margin-bottom: 0;
}


/*SERVICE KUNDENSUCHE*/


body > .band.contentarea > .container.container-twelve .twelve.columns.store-selector .store-selector label {
    color: #38378b;
    font-weight: 600;
    font-size: 14px;

}


body > .band.contentarea.service > .container.container-twelve .twelve.columns.store-selector .store-selector {
    left: 25px;
    right: auto;
    top: 15px;
}


a.button.delete, button.delete, input[type="submit"].delete, input[type="reset"].delete, input[type="button"].delete {
    background: #38378b;
    border: 1px solid transparent;
    margin-top: 50px !important;
}

/*body > .band.contentarea.service.lookup #edit_user {
    display: none !important;
}*/

.contentarea.service #booking_manually {
    float: right;
}
.contentarea.service #delete_user,
.contentarea.service #edit_user,
.contentarea.service #edit_user_2,
.contentarea.service .lookup-user-key-stats-link,
.contentarea.service #send_registration,
.contentarea.service #print_registration,
.contentarea.service #send_card_replace,
.contentarea.service #send_card_replace_1,
.contentarea.service #send_card_replace_2,
.contentarea.service #book_revenue,
.contentarea.service #booking_manually,
.contentarea.service #book_correction {
    margin-top: 30px !important;
}


a.button.tinyButton.edit_button{
    margin-top: 50px !important;
}


.contentarea.service .web_form > div.contains-button a {
    margin-top: 0 !important;
}


a.button:hover, button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
a.greybutton:hover,
.btn-facebook-connect:hover {
    background-color: #38378b;
}


a.button.tinyButton.toggle-card-activation-button.delete {
    margin-top: 0 !important;
}


/*REGISTRIERUNG*/
.three.columns.spacing.the_registration .required-field-explanation {
    bottom: -40px;
}


.captcha_reload {
    background-color: #38378b;
}


.captcha_reload:hover {
    background-color: #38378b;
}


a.button, button,
input[type="submit"],
input[type="reset"],
input[type="button"],
a.greybutton {
    background-color: #38378b;
}


.global_box.error,
.global_box.success {
    margin-bottom: 50px;
    height: auto !important;
    margin-top: 35px;
}


/*SERVICE Registrierung*/
.web_form > div #keyCode.disabled {
    padding-left: 16px;
}

.web_form .visibility-INV {
    display: block;
}


.web_form.do_not_print.searchbox a {
    margin-top: 20px !important;
}
.menu > ul li a {
    display: none;
}
/*RESPONSIVE*/

/*@MEDIA MAX-WIDTH 768px AND 768px*/
@media only screen and (max-width: 768px) and (min-width: 768px) {
    .menu > ul li a {
        display: block;
    }
    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-details,
    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-links {
        width: 98% !important;
    }


    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-picture-carousel,
    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-map,
    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-address,
    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-details,
    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-links {
        margin: 0 auto;
        margin-left: 0.5% !important;
        width: -webkit-calc(50% - 13px);
        width: -moz-calc(50% - 13px);
        width: calc(50% - 13px);
    }

    body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card.user_key_card_new .user_key_card_merge_date {
        color: #4b4a4d;
        width: 21%;
    }

    .the_list:not(.news) li.coupon .coupon-left .coupon-time {
        width: 23%;
        left: 7% !important;
    }


    .the_list:not(.news) li.coupon.coupon_new .coupon-left .coupon-name .greybutton {
        right: 6px;
    }

    div#delete_account {
        width: 16% !important;
        float: right !important;
    }

    .the_list.coupon:not(.news) > ul {
        width: -webkit-calc(100% / 3 * 3 + 27px);
        width: -moz-calc(100% / 3 * 3 + 27px);
        width: calc(100% / 3 * 3 + 27px);
        margin-bottom: 30px;
    }


    body > .band.contentarea > .container.container-twelve .three.columns.spacing,
    body > .band.contentarea > .container.container-twelve .columns.spacing {
        margin: 30px 0 10px 0;
    }

    .mobile-navigation-container ul.js-submenu li a {
        padding: 0;
        color: #38378b;
        text-transform: uppercase;
        display: block;
    }

    .show-nav .mobile-navigation-container-long {
        height: 403px;
    }
    .show-nav .mobile-navigation-container-short {
        height: 149px;
    }

    .mobile-navigation-container .js-submenu{
        padding: 0;
    }

    ul.js-submenu {
        box-shadow: 0 5px 5px rgba(76,76,76,0.09);
    }


    .mobile-navigation-container .js-submenu > li{
        border-bottom: 1px solid #CCCCCC;
        padding: 10px 3%;
    }


    /*Navigation Button*/
    .mobile_nav.menu.twelve.columns > ul > li > .menu-button {
        width: 43px !important;
        height: 35px !important;
        border: 3px solid #4b4a4d;
        top: 30%;
        right: 50%;
    }

    .mobile_nav.menu.twelve.columns > ul > li > .menu-button .icon-bar {
        width: 23px;
        height: 3px;
        background-color: #535353;
        right: 17%;
    }

    .mobile_nav.menu.twelve.columns > ul > li > .menu-button:focus,
    .mobile_nav.menu.twelve.columns > ul > li > .menu-button:active {
        border-color: #38378b;
        color: #38378b;
    }

    .mobile_nav.menu.twelve.columns > ul > li > .menu-button:focus .icon-bar {
        background-color: #38378b;
    }

    .mobile_nav.menu.twelve.columns > ul > li > .menu-button .icon-bar:nth-child(1) {
        top: 24%;
    }

    .mobile_nav.menu.twelve.columns > ul > li > .menu-button .icon-bar:nth-child(2) {
        top: 44%;
    }

    .mobile_nav.menu.twelve.columns > ul > li > .menu-button .icon-bar:nth-child(3) {
        top: 67%;
    }


    body.content_portal{
        background-image: none !important;
        background: #FFFFFF;
    }

    body > .band.contentarea > .container.container-twelve {
        width: 93% !important;
        margin: 0 auto;
    }

    body > .band.contentarea > .container.container-twelve .eight.columns h2 {
        padding-left: 35px;
        padding-top: 0;
        padding-bottom: 0;
    }

    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-links {
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    }

    .band.content_nav .container.container-twelve .desktop_nav{
        width: 31.6%;
        display: none;

    }

    .header-fixed-container {
        width: 100%;
        padding-top: 0 !important;
    }

    .mobile-navigation-container,
    .mobile_nav.menu.twelve.columns {
        display: block;
    }

    .band-footer .container.container-twelve{
        width: 731px;
        margin-top: 50px;
        padding: 0;
    }

    #logotype-badge img{
        width: 100%;
        height: auto;
        margin: 0;
        padding-bottom: 0;
        padding-top: 0;
    }

    #logotype-badge a{
        height: auto;
    }

    #logotype-badge {
        width: 25% !important;
        padding-top: 0;
        top: 10px;
        left: 3%;
        margin-top: 0;
        float: left;
    }

    #logotype-badge:hover {
        width: 768px;
        padding-top: 0;
        margin-top: 0;
    }

    .content_nav img {
        padding: 0;
        margin: 0;
        margin-top: 13px;
        height: 100px;
    }

    .container.container-twelve .columns.spacing{
        margin-left: 0 !important;
        width: 100% !important;
        padding: 0 !important;
    }

    body .band.content_nav {
        height: 80px;
    }



    body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card:nth-child(3n),
    .transactions.the_status.coupon.the_list.status_concept .transaction:nth-child(3n) {
        width: -webkit-calc((100% / 3) - 57px / 3);
        width: -moz-calc((100% / 3) - 57px / 3);
        width: calc((100% / 2) - 57px / 3) !important;
        margin: 3px 3px 3px 3px;
    }

    body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card {
        width: -webkit-calc((100% / 3) - 57px / 3);
        width: -moz-calc((100% / 3) - 57px / 3);
        width: calc((100% / 2) - 57px / 3) !important;
        margin: 5px 3px 5px 5px !important;
        background: #FFFFFF;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    }

    body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card:nth-child(n+4) {
        margin-top: 0;
    }

    .user_key_card .user_key_card_ribbon{
        left: 0;
        width: 338px;
        height: 42px;
    }

    .user_code .user_key_card .user_key_card_ribbon:hover{
        height: 42px;
    }

    .popover-tooltip-message.popover-tooltip-message-big{
        top: 500px !important;
        left: 0 !important;
        margin-left: 28px !important;
        width: 80% !important;
    }

    .container.container-twelve .columns.spacing a.greybutton {
        text-align: center;
        width: 97%;
        margin: 0 auto;
    }

    .container.container-twelve.news .the_list {
        width: 97%;
        margin-left: 10px;
    }

    .container.container-twelve.news .news_details{
        width: 97%;
        margin-left: 6px;
    }

    .menu > ul li a {
        padding: 4px;
    }

    .container {
        width: 100% !important;
        margin-bottom: 0 !important;
    }

    .btn-facebook-connect {
        margin-bottom: 0;
        margin-left: 68%;
    }

    body .band.contentarea .container.container-twelve.news .columns.spacing .news_details .btn-facebook-connect-box .btn-facebook-connect {
        margin-left: 19%;
    }

    body .band.contentarea .container.container-twelve.news .columns.spacing .news_details .btn-facebook-connect-box {
        left: 20%;
    }

    .user_key_card:nth-child(n+2) {
        margin-top: 20px;
    }


    .container.container-twelve.news .the_list {
        width: 100% !important;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35) !important;
    }

    .container.container-twelve.news .news_details{
        width: 97%;
        margin-left: 11px;
        border: 3px solid #8D8D8D !important;
    }


    .columns.spacing.store-single-inner {
        width: 97%;
    }

    body > .band.contentarea > .container.container-twelve .three.columns.spacing.the_login {
        width: 0;
    }

    .container.container-twelve .columns.spacing a.greybutton {
        text-align: center;
        width: auto;
        margin: 0 auto;
        height: 48px;
        float: left;
        padding: 10px 15px;
    }

    .container.container-twelve .columns.spacing a.greybutton.right.enterHandler{
        height: auto;
        font-size: 20px;
        padding: 10px 25px;
    }

    .three.columns.spacing.the_login .no_login {
        float: left;
        margin-top: 40px;
        width: 100%;
    }


    .web_form > div:nth-child(2n){
        clear: none !important;
    }

    body > .band.contentarea > .container.container-twelve.news .columns.spacing .news_details {
        margin: 0 auto;
    }

    .the_list:not(.news) li.coupon .coupon-right .coupon-code {
        font-size: 11px;
    }


    .transactions:not(.status_concept) .transaction:nth-child(2n),
    .transactions.the_status:not(.status_concept) .transaction:nth-child(2n) {
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width: calc(50% - 10px);
    }

    body > .band.contentarea > .container.container-twelve .twelve.columns h3 {
        bottom: auto;
        margin-top: 0;
        left: 1%;
    }

}


/*@MEDIA MAX-WIDTH 767px AND 480px*/
@media only screen and (max-width: 767px) and (min-width: 480px) {

    .container.container-twelve .columns.spacing a.greybutton {
        text-align: center;
        width: 97%;
        margin: 0 auto;
    }

    .container.container-twelve.news .the_list {
        width: 97%;
        margin: 0 auto;
    }

    .container.container-twelve.news .news_details{
        width: 97%;
        margin: 0 auto;
        margin-left: 6px;
    }

    .container {
        width: 100%;
    }

    .menu > ul li a:hover, .menu > ul > li:hover > a {
        color: #000;
    }
}


/*@MEDIA MAX-WIDTH 767px*/
@media only screen and (max-width: 767px)  and  (min-width: 479px){


    body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card:nth-child(2n) {
        margin-left: 0;
        margin-bottom: 2px;
        margin-top: 2px;
    }

    body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card.user_key_card_new .user_key_card_merge_date {
        color: #4b4a4d;
        width: 20%;
    }


    body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card.user_key_card_new .user_key_card_code_new .greybutton {
        width: 50%;
    }

    .the_list.coupon:not(.news) > .coupon-explanation {
        width: 60%;
    }

    .the_list:not(.news) li.coupon,
    .the_list:not(.news) li.coupon:nth-child(2n),
    .the_list:not(.news) li.coupon:nth-child(n+3) {
        width: calc(100% - 4%);
        margin: 3px;
    }

    body > .band.contentarea > .container.container-twelve .twelve.columns.store-selector h2,
    body > .band.contentarea > .container.container-twelve .twelve.columns h2,
    body > .band.contentarea > .container.container-twelve .eight.columns h2 {
        padding-bottom: 0;
    }

    body > .band.contentarea > .container.container-twelve {
        width: 97%;
        margin: 0 auto;
    }

    .band-footer .container.container-twelve {
        margin-top: 50px;
    }


    .menu > ul li a {
        display: block;
    }

    .three.columns.spacing.the_login .no_login {
        float: left;
        width: 50%;
        display: none;
    }

    .container.container-twelve .columns.spacing a.greybutton.right.enterHandler {
        width: 48%;
    }

    div#delete_account {
        width: 16% !important;
        float: right !important;
    }

    .the_list.coupon:not(.news) > ul {
        width: -webkit-calc(100% / 3 * 3 + 27px);
        width: -moz-calc(100% / 3 * 3 + 27px);
        width: calc(100% / 3 * 3 + 27px);
        margin-bottom: 30px;
    }


    body > .band.contentarea > .container.container-twelve .three.columns.spacing,
    body > .band.contentarea > .container.container-twelve .columns.spacing {
        margin: 30px 0 10px 0;
    }

    .mobile-navigation-container ul.js-submenu li a {
        padding: 0;
        color: #38378b;
        text-transform: uppercase;
        display: block;
    }

    .show-nav .mobile-navigation-container-long {
        height: 403px;
    }
    .show-nav .mobile-navigation-container-short {
        height: 149px;
    }

    .mobile-navigation-container .js-submenu{
        padding: 0;
    }

    ul.js-submenu {
        box-shadow: 0 5px 5px rgba(76,76,76,0.09);
    }


    .mobile-navigation-container .js-submenu > li{
        border-bottom: 1px solid #CCCCCC;
        padding: 10px 3%;
    }


    .mobile_nav.menu.twelve.columns > ul > li > .menu-button:focus,
    .mobile_nav.menu.twelve.columns > ul > li > .menu-button:active {
        border-color: #38378b;
        color: #38378b;
    }

    .mobile_nav.menu.twelve.columns > ul > li > .menu-button:focus .icon-bar {
        background-color: #38378b;
    }

    .mobile_nav.menu.twelve.columns > ul > li > .menu-button .icon-bar:nth-child(1) {
        top: 27% !important;
    }

    .mobile_nav.menu.twelve.columns > ul > li > .menu-button .icon-bar:nth-child(2) {
        top: 47% !important;
    }

    .mobile_nav.menu.twelve.columns > ul > li > .menu-button .icon-bar:nth-child(3) {
        top: 66% !important;
    }

    .mobile_nav.menu.twelve.columns > ul > li > .menu-button .icon-bar {
        width: 23px;
        height: 3px;
        background-color: #535353;
        right: 17%;
    }

    .mobile_nav.menu.twelve.columns > ul > li > .menu-button {
        width: 43px !important;
        height: 35px !important;
        border: 3px solid #4b4a4d;
        top: -11%;
        right: 31%;
    }


    #logotype-badge {
        width: 100%;
        transition: none;
    }

    #logotype-badge:hover {
        width: 100%;
    }


    #logotype-badge img {
        width: 100%;
        height: auto;
        margin-top: 0;
    }

    .header-fixed-container {
        padding-top: 38px !important;
    }

    .popover-tooltip.popover-tooltip-message-medium{
        top: 88px !important;
        left: 18px !important;
        width: 90% !important;
        margin-left: 0 !important;
    }

    .popover-tooltip-message.popover-tooltip-message-big{
        top: 20px !important;
        left: 0 !important;
        margin-left: 18px !important;
        width: 90% !important;

    }

    .container.container-twelve .columns.spacing a.greybutton {
        text-align: center;
        width: 97%;
        margin: 0 auto;
    }

    .container.container-twelve.news .the_list {
        width: 97%;
        margin: 0 auto;
    }

    .container.container-twelve.news .news_details{
        width: 97%;
        margin: 0 auto;
        margin-left: 6px;
    }

    .container {
        width: 100%;
    }

    .band.content_nav .container.container-twelve .desktop_nav ul li {
        display: none;
    }

}


/*@MEDIA MAX-WIDTH 768px AND 479px*/
@media only screen and (max-width: 768px), (max-width: 479px) {

    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-picture-carousel,
    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-address,
    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-details,
    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-links {
        margin-bottom: 15px !important;
    }


    body > .band.contentarea > .container.container-twelve .twelve.columns.store-selector h2 .sub-title {
        margin-top: 97px;
        top: 22%;
    }

    body > .band.contentarea > .container.container-twelve .twelve.columns.store-selector {
        position: relative;
        height: 155px;
    }

    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-links {
    width: 99.8%;
    margin-top: 2px;
}



    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-details {
        width: 100%;
    }

    .container .desktop_nav {
        margin-left: 16px;
    }

    .store-single .store-map.big,
    .store-single .store-address.big,
    .store-single .store-status.big,
    .store-single .store-map,
    .store-single .store-address,
    .store-single .store-details,
    .store-single .store-links,
    .store-single .store-status,
    .store-single .store-picture-carousel {
        width: 100%;
    }

    .store-single .store-picture-carousel{
        margin-bottom: 20px;
        margin-top: 35px;
        border: none;
    }

    .the_list.coupon.reward:not(.news) ul {
        width: 100%;
        margin: 0 auto;
        display: block;
        float: none;
    }

    .the_list.reward:not(.news) li.coupon:nth-child(n+3) {
        margin-top: 20px;
    }

    .the_list.coupon.reward:not(.news) li.coupon:nth-child(3n) {
        margin-right: 3px;
    }

    .the_list.reward:not(.news) li.coupon:nth-child(2n) {
        margin-right: auto;
        margin-left: 10px;
    }

    .the_list.coupon:not(.news) {
        width: 694px;
    }

    .transactions .transaction, .transactions .transaction:nth-child(2n) {
        width: 100%;
    }


    body .container .mobile_nav {
        width: 100% !important;
    }

    .menu ul ul li a {
        box-shadow: none;
        padding: 15px;
        text-align: center;
    }

    .menu ul ul li a.menu-button {
        box-shadow: inset 0 0 0 1px #8D8D8D;
    }

    .container.container-twelve.news .news_details .news_details_close,
    .container.container-twelve.coupons .coupon_details .coupon_details_close,
    .container.container-twelve.rewards .coupon_details .coupon_details_close,
    .container.container-twelve.status .store_details .status_details_close {
        font-size: 30px;
        padding: 15px;
        margin: 0;
        cursor: pointer;
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 288px;
        top: -29px;
        width: 10px;
    }

    .btn-facebook-connect-box {
        border-top: none;
        left: 35px;
        background: transparent;
    }


    .coupon.the_list.news {
        width: 97%;
        margin: 0 auto;
        margin-left: 10px;
    }

    .news_details {
        width: 100%;
        margin-right: 0;
        left: 0;
        border: 1px solid #8D8D8D !important;
    }


    .subject_messages,
    .old_subject {
        width: 100%;
    }

    .news .the_messages #add {
        margin: 0 !important;
        width: 100%;
        position: relative;
        padding: 0;
        text-align: center;
    }

    .columns.spacing.the_messages .new_subject {
        width: 100%;
        padding: 0;
    }

    .columns.spacing.the_messages .new_subject .web_form {
        padding: 0 24px;
    }


    .the_list.coupon:not(.news),
    .store-single .store-single-inner {
        padding: 0;
        width: 100%;
    }

    .transactions .transaction:nth-child(-n+2){
        margin-top: 1px;
    }

    .transactions.coupon.the_list .transaction {
        width: 99% !Important;
    }

    .transactions.coupon.the_list .transaction {
        margin-top: 15px !important;
         margin-left: 2px !important;
        margin-bottom: 2px !important;
    }

    body > .band.contentarea > .container.container-twelve.status .columns.spacing {
        padding: 0 0;
    }

    .transactions:not(.status_concept) .transaction,
    .transactions.the_status:not(.status_concept) .transaction {
        margin: 0;
    }

    .the_list.discover,
    .the_map_outer {
        margin: 0 auto;
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }

    .the_map_outer .the_map {
        width: 100%;
    }

    .store-single .store-picture-carousel-image.animate {
        width: 100%;
        text-align: center;
    }

}


/*@MEDIA MAX-WIDTH 768px*/
@media only screen and (max-width: 768px) {


    .container.container-twelve.news .the_list {
        width: 97%;
        margin: 0 auto;
    }

    .container.container-twelve.news .news_details{
        width: 97%;
        margin: 0 auto;
        margin-left: 6px;
    }


    .contentarea {
        padding-top: 25px !important;
        width: 100% !important;
        margin: 0 auto !important;
    }

    .contentarea .container-twelve {
        padding-top: 25px;
        padding-bottom: 25px;
        margin-left: 0;
    }
}




/*@MEDIA MAX-WIDTH 767px AND 480px*/
@media only screen and (max-width: 767px) and (min-width: 480px) {

    .container.container-twelve .columns.spacing a.greybutton {
        text-align: center;
        width: 97%;
        margin: 0 auto;
    }

    .container.container-twelve.news .the_list {
        width: 97%;
        margin: 0 auto;
    }

    .container.container-twelve.news .news_details{
        width: 97%;
        margin: 0 auto;
        margin-left: 6px;
    }

    .container.container-twelve .columns.spacing {
        width: 100%;
    }
}


/*@MEDIA MAX-WIDTH 479px AND 768px*/
@media only screen and (min-width: 479px) and (max-width: 768px) {
    .user_code .first_client {
        float: left;
    }
}


/*@MEDIA MAX-WIDTH 479px*/
@media only screen and (max-width: 479px) {
    .band.content_nav .container.container-twelve .desktop_nav {
        display: none;
    }

    .contentarea.service #search {
        margin-top: 30px !important;
        margin-bottom: 30px;
    }

    body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_messages {
        margin-top: 30px;
    }

    /*Navigation Button*/
    .mobile_nav.menu.twelve.columns {
        left: 100%;
        top: 6%;
        width: 0 !important;
        margin: 0;
    }

    #logotype-badge:hover {
        margin-top: 0;
        margin: 0 auto;
    }

    .mobile_nav.menu.twelve.columns > ul {
        right: 15px;
    }

    .mobile_nav.menu.twelve.columns > ul > li > .menu-button {
        width: 43px !important;
        height: 35px !important;
        border: 3px solid #4b4a4d;
    }

    .mobile_nav.menu.twelve.columns > ul > li > .menu-button .icon-bar {
        width: 23px;
        height: 3px;
        background-color: #535353;
        right: 20%;
    }

    .mobile_nav.menu.twelve.columns > ul > li > .menu-button:focus,
    .mobile_nav.menu.twelve.columns > ul > li > .menu-button:active {
        border-color: #38378b;
        color: #38378b;
    }

    .mobile_nav.menu.twelve.columns > ul > li > .menu-button:focus .icon-bar {
        background-color: #38378b;
    }

    .mobile_nav.menu.twelve.columns > ul > li > .menu-button .icon-bar:nth-child(1) {
        top: 24%;
    }

    .mobile_nav.menu.twelve.columns > ul > li > .menu-button .icon-bar:nth-child(2) {
        top: 44%;
    }

    .mobile_nav.menu.twelve.columns > ul > li > .menu-button .icon-bar:nth-child(3) {
        top: 67%;
    }


    .mobile-navigation-container ul.js-submenu li a {
        padding: 0;
        color: #38378b;
        text-transform: uppercase;
        display: block;
    }

    .show-nav .mobile-navigation-container-long {
        height: 435px;
    }
    .show-nav .mobile-navigation-container-short {
        height: 149px;
        margin-top: 35px;
    }

    .mobile-navigation-container .js-submenu{
        padding: 0;
        padding-top: 25px;
    }

    ul.js-submenu {
        box-shadow: 0 5px 5px rgba(76,76,76,0.09);
    }

    .mobile-navigation-container .js-submenu > li{
        border-bottom: 1px solid #CCCCCC;
        padding: 10px 3%;
    }



    #logotype-badge {
        width: 94% !important;
        padding-top: 0;
        top: 42px;
        left: 0;
        margin-top: 0;
    }

    #logotype-badge a{
        width: 41% !important;
        height: auto;
    }



    .the_list.coupon.reward:not(.news) ul li {
        width: 95% !important;
        margin: 0 auto;
        margin-top: 20px !important;
        margin-left: 10px !important;
    }


    .header-fixed-container {
        width: 100% !important;
        margin-top: -35px;
    }

    body .container .mobile_nav {
        width: 17% !important;
    }

    body > .band.contentarea > .container.container-twelve {
        width: 97% !important;
        margin: 0 auto;
    }

    body > .band.contentarea {
        padding-top: 0;
    }

    body > .band.contentarea > .container.container-twelve .twelve.columns.store-selector h2 .sub-title {
        padding-left: 5px !important;
    }

    body > .band.contentarea > .container.container-twelve .twelve.columns h3 {
        bottom: 0;
    }

    body > .band.contentarea > .container.container-twelve .eight.columns h2 {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
    }

    body > .band.contentarea > .container.container-twelve.status .columns.spacing {
        margin-top: 0;
    }

    body > .band.contentarea > .container.container-twelve .twelve.columns.store-selector h2,
    body > .band.contentarea > .container.container-twelve .twelve.columns h2 {
        padding-top: 0;
        font-size: 32px;
        padding-bottom: 15px;
    }

    .info_bubble .info_bubble_storeDetails {
        height: 29px;
    }

    .store-details.opened {
        width: 100% !important;
    }

    .store-address {
        margin-bottom: 20px !important;
    }

    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-picture-carousel {
        margin-bottom: 20px !important;
    }

    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-details {
        margin-bottom: 20px !important;
        width: 100%;
    }

    .user_key_card .user_key_card_ribbon{
        width: 260px;
    }

    .user_code .user_key_card .user_key_card_ribbon:hover{
        height: 39px;
    }

    .user_key_card .user_key_card_merge_date{
        font-size: 11px;
    }

    .user_code .user_key_card .user_key_card_qr_image {
        right: 10px !important;
    }

    .contentarea.service .twelve.columns.store-selector .store-selector{
        position: static;
    }

    .container.container-twelve.news .news_details .news_details_close {
        top: -2%;
        left: 86%;
    }

    .the_list.coupon:not(.news) > .coupon-explanation {
        margin: 0 auto;
        margin-top: 20px !important;
        width: 98%;
        margin-bottom: 2px !important;
    }

    .transactions, .transactions.coupon.the_list,
    .transactions.the_status,
    .transactions.the_status.coupon.the_list {
        margin-top: 25px;
    }

    .the_list li .coupon-client {
        width: 50% !important;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .the_list li .coupon-time {
        font-size: 10px !important;
    }

    .the_list li.coupon_new input[name="keyCode"] {
        margin-left: 2%;
    }

    .the_list:not(.news) li.coupon_new .coupon-left .coupon-time {
        width: 19%;
        margin-left: -21%;
    }

    div#delete_account {
        width: 115px !important;
        float: right !important;
    }

    .container.container-twelve .columns.spacing a.greybutton {
        text-align: center;
        width: 97%;
        margin: 0 auto;
        margin-bottom: 25px;
    }

    .container.container-twelve .columns.spacing a.greybutton.tinyButton.enterHandler {
        width: 40% !important;
        right: 0;
        margin-top: 45px !important;
    }

    .popup_bg .popup_content {
        width: 80%;
        left: 10%;
    }

    .popup_bg .popup_content .buttons a {
        margin-top: 0 !important;
    }

    body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card.user_key_card_new .user_key_card_code_new .greybutton {
        margin-bottom: 1px !important;
        margin-top: 50px !important;
    }

    body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .user_key_cards .user_key_card:nth-child(n+2) {
        margin-bottom: 3px;
    }

    body > .band.contentarea > .container.container-twelve .columns.spacing.the_code {
        margin-bottom: 0 !important;
    }

    body > .band.contentarea > .container.container-twelve.news .columns.spacing {
        padding: 0 10px !important;
        margin-top: 0;
    }

    body > .band.contentarea > .container.container-twelve.coupons .columns.spacing {
        margin-top: 0;
    }

    body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .the_code_top_content h4:after,
    .three.columns.spacing.the_profile h4:after {
        background-color: transparent !important;
    }

    .three.columns.spacing.the_profile h4:after {
        background-color: transparent !important;
    }

    body > .band.contentarea > .container.container-twelve .twelve.columns h2 span {
        right: 0 !important;
    }

    body > .band.contentarea > .container.container-twelve .twelve.columns.store-selector h2 .sub-title {
        bottom: 0;
        display: none;
    }

    body > .band.contentarea > .container.container-twelve .twelve.columns.store-selector .store-selector {
        top: 52%;
    }

    .container.container-twelve.news .the_list {
        padding: 10px !important;
        margin: 0 auto !important;
    }

    .container.container-twelve.news .news_details{
        width: 97%;
        margin: 0 auto;
        margin-left: 6px;
    }

    select {
        text-indent: 0 !important;
    }

    body > .band.contentarea > .container.container-twelve .twelve.columns.store-selector .store-selector select {
        width: -webkit-calc(100% - 180px) !important;
        width: -moz-calc(100% - 180px) !important;
        width: calc(100% - 180px) !important;
        float: right;
    }

    #logotype-badge img {
        width: 100%;
        height: 100%;
        float: left;
        margin: 0;
        padding-bottom: 0;
        padding-top: 0;
        margin-top: 0;
    }

    body > .band.contentarea > .container.container-twelve .columns.spacing.the_code .the_code_top_content h4,
    .three.columns.spacing.the_profile h4 {
        font-size: 26px;
    }

    body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner {
        margin-top: 10px !important;
    }

    body > .band.contentarea > .container.container-twelve .twelve.columns.store-selector {
        height: auto;
        padding-bottom: 40px
    }

    body > .band.contentarea > .container.container-twelve .twelve.columns.store-selector .store-selector select {
        min-width: 170px !important;
        margin-top: 12px;
    }

    body > .band.contentarea > .container.container-twelve .columns.spacing.rewards {
        padding: 0;
    }

    body > .band.contentarea > .container.container-twelve.news .columns.spacing .the_list.news {
        margin-top: 40px !important;
    }

    .container.container-twelve.coupons .the_list{
        margin-top: 40px !important;
    }

    .container.container-twelve .columns.spacing .btn-facebook-connect {
        margin-bottom: 20px !important;

    }

    .container.container-twelve .columns.spacing a.greybutton,
    .container.container-twelve .columns.spacing .btn-facebook-connect,
    .container.container-twelve .columns.spacing .no_login {
        width: 88% !important;
        margin: 0 auto;
    }

    a.greybutton.tinyButton {
        display: inline !important;
    }

    .container.container-twelve .columns.spacing a.greybutton.right.enterHandler {
        margin: 0 auto !important;
        margin-bottom: 20px !important;
    }


    .contentarea .container-twelve {
        padding-top: 0 !important;
        padding-bottom: 1px !important;
        width: 100% !important;
        font-size: 12px;
        margin-top: 0 !important;
    }

    .menu-button {
        top: 0;
    }

    .container.container-twelve.news .news_details .news_details_close:hover,
    .container.container-twelve.coupons .coupon_details .coupon_details_close:hover,
    .container.container-twelve.rewards .coupon_details .coupon_details_close:hover,
    .container.container-twelve.status .store_details .store_details_close:hover {
        color: #38378b;
    }

    .band > .container.container-twelve {
        width: 100%;
    }

    .the_list.coupon.reward:not(.news) li.coupon:nth-child(3n) {
        margin-right: auto;
        margin-left: 10px;
    }

    .twelve.columns.store-selector .store-selector label,
    .twelve.columns.store-selector .store-selector select {
        margin-left: 25px;
        margin-bottom: 15px;
    }

    .listMapSwitch {
        display: block;
        overflow: hidden;
        width: 100%;
    }

    .listMapSwitch > div {
        margin-bottom: 15px;
        padding: 10px 15px !important;
        font-size: 14px;
        background: #ffffff;
        color: #8D8D8D;
        border: 1px solid #8D8D8D;
    }

    .listMapSwitch .list {
        border-right: none;
    }

    .listMapSwitch > .map,
    .listMapSwitch > .list {
        margin-left: 0;
        line-height: 26px !important;
    }

    .listMapSwitch > div.selected {
        background: #38378b;
        color: #ffffff;
    }

    .store-single .store-picture-carousel-image img {
        height: auto !important;
    }

    .nav_footer {
        word-break: normal !important;
    }

    .band-footer {
        margin-top: 0;
        padding-bottom: 15px;
    }

    .band-footer .container.container-twelve {
        width: 95% !important;
        margin: 0 auto;
        padding: 0;
    }
}


/*@MEDIA MAX-WIDTH 768px*/
@media only screen and (max-width: 768px) {
    .the_messages .btn-facebook-connect-box {
        width: 85% !important;
    }
    body > .band.contentarea > .container.container-twelve.coupons .columns.spacing.the_messages .btn-facebook-connect-box {
        width: 85% !important;

    }
}


/*@MEDIA MAX-WIDTH 767px*/
@media only screen and (max-width: 767px) {

    .container .one.column,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column {
        width: 100%;
    }
}

@media print {

    body > .band.contentarea {
        box-shadow: none;
        padding-top: 0;
    }

    .content_portal{
        background-image: none !important;
    }

    #logotype-badge {
        width: 980px;
        height: 100px;
        margin-top: 0;
        padding-top: 0;
    }

    #logotype-badge:hover {
        width: 980px;
        height: 100px;
        margin-top: 0;
        padding-top: 0;
    }

    #logotype-badge a {
        width: 250px;
        height: 80px;
        border-top: none;
    }

    #logotype-badge img {

    }

    .header-fixed-container {
        height: 0;
    }

    a {
        display: none;
    }

    .three.columns.spacing.the_registration .checkbox_with_label label,
    .three.columns.spacing.the_registration label.the_long_text {
        line-height: 12px;
        font-size: 10px;
        text-transform: none;
        font-weight: normal;
    }

    .three.columns.spacing.the_registration .web_form > div:not(.checkbox_with_label) > label:not(.the_long_text):not(.multiLine) {
        color: #999999;
    }

    .three.columns.spacing.the_registration .web_form > div:not(.checkbox_with_label) {
        margin-bottom: 15px !important;
    }

    .web_form input,
    .web_form input,
    .web_form select,
    .web_form textarea,
    .web_form input:focus,
    .web_form select:focus,
    .web_form textarea:focus {
        color: #000000 !important;
        font-weight: bold;
        height: 18px !important;
    }

    .web_form > div > input, .web_form > div > select, .web_form > div > textarea, .web_form > div > label {
        height: 18px !important;
    }

    .contentarea.service > .container-twelve {
        padding: 0;
    }

    .contentarea.service .web_form_signature {

    }

    .contentarea.service .web_form_signature > div:first-child {
        float: right;
        margin-left: 4%;
        text-align: right;
        margin-top: -28px;
        line-height: normal;
        margin-right: 20px;
    }

    .contentarea.service .web_form_signature > div:first-child > label.multiLine {
        display: inline-block;
        clear: both;
        width: auto;
        line-height: normal;
        margin: 0;
        padding: 0;
    }

    .contentarea.service .web_form_signature > div:first-child > label.multiLine,
    .contentarea.service .web_form_signature > div:first-child > label.multiLine span {
        text-transform: none;
        font-weight: normal;
        text-decoration: none;
        font-size: 10px;
    }

    .contentarea.service .web_form_signature > div:first-child > label.multiLine span {
        font-weight: bold;
    }

    .contentarea.service .web_form_signature > div:first-child > input {
        padding: 0;
        margin: 0;
        vertical-align: bottom;
    }

    .contentarea.service .web_form_signature > div.signature_box {
        border: 2px solid #999999;
        padding: 24px 4px 0 4px;
        margin-left: 0;
        margin-top: 100px;
        position: relative;
    }

    .contentarea.service .web_form_signature > div.signature_box::after {
        content: 'x';
        position: absolute;
        left: 25%;
        top: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 24px;
        text-transform: uppercase;
        color: #5c5c56;
    }

    .contentarea.service input[type=checkbox] {
        position: relative;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }

    .contentarea.service input[type=checkbox]::after {
        content: ' ';
        position: absolute;
        background: #FFFFFF;
        top: 50%;
        left: 0;
        width: 12px;
        height: 12px;
        margin-top: -6px;
        border: 1px solid #999999;
        line-height: 12px;
        text-align: center;
    }

    .contentarea.service input[type=checkbox]:checked::after {
        content: 'x';
    }

    .contentarea.service .the_registration .terms_full h2,
    .contentarea.service .the_registration .privacy_full h2 {
        padding-left: 0;
    }

    .logo_for_print > img {
        width: 850px;
        margin: 0 auto;
        display: block;
    }
}
.store-single .store-status .status-points-badge {
    left: auto;
    right: 5px;
    top: 0;
    width: 40px;
    height: 40px;
}
.store-single .store-status .status-points-badge-inner {
    top: 0px;
    border-radius: 0;
    background-color: #38378b;
    height: 100%;
    width: 100%;
    padding-top: 10px;
}
body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner .store-status.big .status-points-badge {
    margin-left: 0;
}

.web_form .visibility-MAN-zipCode label:not(.optional).input30::after, .web_form .visibility-MAN-city label:not(.optional).input70::after, .web_form .visibility-MAN-givenName label:not(.optional).inputGivenName::after, .web_form .visibility-MAN-familyName label:not(.optional).inputFamilyName::after, .web_form .visibility-MAN label:not(.optional)::after {
    content: '';
}
#fb_connect {
    display: none;
}
.the_registration .web_form > div > label.input10 {
    width: 11%;
}
.the_registration .web_form > div > input.input10 {
    width: 11%;
    float: left;
}
.the_registration .web_form > div > label.input20 {
    width: 18%;
}
.the_registration .web_form > div > input.input20 {
    width: 15%;
    float: left;
}
.the_registration .web_form > div > label.input30 {
    width:28%;
}
.service.lookup .the_registration .web_form > div > input.input30  {
    width: 28%;
    float: left;
}
.the_registration .web_form > div > label.input70 {
    width: 68%;
}
.service.lookup .the_registration .web_form > div > input.input70{
    width: 68%;
    float: left;
}
.the_registration .web_form > div > label.input80 {
    width: 78%;
}
.the_registration .web_form > div > input.input80{
    width: 78%;
    float: left;
}
.the_registration .web_form > div > label.input90 {
    width: 85%;
}
.the_registration .web_form > div > input.input90{
    width: 85%;
    float: left;
}
.the_registration .web_form > div > select.input90{
    width: 85%;
    float: left;
}
.contentarea.service #print_registration {
    display: none;
}
.check-terms-link {
    color: #38378B;
    text-decoration: none;
}
.check-terms-link:hover {
     color: #38378B;
     text-decoration: underline;
 }
body.service > .band.contentarea.service h4 {
    font-size: 14px;
    font-weight: 900;
}
input#termsOptin.error::before  {
    border-color: red;
}
#search-result {
    margin-top:30px;
}
.service.lookup .the_registration .web_form > div > input {
    width: 100%;
}
.service.lookup .the_registration .web_form > div > select {
    width: 100%;
}
#termsOptinLabel {
    width: auto;
}
.service .the_real_registration #streetHouseNo{
    width: 75%;
}
.service .the_real_registration #zipCode, .the_registration #zipCode {
    width: 28%;
}
.service .the_real_registration #city, .the_registration #city{
    width: 65%;
}
.contentarea.service .the_real_registration .web_form > div.birthday #year, .the_registration .web_form > div.birthday #year {
    width: 43%;
}
.service .the_real_registration #country {
     width: 82%;
}
.web_form .optin_text_width {
    width:auto;
}
.store-single .store-status .status-bar .status-inner.status-gradient-silver {
    border: none;
    background: #c8c8c8; /* Old browsers */
    background: -moz-linear-gradient(top, #c8c8c8 0%, #c8c8c8 60%, #afafaf 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #c8c8c8 0%, #c8c8c8 60%, #afafaf 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c8c8c8 0%, #c8c8c8 60%, #afafaf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8c8c8', endColorstr='#afafaf', GradientType=0); /* IE6-9 */
}
.store-single .store-status .status-bar .status-inner.status-gradient-gold {
    border: none;
    background: #f2bd49; /* Old browsers */
    background: -moz-linear-gradient(top, #f2bd49 0%, #f2bd49 60%, #e1bb00 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f2bd49 0%, #f2bd49 60%, #e1bb00 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f2bd49 0%, #f2bd49 60%, #e1bb00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2bd49', endColorstr='#e1bb00', GradientType=0); /* IE6-9 */
}
.store-single .store-status .status-bar .status-inner.status-gradient-platinum {
    border: none;
    background: #464646; /* Old browsers */
    background: -moz-linear-gradient(top, #464646 0%, #464646 60%, #1d1d1d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #464646 0%, #464646 60%, #1d1d1d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #464646 0%, #464646 60%, #1d1d1d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.store-single .store-status .status-bar-legend > div.not-available .status-bar-legend-item-label,
.store-single .store-status .status-bar-legend > div.not-available .status-bar-legend-item-icon {
    opacity: 1;
}

.transactions .transaction .transaction-date {
    position: absolute;
    right: 24px;
    bottom: 10px;
    color: #38378b;
}
input[readonly],
select[disabled]{
    background-color: #E6E6E6;
}
.web_form > div > input[readonly="readonly"]:hover {
    padding: 0 16px;
    border: 1px solid transparent;
}
body > .band.contentarea.store-single > .container.container-twelve .columns.spacing.store-single-inner > .store-links ul li {
    color: #38378b;
}
input[type="text"][readonly]:focus,
input[type="number"][readonly]:focus,
input[type="password"][readonly="readonly"]:focus,
input[type="email"][readonly="readonly"]:focus,
textarea[readonly="readonly"]:focus,
select[disabled="disabled"]:focus {
    box-shadow: none;
}
.hint {
    margin-bottom: 0;
    margin-left: 0;
    font-size: 12px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#popup {
    display: none;
    position: absolute;
    z-index: 51;
    width: 80%;
    border: 1px solid lightgrey;
    top: 20px;
    background-color: #fff;
    margin-left: 10%;
}
.loading_indicator_infinity {
    z-index: 50;
}
#addressTable {
    width: 100%;
    text-align: left;
}
#addressTable thead tr {
    border-bottom: 1px solid lightgrey;
}
#addressTable tr {
    cursor: pointer;
}
#addressTable th {
    background-color: #EFEFEF;
    cursor: default;
    color: #38378B;
}
#addressTable tr:nth-child(even) {
    background-color: #EFEFEF;
}
#addressTable tr:hover {
    background-color: #dddddd;
}
#addressTable th,
#addressTable td {
    padding: 10px;
}
#addressTable .headline {
    text-align: center;
    font-weight: bold;
}
#addressTable .show_more {

}
#addressTable .show_more:hover {
    background-color: inherit;
}
#addressTable #showMore {
    color: #38378B;
}
#addressTable #showMore:hover {
    text-decoration: underline;
}
.inputBlocked {
    pointer-events: none;
}