/* CSS Document */
/* PURPLE THEME */

body {
    font-family: "Inter", sans-serif !important;
}

a {
    color: #804573;
}

    a.small {
        color: #804573;
    }

    a:hover {
        color: #777777;
    }

.GeneralLinks {
    /*font-size: 12px;*/
    /* color: #804573;*/
    font-size: 14px;
    padding-top: 10px;
    color: #000;
}

.GeneralLinks1 {
    font-size: 12px;
    color: #804573;
    display: inline-block;
    padding-right: 5px;
}

.ActivePageLink {
    color: #804573;
    font-weight: bold;
}

    .ActivePageLink:hover {
        color: #804573;
    }

.InactivePageLink {
    color: #666666;
    font-weight: normal;
}

.DataTableHeaderBG {
    background-color: #EEEEEE;
}

.modal-header {
    background-color: #e4cff6;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
}

#PageContainer {
    padding-top: 25px;
    padding-bottom: 35px;
}

#ContentBorderBox {
    /*background-color: #f06f3e;
    border: 2px solid #f06f3e;
    border-radius: 10px;
    padding: 15px 15px 15px 15px;*/
    border-radius: 10px;
    padding: 3px;
    background: linear-gradient(to right, #ef8d17 0%, #df536d 46%, #c165a1 96%);
}

.element-item {
    border: 5px solid #edae02 !important;
}

.grid a:nth-child(odd) {
    color: #f06f3e;
}

#ContentInnerBox {
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 15px;
}

#ListPageSortBox {
    border: 0px;
    text-align: left;
    margin-bottom: 15px;
}

#ListPageSortBoxDrop {
    text-align: left;
}

#ListPageSortBoxLinks {
    text-align: right;
    font-size: 12px;
}

#ListPageSubLinks {
    text-align: right;
    font-size: 12px;
    color: #999999;
    margin-bottom: 0px;
    padding-bottom: 10px;
}

.HighlightColor {
    color: #5c00bd;
    white-space:nowrap;
}

