.loyalty-container {
    padding-bottom : 0;
}

.loyalty-container #loyalty-footer-nav {
    margin-top : 30px;
}

.loyalty-container .loyalty-loader {
    margin  : auto;
    color   : #c6c6c6;
    display : block;
}

.loyalty-container .loyalty-group {
    display : none;
}

.loyalty-container .loyalty-header {
    overflow   : hidden;
    position   : relative;
    display    : block;
    color      : #545454;
    margin-top : 60px;
}

.loyalty-container .loyalty-header .col-sm-8 p {
    font-size : 20px;
    margin    : 5px 0;
}

.loyalty-container .loyalty-header .col-sm-4 select {
    font-size     : 16px;
    border-radius : 0;
    border-color  : #c6c6c6;
    max-width     : 300px;
    width         : 100%;
    height        : 40px;
    background    : transparent;
}

.loyalty-container .loyalty-header .col-sm-4:after {
    speak          : none;
    font-style     : normal;
    font-weight    : 400;
    font-variant   : normal;
    text-transform : none;
    line-height    : 1;
    border         : none;
    right          : 27px;
    position       : absolute;
    font-size      : 20px;
    top            : 10px;
    color          : #c6c6c6;
    z-index        : -1;
}

.loyalty-container .loyalty-item {
    border   : 1px solid #c6c6c6;
    position : relative;
    overflow : hidden;
    margin   : 36px 0;
}

.loyalty-container .loyalty-item .loyalty-details {
    border-right   : 1px solid #c6c6c6;
    padding-top    : 27px;
    padding-left   : 30px;
    padding-bottom : 84px;
    min-height     : 346px;
}

.loyalty-container .loyalty-item .loyalty-details .expiration {
    display       : block;
    font-size     : 14px;
    color         : #545454;
    margin-bottom : 8px;
}

.loyalty-container .loyalty-item .loyalty-details .loyalty-header {
    font-size     : 32px;
    color         : #363636;
    margin-top    : 0;
    margin-bottom : 5px;
}

.loyalty-container .loyalty-item .loyalty-details .loyalty-sub-header {
    font-size     : 18px;
    color         : #545454;
    margin-top    : 0;
    margin-bottom : 12px;
}

.loyalty-container .loyalty-item .loyalty-details .prize-desc {
    font-size     : 16px;
    color         : #545454;
    margin-top    : 0;
    margin-bottom : 14px;
}

.loyalty-container .loyalty-item .loyalty-details .prize-short-desc {
    font-size     : 18px;
    font-weight   : bold;
    color         : #545454;
    display       : block;
    margin-bottom : 0;
}

.loyalty-container .loyalty-item .loyalty-details .treasurehunt-points {
    font-size : 24px;
    color     : #363636;
}

.loyalty-container .loyalty-item .loyalty-details .loyalty-footer {
    position     : absolute;
    bottom       : 0;
    width        : 100%;
    right        : 0;
    padding-left : 30px;
    border-top   : 1px solid #c6c6c6;
}

.loyalty-container .loyalty-item .loyalty-details .loyalty-footer > div {
    padding-top    : 20px;
    padding-bottom : 20px;
}

.loyalty-container .loyalty-item .loyalty-details .loyalty-footer .col-xs-9,
.loyalty-container .loyalty-item .loyalty-details .loyalty-footer .col-xs-12 {
    padding-left : 0;
}

.loyalty-container .loyalty-item .loyalty-details .loyalty-footer .col-xs-3 {
    font-size : 28px;
}

.loyalty-container .loyalty-item .loyalty-details .loyalty-footer .col-xs-3 a {
    text-decoration : none;
    outline         : none;
    color           : #c6c6c6;
}

.loyalty-container .loyalty-item .loyalty-details .loyalty-footer .col-xs-3 a:hover {
    color : #bdaa84;
}

.loyalty-container .loyalty-item .hero-banner {
    -webkit-background-size : 100% auto;
    background-size         : 100% auto;
    background-position     : 0 50%;
    background-repeat       : no-repeat;
    position                : absolute;
    right                   : 0;
    height                  : 100%;
}

.loyalty-container .announcements-block.has-annc .content {
    min-height : 346px;
}

.loyalty-loader .rficon-spinner {
    width      : 32px;
    height     : 32px;
    background : url("../images/ajax-loader.gif") center center no-repeat;
    margin     : auto;
}

@media only screen and (max-width : 992px) {
    .loyalty-container .loyalty-item .loyalty-details .treasurehunt-points {
        font-size : 22px;
    }

    loyalty-container .loyalty-item .loyalty-details {
        border-right : none;
    }

    .loyalty-container .main {
        padding-top : 100px;
    }

    .loyalty-container .loyalty-item .hero-banner {
        padding    : 0;
        height     : initial;
        right      : initial;
        position   : relative;
        background : none !important;
    }

    .loyalty-container .main .loyalty-item .hero-banner img {
        margin : auto;
    }

    .loyalty-container .loyalty-item .loyalty-details {
        border-right   : none;
        padding-bottom : 80px;
        min-height     : inherit;
    }
}

@media only screen and (max-width : 768px) {
    .loyalty-container .loyalty-item .loyalty-details .loyalty-header {
        font-size   : 24px;
        line-height : normal;
    }

    .loyalty-container .loyalty-item .loyalty-details .treasurehunt-points {
        font-size : 20px;
    }

    .loyalty-container .loyalty-item .loyalty-details .loyalty-footer > div {
        padding-top    : 10px;
        padding-bottom : 10px;
    }

    .loyalty-container .announcements-block.has-annc .content {
        min-height : auto;
    }
}

@media only screen and (max-width : 320px) {
    .loyalty-container .main {
        padding-top : 0;
    }

    .loyalty-container .loyalty-item .loyalty-details .loyalty-footer .col-xs-3 a {
        font-size : 20px;
    }
}