.PageTitle {
    font-size: 30px;
    /* color: #804573;*/
    font-weight: 600;
    color: #000000;
    padding-left: 1px;
    background: linear-gradient(to right, #3c1053, #6b3957, #3c1053);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.PageTitle i{ display:none;}

.grid
{
    margin-top:20px;
}

.TopContentLeft {
    text-align: left;
}

.TopContentRight {
    text-align: right;
}

.HeaderWelcomeBack {
    font-size: 12px;
    font-weight: bold;
}

.HeaderProgramName {
    color: #804573;
    font-family: Helvetica,Tahoma;
    font-size: 30px;
}

.ItemBoxListView {
    background: #e4cff6;
    border: 1px solid #804573;
    border-radius: 5px;
    font-size: 11px;
    color: #555555;
}

.ItemBoxListView-featured {
    background: #F8F8F8;
    border: 3px solid #8F4300;
    border-radius: 5px;
    font-size: 11px;
    color: #555555;
}

.link-bar {
    position: relative;
    float: left;
    background: #e4cff6 !important;
    border: 1px solid #999999 !important;
    margin: 5px;
    border-radius: 5px;
    color: #555555;
}

.element-item {
    background: #F8F8F8 !important;
    border: 1px solid #999999
}

    .element-item .btn-default
    {
        color:#000 !important;
    }

    .element-item-featured {
        background: #EDF9FE !important;
        border: 3px solid #8F4300 !important;
    }

.element-item-search {
    background: #e4cff6 !important;
    border: 1px solid #999999 !important;
}

.WinnerText {
    background: #FFFFFF;
    font-weight: bold;
    color: green;
}

.FooterBar {
    background-color: #1a1a1a;
    /*background-color: #804573;*/
    padding: 5px 15px;
}

    .FooterBar .footer-social-icons {
        padding: 15px 15px 0;
    }

        .FooterBar .footer-social-icons a {
            font-size: 29px;
            color: white;
            margin-right: 5px;
        }

            .FooterBar .footer-social-icons a:last-child {
                margin-right: 0px;
            }

    .FooterBar .footerlgo {
        text-align: right;
    }

        .FooterBar .footerlgo img {
            width: 100%;
            max-width: 225px;
        }

    .FooterBar .footer-social-icons fieldset {
        padding: 5px 10px 0px;
        display: inline-block;
        /* border: 1px solid #e4cff6 !important;*/
        position: relative;
        text-align: left;
        min-width: 90px;
        width: 225px;
        border: 1px solid #ffffff !important;
    }

        .FooterBar .footer-social-icons fieldset legend {
            color: #fff;
            font-size: 11px;
            margin: 0;
            border: none;
            display: inline-block;
            width: auto;
            position: absolute;
            padding: 0 5px;
            top: -8px;
            /*background-color: #804573;*/
            background-color: #1a1a1a;
        }

.FooterCopyright {
    background-color: #1a1a1a;
    /*background-color: #804573;*/
    padding: 15px 0;
}

    .FooterCopyright .bottom-footer {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #e4cff6;
    }

.footerText {
    color: #e4cff6;
}

.footerTextLinks {
    /*color: #e4cff6;*/
    font-size: 12px;
    color: #ffffff;
}

    .footerTextLinks:hover, .footerTextLinks:focus {
        color: #FFFFFF;
    }

.CopyrightText {
    font-family: Helvetica,Tahoma;
    font-size: 11px;
    /*color: #e4cff6;*/
    color:#ffffff;
}

.alert-success {
    /*    background-color: #e4d1e0;
    border-color: #a36c97;
    color: #a36c97;*/
    background-color: #fdf6ca;
    border-color: #fdf6ca;
    color: #000000;
}

    .alert-success a {
        /* color: #a36c97;*/
        font-weight: bold;
        color: #ea7a34;
    }

.navbar-nav > li > a {
    padding-top: 8px !important;
    padding-bottom: 5px !important;
    color: #e4cff6;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

.navbar {
    min-height: 38px !important
}

.navbar {
    /*background: #ad5389;
    background: -webkit-linear-gradient(to right, #3c1053, #ad5389);
    background: linear-gradient(to right, #3c1053, #ad5389, #f16015);*/
    background: linear-gradient(to right, #ef8d17 0%, #df536d 46%, #c165a1 96%);
    color: #FFFFFF;
    font-size: 13px;
    margin-bottom: 0px;
    border-radius: 0px;
    border: 0px;
}

.navbar-inverse .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: #804573;
}

.container-fluid {
    max-width: 2000px;
}

#datetime-desktop {
    display: block;
    font-size: 11px;
   /* color: #804573;*/
    margin-top: 15px;
    color:#000;
}

#topdata-mobile {
    display: none;
}

#nav-points {
    display: block;
}

.pagination .active a {
    background-color: #804573;
    border-color: #804573;
}

    .pagination .active a:hover {
        background-color: #804573;
        border-color: #804573;
    }

#header-hr {
    display: none;
}

.header-logo {
    margin-top: 0px;
    margin-bottom: 0px;
}


/* Akash Css */
.pagetitle-outer {
    position: relative;
    margin-bottom: 10px;
}

    .pagetitle-outer .pagetitle-outer-l {
    }

        .pagetitle-outer .pagetitle-outer-l .main-subtitle {
            display: block;
            margin-top: 3px;
            font-size: 12px;
            /*color: #804573;*/
            color:#000;
        }

        .pagetitle-outer .pagetitle-outer-l h3 {
            margin: -5px 0 0 0;
            /*color: #804573;*/
            color:#000;
        }

    .pagetitle-outer .pagetitle-outer-r {
        font-size: 14px;
        text-align: right;
    }

        .pagetitle-outer .pagetitle-outer-r .btngroup-outer {
            display: inline-block;
            padding-left: 5px;
            background-color: #fff;
            margin-top: 6px;
        }

            .pagetitle-outer .pagetitle-outer-r .btngroup-outer .icon-only {
                /*color: #804573;*/
                color:#000;
                font-size: 24px;
                margin-top: 2px;
            }

    .pagetitle-outer .pagetitle-underline {
        width: 100%;
        height: 1px;
        border-top: 1px solid #804573;
        position: relative;
        bottom: -22px;
        max-width: 1140px;
        margin-left: 15px;
        z-index: -1;
    }

.clnt-sprt-btn {
    display: inline-block;
    border: 1px solid #804573;
    border-radius: 5px;
    overflow: hidden;
}

    .clnt-sprt-btn a {
        padding: 10px 15px;
        display: inline-block;
        border-right: 1px solid #804573;
        color: #804573;
        font-size: 12px;
        float: left;
        text-align: center;
    }

        .clnt-sprt-btn a:last-child {
            border-right: none;
        }

        .clnt-sprt-btn a:hover, .clnt-sprt-btn a:focus {
            background-color: #804573;
            color: #fff;
            text-decoration: none;
        }

        .clnt-sprt-btn a span {
        }

    .clnt-sprt-btn button {
        padding: 10px 15px;
        display: inline-block;
        border-right: 1px solid #804573 !important;
        color: #804573;
        background: transparent;
        border: none;
        font-size: 12px;
        float: left;
    }

        .clnt-sprt-btn button:last-child {
            border-right: none !important;
        }

        .clnt-sprt-btn button:hover, .clnt-sprt-btn button:focus {
            background-color: #804573;
            color: #fff;
            text-decoration: none;
        }

        .clnt-sprt-btn button span {
        }

    .clnt-sprt-btn ul {
        padding: 0px;
    }

        .clnt-sprt-btn ul li a {
            color: #804573;
            padding: 7px 15px;
            float: none;
            text-align: left;
        }

            .clnt-sprt-btn ul li a:hover {
                background: #e4cff6;
                color: #804573;
            }

.faq_tab {
    background-color: #804573;
    color: #fff !important;
}

.Sprt_tct_stm {
    background-color: #804573;
    color: #fff !important;
}

.clnt_sprt_tab {
    background-color: #804573;
    color: #fff !important;
}

.view_eye {
    color: #804573;
}

.clnt-sprt-btn .btn_highlighted {
    background-color: #804573;
    color: #fff !important;
}

.element-item-image {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

    .element-item-image img
    {
        height:85px;
    }

.d-flex
{
    display:flex;
    justify-content:space-around;
}

    .d-flex .right {
        float: right !important;
        width: 100%;
    }
    .d-flex .HighlightColor
    {
        width:300px;
    }

.sweepstakes-topbar {
    text-align: right;
    background: #e4cff6;
    border-radius: 5px 5px 0 0;
}

    .sweepstakes-topbar span {
        padding: 5px;
        display: inline-block;
    }

        .sweepstakes-topbar span a {
            color: #804573;
        }

.nonactive-state .private-club-sec {
    background: #e4cff6;
    padding: 15px;
}

.nonactive-state .travel-icon-row, .nonactive-state .travel-icon-row-bottom {
    margin-top: 15px;
    margin-bottom: 15px;
}

    .nonactive-state .travel-icon-row .t-icon1 {
        background: url(../images/T-orange2.png) no-repeat center center;
        width: 80px;
        height: 80px;
        background-size: 80px;
        margin: 0 auto;
    }

    .nonactive-state .travel-icon-row .t-icon2 {
        background: url(../images/T-orange3.png) no-repeat center center;
        width: 80px;
        height: 80px;
        background-size: 80px;
        margin: 0 auto;
    }

    .nonactive-state .travel-icon-row .t-icon3 {
        background: url(../images/T-orange8.png) no-repeat center center;
        width: 80px;
        height: 80px;
        background-size: 80px;
        margin: 0 auto;
    }

    .nonactive-state .travel-icon-row .t-icon4 {
        background: url(../images/T-orange9.png) no-repeat center center;
        width: 80px;
        height: 80px;
        background-size: 80px;
        margin: 0 auto;
    }

    .nonactive-state .travel-icon-row .t-icon5 {
        background: url(../images/T-orange4.png) no-repeat center center;
        width: 80px;
        height: 80px;
        background-size: 80px;
        margin: 0 auto;
    }

    .nonactive-state .travel-icon-row-bottom .t-icon1 {
        background: url(../images/T-orange7.png) no-repeat center center;
        width: 80px;
        height: 80px;
        background-size: 80px;
        margin: 0 auto;
    }

    .nonactive-state .travel-icon-row-bottom .t-icon2 {
        background: url(../images/T-orange6.png) no-repeat center center;
        width: 80px;
        height: 80px;
        background-size: 80px;
        margin: 0 auto;
    }

    .nonactive-state .travel-icon-row-bottom .t-icon3 {
        background: url(../images/T-orange1.png) no-repeat center center;
        width: 80px;
        height: 80px;
        background-size: 80px;
        margin: 0 auto;
    }

    .nonactive-state .travel-icon-row-bottom .t-icon4 {
        background: url(../images/T-orange5.png) no-repeat center center;
        width: 80px;
        height: 80px;
        background-size: 80px;
        margin: 0 auto;
    }

    .nonactive-state .travel-icon-row-bottom .t-icon5 {
        background: url(../images/T-orange3.png) no-repeat center center;
        width: 80px;
        height: 80px;
        background-size: 80px;
        margin: 0 auto;
    }

.carousel-bottom {
    padding: 0px;
    margin: 0px;
    background: #804573;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
}

    .carousel-bottom h2,
    .carousel-bottom p {
        color: #fff;
    }

fieldset {
    border: 1px solid #804573 !important;
    color: #804573;
}

    fieldset legend {
        color: #804573;
    }

.msghighlted {
    background-color: #804573;
    color: #fff !important;
    text-decoration: none;
}

.strt-regstrton, .finish-regston {
    background: #804573;
    border-color: #804573;
}

    .strt-regstrton:hover, .strt-regstrton:focus, .finish-regston:hover, .finish-regston:focus {
        background: #804573;
        border-color: #804573;
    }

.already-regstrd {
    color: #ffffff !important;
}

#sec_right .regstrd-rght-box {
    background-color: rgba(114, 13, 220, 0.9) !important;
    color: #fff;
    padding: 20px;
    text-align: left;
    border: 4px solid #384727;
    border-radius: 5px;
    min-height: 330px;
}

    #sec_right .regstrd-rght-box p {
        margin: 8px 0px;
    }

    #sec_right .regstrd-rght-box h2 {
        font-size: 28px;
        margin: 28px 0;
    }

#sec_right .regstrd-rght-box-alt {
    background-color: #804573;
    font-weight: bold;
    color: #fff;
    padding: 20px;
    text-align: left;
    border: 4px solid #804573;
    border-radius: 5px;
    min-height: 330px;
}

    #sec_right .regstrd-rght-box-alt p {
        margin: 8px 0px;
    }

        #sec_right .regstrd-rght-box-alt p:last-child {
            font-size: 16px;
        }

    #sec_right .regstrd-rght-box-alt h2 {
        font-size: 28px;
        margin: 28px 0;
        font-weight: bold;
    }

#sec_left .login-left-box, #sec_right .regstrd-rght-box {
    border: 4px solid #804573 !important;
    padding: 15px;
    background-color: rgba(230, 230, 230, .9);
}

.modal-header .close {
    color: #fff;
    opacity: .9;
}

#modalPageHelpDetails .modal-header {
    background-color: #804573;
}

.btn-default {
    /*  background: linear-gradient(135deg, rgba(238, 63, 159, 1) 0%, rgba(240, 111, 106, 1) 48%, rgba(241, 124, 92, 1) 61%, rgba(241, 141, 70, 1) 100%);*/
    background: linear-gradient(to right, #ef8d17 0%, #df536d 46%, #c165a1 96%);
    clear: both;
    color: #fff !important;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    border-radius: 25px;
    border: none;
    padding: 7px 15px 7px 15px;
}

.HeaderProgramName b {
    background: linear-gradient(to right, #3c1053, #ad5389, #f16015);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.goto-booking span:hover {
    color: #fff;
    background-color: #804573;
    border-color: #804573;
}

.trvl-cent .fltnon i {
    float: left;
    padding-right: 10px;
    font-size: 65px;
    color: #804573;
}

.trvl-cent .fltnon-title {
    font-size: 15px;
    color: #804573;
}

.active-delivery {
    background-color: #804573;
    color: #fff !important;
    text-decoration: none;
}

.clnt-sprt-btn a.btnopt-dwn:hover, .clnt-sprt-btn a.btnopt-dwn:focus {
    color: #804573;
}

a.btnopt-dwn-active {
    background-color: #804573 !important;
    color: #fff !important;
}

.btn-group-outer {
    border: 1px solid #804573;
    border-radius: 5px;
    display: inline-block;
    color: #804573;
}

    .btn-group-outer .btn-group {
        float: left;
        font-size: 12px;
        border-right: 1px solid #804573;
    }

        .btn-group-outer .btn-group:hover {
            background-color: #804573;
        }

            .btn-group-outer .btn-group:hover span, .btn-group-outer .btn-group:hover i {
                color: #fff;
            }

            .btn-group-outer .btn-group:hover .dropdown-menu > li > a > i {
                color: #000;
            }

        .btn-group-outer .btn-group:last-child {
            border-right: none;
        }

        .btn-group-outer .btn-group .slct-spn {
            padding: 5px;
        }

            .btn-group-outer .btn-group .slct-spn select {
                border: none;
            }

        .btn-group-outer .btn-group a[type="button"] {
            padding: 5px;
            display: inline-block;
            color: #804573;
        }

            .btn-group-outer .btn-group a[type="button"]:hover {
                text-decoration: none;
                color: #fff;
            }

        .btn-group-outer .btn-group a:focus {
            text-decoration: none;
        }

input:focus ~ .floating-label, select:focus ~ .floating-label {
    color: #804573 !important;
}

.fancy-title.title-bottom-border h4 {
    border-bottom-color: #804573 !important;
}

.btn-primary, .btn-primary:hover {
    /*  background-color: #804573;
    border-color: #804573;*/
    color: #FFF;
    font-size: 15px;
    line-height: 48px;
    font-weight: 600;
    display: inline-block;
    padding: 0px 36px;
    border-radius: 0;
    border: none;
    background: #000;
}

#ContentInnerBox .btn.btn-success {
    background-color: #804573;
    border-color: #804573;
}

.filter-row {
    max-width: 120px;
    font-size: 11px;
}

    .filter-row i {
        color: #004059;
    }

.groceryCoupons .grocery-banner {
    padding-top: 40px;
}

    .groceryCoupons .grocery-banner .m-View {
        display: none;
    }

.logoWrapper {
    border-top: 2px solid #004059;
    border-bottom: 2px solid #004059;
    margin: 15px 0;
}

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

        .logoWrapper ul li {
            display: inline-block;
        }

            .logoWrapper ul li img {
                width: 70px;
            }

.youWrapper {
    background: #ad5389; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #3c1053, #ad5389); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #3c1053, #ad5389); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    margin: 0;
    padding: 15px;
    margin-bottom: 15px;
    color: #fff;
    text-align: center;
}

    .youWrapper .col-sm-4 {
        padding: 0px;
    }

    .youWrapper .contentBox {
        padding: 15px 25px;
        border-right: 1px solid #fff;
    }

        .youWrapper .contentBox.last {
            border-right: none;
        }

        .youWrapper .contentBox:after {
            content: '\203A';
            position: absolute;
            right: -5px;
            top: 40%;
            background-color: #804573;
            font-size: 28px;
            font-weight: bold;
            color: orange;
        }

        .youWrapper .contentBox.last:after {
            content: '';
        }

.theme-base #magazineoffer-1 .element-item,
.theme-base #magazineoffer-2 .element-item,
.theme-base #magazineoffer-3 .element-item,
.theme-base #magazineoffer-4 .element-item,
.theme-base #magazineoffer-5 .element-item {
    background: #ad5389;
    background: -webkit-linear-gradient(to right, #3c1053, #ad5389);
    background: linear-gradient(to right, #3c1053, #ad5389) !important;
    color: #fff !important;
}

    .theme-base #magazineoffer-1 .element-item .btn-default,
    .theme-base #magazineoffer-2 .element-item .btn-default,
    .theme-base #magazineoffer-3 .element-item .btn-default,
    .theme-base #magazineoffer-4 .element-item .btn-default,
    .theme-base #magazineoffer-5 .element-item .btn-default {
        color: #fff !important;
    }



    .theme-base .element-item .btn-default {
        border-color: #fff;
        background: none;
        color: #fff;
        border-radius: 25px;
        border-width: 1px;
        font-size: 12px;
    }

    .youWrapper .contentBox .icon {
        display: inline-block;
        padding: 12px 15px;
        background-color: #fff;
        border-radius: 100%;
        width: 60px;
        height: 60px;
        color: orange;
        font-size: 25px;
    }

        .youWrapper .contentBox .title {
            font-size: 16px;
            font-weight: bold;
            margin: 8px 0;
        }

        .youWrapper .contentBox .content {
            font-size: 13px;
            line-height: 22px;
        }



#identityMaxxPage h2 {
    text-align: center;
    color: #ec1d23;
    font-weight: bold;
}

#identityMaxxPage h4 {
}

#identityMaxxPage ul {
    padding: 0 0 0 20px;
    margin-bottom: 25px;
}

    #identityMaxxPage ul li {
        line-height: 26px;
    }

#identityMaxxPage .alterWrap {
    background-color: #e6e7e9;
    padding: 25px 0;
}

#identityMaxxPage .alterWrapalt {
    padding: 25px 0;
}

#identityMaxxPage .logosWrapper {
    text-align: center;
}

    #identityMaxxPage .logosWrapper img {
        margin: 0 25px;
        max-width: 70px;
        display: inline-block;
    }

.registerWrapper a {
    background-color: #804573;
    border-color: #804573;
}

    .registerWrapper a:hover {
        background-color: #804573;
        border-color: #804573;
    }

.learnmoreBg {
    background-color: #804573;
}

.learnmoreButton {
    padding-right: 0px;
}

.mobl-head-h2 {
    font-weight: 600;
}

.mobl-head-h2 span {
    color: #edae02 !important;
    text-decoration-style:solid;
}

@media only screen and (max-width:1199px) {
    .pagetitle-outer .pagetitle-underline {
        max-width: 940px;
    }

    .mbl-view {
        display: inline-block;
    }

    .dsktop-view {
        display: none;
    }

    .groceryCoupons .grocery-banner .d-View {
        display: none;
    }

    .groceryCoupons .grocery-banner .m-View {
        display: block;
    }
}


@media (max-width: 639px) {
    .clnt-sprt-btn a span, .clnt-sprt-btn button span {
        display: none;
    }

    .moblebtn-view a span {
        display: none;
    }

    .clnt-sprt-btn a i, .clnt-sprt-btn button i {
        font-size: 16px;
    }

    .clnt-sprt-btn a, .clnt-sprt-btn button {
        padding: 10px 20px;
        min-width: 80px;
        min-height: 40px;
    }

    .clnt-sprt-btn {
        margin-top: 10px;
    }

    #ContentInnerBox h4 {
        text-align: center;
    }
}

@media (max-width: 600px) {
    fieldset.theme-base {
        border: 1px solid #804573 !important;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .clnt-sprt-btn a {
        padding: 10px 12px;
        font-size: 11px !important;
    }
}

@media (max-width: 991px) {
    .nonactive-state .activate-now.bottom {
        position: relative;
        right: 20px;
    }

    .nonactive-state .activate-now span {
        font-size: 11px;
    }

    .pagetitle-outer .pagetitle-underline {
        max-width: 720px;
    }

    #identityMaxxPage .logosWrapper img {
        margin-bottom: 15px;
    }

    .learnmoreButton {
        padding-right: 15px;
    }

    .learnmoreBg {
        display: none;
    }
}

@media (max-width: 767px) {
    .centercntnt {
        text-align: center !important;
    }

    .GeneralLinks {
        text-align: left;
    }

    .nonactive-state .travel-icon-row .t-icon1, .nonactive-state .travel-icon-row .t-icon2, .nonactive-state .travel-icon-row .t-icon3, .nonactive-state .travel-icon-row .t-icon4,
    .nonactive-state .travel-icon-row .t-icon5 {
        width: 80px;
        height: 80px;
        background-size: 60px;
    }

    .nonactive-state .travel-icon-row-bottom .t-icon1, .nonactive-state .travel-icon-row-bottom .t-icon2, .nonactive-state .travel-icon-row-bottom .t-icon3,
    .nonactive-state .travel-icon-row-bottom .t-icon4, .nonactive-state .travel-icon-row-bottom .t-icon5 {
        width: 80px;
        height: 80px;
        background-size: 60px;
    }

    .nonactive-state .activate-now span {
        font-size: 14px;
    }

    .nonactive-state .activate-now.bottom {
        position: relative;
        right: 0px;
    }

    .moblebox-bg {
        background-color: #e4cff6 !important;
        margin-bottom: 20px;
        border-radius: 20px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    #emails_wrapper {
        overflow: hidden;
    }

        #emails_wrapper > .row:first-child, #pointTrxTable_wrapper > .row:first-child, #localOffersTable_wrapper > .row:first-child, #auditTable_wrapper > .row:first-child, #registrationCodesTable_wrapper > .row:first-child,
        #representativeTable_wrapper > .row:first-child, #magTable_wrapper > .row:first-child, #sweepstakesTable_wrapper > .row:first-child, #contactsTable_wrapper > .row:first-child, #uploadsTable_wrapper > .row:first-child,
        #optOutTable_wrapper > .row:first-child, #allowedWaysTable_wrapper > .row:first-child, #invoiceTable_wrapper > .row:first-child, #allowedEntryTable_wrapper > .row:first-child, #dataTable_wrapper > .row:first-child {
            background-color: #e4cff6;
            padding: 8px 0 4px;
            border-top: 2px solid #804573;
            border-bottom: 2px solid #804573;
            margin-bottom: 15px;
        }

    #sec_left .login-left-box, #sec_right .regstrd-rght-box {
        margin-bottom: 15px;
    }

    .FooterBar .footer-social-icons {
        text-align: center;
        margin-bottom: 15px;
    }

    .FooterBar .footerlgo {
        text-align: center;
        line-height: 5px;
    }

    .FooterCopyright .CopyrightText {
        display: block;
    }

    .add-bg {
        background-color: #804573 !important;
        color: #fff !important;
    }

    #ListPageSortBox {
        text-align: center;
        background-color: #e4cff6;
        border-top: 1px solid #804573;
        padding-top: 5px;
        padding-bottom: 7px;
        padding-left: 0px;
        border-bottom: 1px solid #804573;
    }

    .pagetitle-outer .pagetitle-underline {
        bottom: 15px;
        width: 95%;
        max-width: 100%;
    }

    .pagetitle-outer .pagetitle-underline-noicon {
        bottom: 12px !important;
    }

    .pagetitle-outer .pagetitle-outer-r {
        margin-top: 15px;
    }

    .pagetitle-outer {
        margin-top: 10px;
    }

        .pagetitle-outer .pagetitle-outer-r .btngroup-outer {
            padding: 0 5px;
            margin: 0;
        }

        .pagetitle-outer .pagetitle-outer-l h3 {
            display: inline-block;
            background: #fff;
            padding: 0 5px;
            font-size: 20px;
        }

    .youWrapper .contentBox {
        border-right: none;
        border-bottom: 1px solid #fff;
        padding: 25px;
    }

        .youWrapper .contentBox.last {
            border-bottom: none;
        }

        .youWrapper .contentBox:after {
            content: '';
        }

    #identityMaxxPage .registerWrapper {
        text-align: center !important;
        margin: 15px 0;
    }

        #identityMaxxPage .registerWrapper a {
            bottom: 0px !important;
        }

    #identityMaxxPage h2 {
        font-size: 24px;
    }
}


@media only screen and (min-width: 500px) {
    .header-logo {
        text-align: left;
    }
}

@media only screen and (max-width: 990px) {
    .PageTitle {
        font-size: 25px;
    }
}

@media only screen and (max-width: 768px) {
    .navbar {
        font-size: 13px;
        top: 0px;
        position: fixed;
        border: 0px;
    }

    #header-bar {
        margin-top: 40px;
    }

    #datetime-desktop {
        display: none;
    }

    #topdata-mobile {
        display: block;
    }

    #nav-points {
        display: none;
    }

    #header-hr {
        display: block;
    }

    .header-logo {
        margin-top: 10px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .PageTitle {
        font-size: 27px;
    }

    #ListPageSubLinks {
        font-size: 15px;
    }
}

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

    #PageContainer {
        padding-top: 10px;
        padding-bottom: 20px;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 12px;
        margin-right: 12px;
    }

    #ContentBorderBox {
        background-color: #FFFFFF;
        border: 0px;
        border-radius: 0px;
        padding: 0px;
    }

    #ContentInnerBox {
        background-color: #FFFFFF;
        border-radius: 0px;
        padding: 0px;
    }

    #PageTitle {
        text-align: center;
    }

    #ListPageSubLinks {
        font-size: 16px;
        text-align: center;
        padding-bottom: 7px;
        padding-top: 10px;
        padding-left: 25px;
    }

    #ListPageSortBox {
        text-align: center;
        background-color: #e4cff6;
        border-top: 1px solid #804573;
        padding-top: 5px;
        padding-bottom: 7px;
        border-bottom: 1px solid #804573;
    }

    #ListPageSortBoxDrop {
        text-align: center;
    }

    #ListPageSortBoxLinks {
        text-align: center;
        padding-top: 13px;
        font-size: 12px;
    }

    .TopContentLeft {
        text-align: center;
    }

    .TopContentRight {
        text-align: center;
    }

    .PageTitle {
        font-size: 25px;
    }

    #header-bar {
        padding-left: 5px;
        padding-right: 5px;
    }

    .FeaturedSweepstakeContent {
        text-align: center;
    }

    #ListPageSubLinks > a span {
        display: none;
    }

    .mble-bodr {
        display: inline-block;
        border: 1px solid #804573;
        padding: 5px;
    }

    a.crtdwn {
        color: #804573 !important;
    }

        a.crtdwn.crtdwn-bg {
            background-color: #e4cff6 !important;
        }
}

@media only screen and (max-width: 479px) {
    .CopyrightText {
        display: block;
    }

    .pagetitle-outer .pagetitle-underline {
        width: 93%;
    }
}

@media only screen and (max-width: 420px) {
    .clnt-sprt-btn a, .clnt-sprt-btn button {
        min-width: 48px;
        min-height: 40px;
        padding: 10px 12px;
    }
}

.EvenSection {
    float: left;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    height: auto;
    background: url(../images/homebg03.jpg) no-repeat 0 0 !important;
    background-size: cover !important;   
}
    .EvenSection div {
        background: #ffffff00 !important;
    }