body {
    background-color: #fff;
    font-family: 'Gotham-Book', sans-serif;
}

@font-face {
    font-family: 'BrandonGrotesque-Light';
    src: url('fonts/BrandonGrotesque-Light.eot?#iefix') format('embedded-opentype'), url('fonts/BrandonGrotesque-Light.otf') format('opentype'), url('fonts/BrandonGrotesque-Light.woff') format('woff'), url('fonts/BrandonGrotesque-Light.ttf') format('truetype'), url('fonts/BrandonGrotesque-Light.svg#BrandonGrotesque-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BrandonGrotesque-Medium';
    src: url('fonts/BrandonGrotesque-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/BrandonGrotesque-Medium.otf') format('opentype'), url('fonts/BrandonGrotesque-Medium.woff') format('woff'), url('fonts/BrandonGrotesque-Medium.ttf') format('truetype'), url('fonts/BrandonGrotesque-Medium.svg#BrandonGrotesque-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BrandonGrotesque-Regular';
    src: url('fonts/BrandonGrotesque-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/BrandonGrotesque-Regular.otf') format('opentype'), url('fonts/BrandonGrotesque-Regular.woff') format('woff'), url('fonts/BrandonGrotesque-Regular.ttf') format('truetype'), url('fonts/BrandonGrotesque-Regular.svg#BrandonGrotesque-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BrandonGrotesque-Bold';
    src: url('fonts/BrandonGrotesque-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/BrandonGrotesque-Bold.otf') format('opentype'), url('fonts/BrandonGrotesque-Bold.woff') format('woff'), url('fonts/BrandonGrotesque-Bold.ttf') format('truetype'), url('fonts/BrandonGrotesque-Bold.svg#BrandonGrotesque-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Bold';
    src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Gotham-Bold.otf') format('opentype'), url('fonts/Gotham-Bold.woff') format('woff'), url('fonts/Gotham-Bold.ttf') format('truetype'), url('fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Medium';
    src: url('fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Gotham-Medium.otf') format('opentype'), url('fonts/Gotham-Medium.woff') format('woff'), url('fonts/Gotham-Medium.ttf') format('truetype'), url('fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Light';
    src: url('fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Gotham-Light.otf') format('opentype'), url('fonts/Gotham-Light.woff') format('woff'), url('fonts/Gotham-Light.ttf') format('truetype'), url('fonts/Gotham-Light.svg#Gotham-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Book';
    src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'), url('fonts/Gotham-Book.otf') format('opentype'), url('fonts/Gotham-Book.woff') format('woff'), url('fonts/Gotham-Book.ttf') format('truetype'), url('fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

.container {
    width: 1000px;
    height: 100%;
    clear: both;
    overflow: hidden;
    padding: 0px;
}

h1 {
    text-transform: uppercase;
}

/*h1 {
    font-family: 'BrandonGrotesque-Regular' !important;
}*/
h1 {
    font-family: 'BrandonGrotesque-Bold' !important;
}

h2 {
    font-family: 'BrandonGrotesque-Bold' !important;
}

ul {
    list-style: none;
    padding: 0px;
}


input {
    border-radius: 0px !important;
}



.undrl {
    text-decoration: underline;
    font-family: 'Gotham-Book' !important;
}

    .undrl.black {
        color: #000 !important;
    }

        .undrl.black:hover {
            color: #000 !important;
            font-family: 'Gotham-Bold' !important;
        }

.ovrf-shw {
    overflow: visible;
}

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

#top-bar, #top-banner, #how-it-works-summary, #experiences {
    width: 100%;
}

#top-bar {
    height: 37px;
    background-color: #ededed;
}

    #top-bar a {
        text-decoration: none;
    }

#top-links, #sm, #mmenu-links {
    margin: 0px;
    padding: 0px;
}

#top-links, #sm {
    float: right;
}

#sm {
    width: 100px;
    float: left;
    margin-top: 8px;
}

    #sm li {
        float: left;
        width: 21px;
        height: 21px;
        margin-left: 5px;
        background-color: #BDBDBD;
        border-radius: 20px;
        color: #fff;
        text-align: center;
        font-size: 0.9em;
        line-height: 23px;
    }

        #sm li a {
            color: #fff;
            padding: 5px;
            text-decoration: none;
        }

        #sm li:hover {
            background-color: #000;
        }

        #sm li:first-child {
            margin-left: 0px;
        }

#top-links li {
    float: left;
    border-right: 1px solid #dedede;
    /*padding: 12px 17px;*/
    color: #757575;
    text-transform: uppercase;
    font-size: 0.71em;
    line-height: 4em;
}

    #top-links li a {
        color: #757575;
        padding: 12px 17px;
        font-family: 'BrandonGrotesque-Bold', sans-serif;
        font-size: 1.15em;
    }

        #top-links li a:hover {
            background-color: #BDBDBD;
            color: #fff;
        }


    #top-links li:first-child {
        border-left: 1px solid #dedede;
    }

#top-links #search {
    width: 220px;
}

    #top-links #search .icn {
        color: #BDBDBD;
        float: right;
        font-size: 1.9em;
        /*margin-top: -8px;*/
        margin-right: 10px;
    }

    #top-links #search:hover {
        background-color: #BDBDBD;
    }

        #top-links #search:hover a {
            color: #fff !important;
        }

            #top-links #search:hover a .icn i {
                color: #fff !important;
            }

#search-container {
    clear: both;
    overflow: hidden;
}

input.search-box, button.search-button {
    height: 37px;
    float: left;
}

input.search-box {
    width: 180px;
    padding: 0px 5px 7px 5px;
    font-size: 1.4em;
    color: #000;
}

    input.search-box:hover {
        width: 180px;
        padding: 0px 5px 7px 5px;
        font-size: 1.4em;
    }

button.search-button {
    width: 37px;
    border: 0px none;
    font-size: 2.2em;
    color: #BDBDBD;
    background-color: #EDEDED;
    line-height: 1.25em;
    padding-top: 6px;
    padding-left: 7.5px;
}

    button.search-button:hover {
        color: #fff;
        background-color: #BDBDBD;
    }

#top-links #cart {
    width: 170px;
    background-color: #BDBDBD;
    color: #fff;
    padding: 0px;
    height: 37px;
}

    #top-links #cart:hover a {
        background-color: #000;
    }

    #top-links #cart:hover {
        background-color: #000;
    }

    #top-links #cart .txt {
        color: #fff;
        margin-left: 6px;
    }

    #top-links #cart .icn {
        font-size: 2em;
        color: #fff;
    }

        #top-links #cart .icn i {
            margin-top: 7px;
        }

    #top-links #cart a {
        padding: 12px 16px;
    }

#spa-logo {
    float: left;
    margin-top: 25px;
    width: 130px;
}

    #spa-logo img {
        width: 100%;
    }

#mmenu-links {
    /*float:right;*/
    margin-top: 67px;
    position: absolute;
    right: 0px;
    z-index: 1500;
}

    #mmenu-links li {
        float: left;
        padding-bottom: 15px;
        text-transform: uppercase;
    }

        #mmenu-links li:before {
            content: '|';
        }

        #mmenu-links li:first-child:before {
            content: '';
        }

        #mmenu-links li a {
            color: #040404;
            text-decoration: none;
            padding: 0px 16px 15px 16px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            cursor: pointer;
            font-family: 'BrandonGrotesque-Bold', sans-serif;
            font-size: 1.1em;
        }

        #mmenu-links li:hover a {
            /*border-bottom: 3px solid #1fcfcb;*/
            border-bottom: 3px solid #179bc3;
        }

        #mmenu-links li:last-child {
            border-right: none;
        }

            #mmenu-links li:last-child a {
                /*color: #1FCFCB;*/
                color: #179bc3;
            }

                #mmenu-links li:last-child a.darklink {
                    color: #040404;
                }

#main-menu .container {
    position: relative;
    overflow: visible;
    background: #fff;
}

#flyout-menu .submenu {
    width: 785px;
    position: absolute;
    right: 0px;
    top: 102px;
    background-color: #f8f8f8;
    z-index: 1000;
    font-size: 0.85em;
    line-height: 2.2em;
    padding: 16px;
}

#flyout-menu .col-md-20 {
    padding: 0px 15px 0px 0px;
}

    #flyout-menu .col-md-20:last-child {
        padding-right: 0px;
    }

#flyout-menu li a {
    color: #000;
}

    #flyout-menu li a:hover {
        color: #000;
    }

#flyout-menu .mm-dayspa .colored {
    color: #9ed2c6;
}

#flyout-menu .mm-relax .colored {
    color: #ece036;
}

#flyout-menu .mm-beauty .colored {
    color: #d7ccc0;
}

#flyout-menu .mm-hair .colored {
    color: #adbcb6;
}

#flyout-menu .mm-fitness .colored {
    color: #b895aa;
}

#flyout-menu .undrl .arrow {
    float: none;
}

#flyout-menu li.colored.bold {
    text-transform: uppercase;
}

#flyout-menu a:hover {
    font-family: 'Gotham-Bold' !important;
}


#locations-menu li a.bold.undrl {
    color: #1fcfcb !important;
    font-family: 'Gotham-Bold' !important;
}

    #locations-menu li a.bold.undrl:hover {
        color: #000 !important;
    }

.submenu {
    display: none;
}

.active {
    display: block;
}

#mobile-menu {
    /*margin-left:-102%;*/
    margin-top: 50px;
    background: #EDEDED;
    width: 100%;
    color: #979698;
    font-family: 'BrandonGrotesque-Regular', sans-serif;
    display: none;
}

    #mobile-menu a, #mobile-menu a:hover {
        color: inherit !important;
        text-decoration: none !important;
    }

    #mobile-menu ul {
        margin-bottom: 0px;
    }

        #mobile-menu ul li div {
            text-transform: uppercase;
            font-family: 'BrandonGrotesque-Bold', sans-serif;
            padding-top: 6px;
            padding-bottom: 6px;
            padding-left: 20px;
        }

    #mobile-menu .mblarrow {
        float: right;
        margin-right: 20px;
        font-size: 1.4em;
        line-height: 1em;
        padding-top: 0px;
        font-family: FontAwesome;
    }

        #mobile-menu .mblarrow.collapsed:after, .collapsible-list .smenuarrow.collapsed:after {
            content: "\f105";
        }

        #mobile-menu .mblarrow.expanded:after, .collapsible-list .smenuarrow.expanded:after {
            content: "\f107";
        }


    #mobile-menu li div:hover {
        background: #1FCFCB;
        color: #fff;
        cursor: pointer;
    }



    #mobile-menu ul li ul li div {
        font-family: 'BrandonGrotesque-Regular', sans-serif;
        padding-left: 31px;
        font-size: 0.92em;
    }

.childlist, .grandchildlist {
    display: none;
}

.grandchildlist {
    padding-left: 25px;
}

/*
#mobile-menu li { background: #EDEDED; color:#979698; }*/
#mobile-menu > ul > li:nth-child(odd) {
    background: #979698;
    color: #fff;
}

.lowercase {
    text-transform: lowercase;
}

.notransf {
    text-transform: none !important;
}

.big-text1 {
    font-size: 4.5em !important;
    line-height: 1em !important;
    font-family: 'BrandonGrotesque-Medium' !important;
}

.big-text2 {
    font-size: 1.8em !important;
    margin-top: 0px !important;
    font-family: 'BrandonGrotesque-Regular' !important;
}

.big-text2-L {
    font-size: 2.5em !important;
    margin-top: 0px !important;
    font-family: 'BrandonGrotesque-Regular' !important;
}

#description-top h2.big-text2, #description-bottom h2.big-text2, #buy-items h2.big-text2, #gift-card-description h2.big-text2, #subscribe h2.big-text2, #checkout h2.big-text2, #how-it-works h2.big-text2 {
    font-family: 'BrandonGrotesque-Bold' !important;
    color: #333;
}

#description-top p, #gift-card-description p, #gift-card-description ul, .item span, #subscribe p, #checkout p, #how-it-works p {
    font-size: 1.2em;
    color: #666;
}

#description-bottom {
    text-align: center;
}

.shdw {
    text-shadow: 4px 2px 20px #373737;
}

#main-menu {
    /*height: 155px;*/
    height: 120px;
}

#top-banner {
    width: 100%;
    color: #fff;
    /*height: 367px;*/
    height: 320px;
    /*background-color: #9DD2C6;*/
    background-image: url("../images/top-banner-web.jpg");
    position: relative;
}

#search-page #top-banner {
    height: 78px;
    background-color: #ad94a8;
}

#terms-page #top-banner {
    height: 78px;
}

#subscribesuccess-page #top-banner {
    height: 78px;
}


#howitworks-page #top-banner {
    height: 78px;
}


#faq-page #top-banner {
    height: 78px;
}


#privacy-page #top-banner {
    height: 78px;
}



#top-banner .txt {
    text-align: center;
    padding: 0px;
}

#top-banner .container {
    overflow: visible;
}

#top-banner p {
    font-size: 1.3em;
}

    #top-banner p.desc {
        font-family: 'Gotham-Medium' !important;
    }

#top-banner .button-group .col-md-5 {
    padding-right: 0px;
    padding-left: 10px;
}

#search-page #top-banner {
    color: #fff;
    height: 78px;
    background-color: #ad94a8;
}

#cart-page #top-banner, #activation-page #top-banner, #balanceexpiry-page #top-banner, #checkout-page #top-banner, #payment-page #top-banner, #checkoutsuccess-page #top-banner {
    height: 78px;
    background-color: #8D9AAB;
}

#partner-page #top-banner {
    height: 100%;
    min-height: 78px;
    background-color: #ececec;
    /*color: #000;*/
    color: #fff;
}

#top-banner .header-buttons {
    margin-top: 18px;
}

#partner-page #slider-top {
    margin-top: 40px;
    margin-bottom: 10px;
}

    #partner-page #slider-top .displayer {
        position: relative;
    }

        #partner-page #slider-top .displayer img {
            width: 100%;
        }

    #partner-page #slider-top .slider-controls {
        margin-top: 5px;
        height: 78px;
    }

        #partner-page #slider-top .slider-controls .button, #partner-page #slider-top .slider-controls .images {
            padding: 0px;
            float: left;
        }

        #partner-page #slider-top .slider-controls .images {
            margin-left: 5px;
            margin-right: 5px;
        }

            #partner-page #slider-top .slider-controls .images img {
                width: 100%;
                cursor: pointer;
            }

            #partner-page #slider-top .slider-controls .images .thumbnail-img {
                padding: 0px;
                margin-right: 5px;
                width: 217px;
                float: left;
            }

                #partner-page #slider-top .slider-controls .images .thumbnail-img:last-child {
                    margin-right: 0px;
                }

        #partner-page #slider-top .slider-controls .button {
            width: 53px;
            background-color: #f6f6f6;
            height: 78px;
            text-align: center;
            cursor: pointer;
        }

            #partner-page #slider-top .slider-controls .button i {
                font-size: 2.5em;
                line-height: 75px;
            }

#partner-page #tabs-accordions {
    margin-bottom: 30px;
}

#partner-page #buy-gift-card {
    margin-bottom: 20px;
}

#partner-page #slider-bottom {
    margin-bottom: 86px;
}

    #partner-page #slider-bottom h2 {
        margin-bottom: 30px;
    }

#partner-page #partnerDetails {
    font-size: 1.2em;
}

#partner-page .resp-tab-content {
    color: #777;
}

    #partner-page .resp-tab-content p.bold {
        color: #000;
        font-family: 'Gotham-Bold' !important;
    }

    #partner-page .resp-tab-content li:before {
        content: "•";
        color: #1fcfcb;
        padding-right: 7px;
    }

#partner-page h2 {
    font-size: 1.6em;
}

#partner-page .buy-gift-card-placeholder {
    height: 405px;
    border: 1px solid #ccc;
    margin-top: 20px;
}

#partner-page #nearby-experiences {
    margin-bottom: 90px;
}

.header-buttons .spa-btn {
    margin-bottom: 10px;
}

#partner-page .business-hours {
    width: 100%;
    clear: both;
    overflow: hidden;
}

    #partner-page .business-hours .day {
        font-family: 'Gotham-Bold' !important;
        color: #000;
        width: 130px;
        float: left;
    }

    #partner-page .business-hours .hours {
        float: left;
    }

#partner-page .resp-tab-content a {
    color: #777;
}

    #partner-page .resp-tab-content a:hover {
        color: #000;
        font-family: 'Gotham-Bold' !important;
    }

#partner-page .image-counter {
    background-color: #1fcfcb;
    padding: 3px 12px;
    border-radius: 10px;
    font-size: 0.8em;
    color: #fff;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

#partner-page .resp-tab-content .col-md-4:first-child {
    padding-left: 0px;
}

.lighter {
    font-family: 'BrandonGrotesque-Light' !important;
}

.bg-piece {
    position: absolute;
}

    .bg-piece.left {
        left: 0px;
        top: 0px;
    }

    .bg-piece.right {
        right: 0px;
        bottom: 0px;
    }

    .bg-piece.mobile1 {
        left: 0px;
        top: 0px;
    }

    .bg-piece.mobile2 {
        right: 0px;
        top: 160px;
    }

    .bg-piece.mobile3 {
        left: 0px;
        bottom: 35px;
    }

#side-menu, #search-results {
    float: left;
}

#side-menu {
    margin-right: 15px;
    width: 230px;
}

.collapsible-list {
    width: 100%;
    border: #ccc 1px solid;
    margin-bottom: 25px;
}

.collapser-heading {
    background: #ececec;
    color: #8e8e8e;
    padding: 6px 12px;
    font-family: 'BrandonGrotesque-Medium', sans-serif;
    font-size: 1.25em;
    position: relative;
}

.collapsible-list li, .collapsible-list .collapser-heading {
    cursor: pointer;
}

.collapser-heading .smenuarrow {
    z-index: 1000;
    right: 11px;
}

.collapsible-list .list-wrap {
    padding: 12px;
    margin-bottom: 0px;
}

.collapsible-list label {
    width: 170px;
}

    .collapsible-list label.selected {
        color: #1fcfcb;
    }

.collapsible-list ul {
    /*padding-right: 20px;*/
}

.collapsible-list > ul > li {
    text-transform: uppercase;
    font-family: 'BrandonGrotesque-Medium', sans-serif;
    font-size: 1.3em;
    border-bottom: #d4d4d4 1px solid;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
}

    .collapsible-list > ul > li label, .activation-checkboxes > ul > li label {
        line-height: 1em;
    }

.collapsible-list ul li ul li {
    font-family: 'BrandonGrotesque-Light', sans-serif;
    text-transform: none !important;
    font-size: 0.8em !important;
    padding-top: 2px;
    padding-bottom: 2px;
}

    .collapsible-list ul li ul li label {
        line-height: 1.4em;
    }

.collapsible-list li {
    color: #8D8D8D;
}

    .collapsible-list li:hover {
        color: #1fcfcb;
    }

.collapsible-list .childlist li {
    position: relative;
}

    .collapsible-list .childlist li .smenuarrow {
        position: absolute;
        top: 2px;
    }

.smenuarrow {
    margin-right: 0px !important;
    z-index: -1;
    float: none;
    position: absolute;
    width: 15px;
    top: 8px;
    right: 0px;
    font-size: 1.4em;
    line-height: 1em;
    font-family: FontAwesome;
    text-align: right;
    z-index: 4000;
}

    .smenuarrow.selected {
        color: #1fcfcb;
    }

.collapsible-list label, .activation-checkboxes label {
    padding-left: 26px;
    /*height: 18px;*/
    background: url('../images/checkbox.png') left 0px no-repeat;
    background-size: 18px;
}

    .collapsible-list label.chkd, .activation-checkboxes label.chkd {
        background: url('../images/checkbox-checked.png') no-repeat;
        color: #1fcfcb;
        background-size: 18px;
    }

    .collapsible-list label input, .activation-checkboxes label input {
        display: none;
    }

#search-results {
    width: 745px;
}

    #search-results .pag {
        margin-top: 10px;
    }

#searchresults-container .container {
    clear: both;
    overflow: hidden;
}

#searchresults-container #topbar {
    height: 37px;
}

    #searchresults-container #topbar .col-md-4 .text, #searchresults-container #topbar .col-md-4 .select-wrapper {
        float: right;
        font-size: 1.1em;
    }

    #searchresults-container #topbar .col-md-4 .text {
        margin-right: 10px;
        padding-top: 10px;
        color: #666;
    }

    #searchresults-container #topbar .col-md-4 select {
        /*-webkit-appearance: none;
    -webkit-border-radius: 0px;
    color: #777;
    background: transparent;
    width: 35px;
	height: 37px;
    padding-left: 9px;*/
    }

.select-wrapper {
    width: 68px;
    height: 34px;
    overflow: hidden;
    background: url("../images/select-arrow.jpg") no-repeat right #fff;
    border: 1px solid #ccc;
    color: #666;
}

    .select-wrapper select {
        background: transparent;
        width: 85px;
        padding: 6px 5px 5px 8px;
        font-size: 16px !important;
        line-height: 1;
        border: 0;
        border-radius: 0;
        height: 34px;
        -webkit-appearance: none;
        color: #666;
    }

.pagination-container {
    float: right;
}

    .pagination-container ul {
        overflow: hidden;
        clear: both;
    }

        .pagination-container ul li {
            float: left;
            margin-left: 10px;
        }

            .pagination-container ul li.active a {
                color: #1FCFCB;
            }

            .pagination-container ul li a {
                color: #666;
                text-decoration: underline;
                font-size: 1.1em;
            }

                .pagination-container ul li a:hover {
                    color: #000;
                    font-family: 'Gotham-Bold' !important;
                }

.map-button {
    cursor: pointer;
}

    .map-button.clicked a {
        color: #000;
        /*background-color: #1fcfcb;*/
        background-color: #179bc3;
    }

    .map-button.unclicked span:after {
        content: "View map";
    }

    .map-button.clicked span:after {
        content: "Hide map";
    }

.map-container {
    background-color: #e8e5db;
    color: #000;
    margin: 5px;
    text-align: center;
    font-family: 'Gotham-Bold' !important;
    font-size: 2em;
    /*height: 265px;*/
    height: 300px;
    overflow: hidden;
    /*margin-top: 28px;
    padding-top: 70px;*/
    /*display: none;*/
}

#tabs-accordions .map-container {
    display: block;
}

.map-container p {
    line-height: 2em;
}

.results-items {
    overflow: hidden;
    margin-top: 28px;
}

    .results-items .col-md-12 {
        margin-bottom: 25px;
    }

    .results-items .spa-btn {
        width: 220px;
    }

#bottombar {
    clear: both;
    /*overflow: hidden;
    height: 50px;*/
}

    #bottombar .gototop {
        margin-bottom: 35px;
        margin-top: 10px;
    }

        #bottombar .gototop a {
            text-transform: uppercase;
            color: #666;
        }

            #bottombar .gototop a:hover {
                color: #000;
                font-family: "Gotham-Bold";
            }

    #bottombar .pagination-container {
        margin-right: 6px;
    }

ul.checkmarks {
    margin-left: 30px;
}

    ul.checkmarks li:before {
        font-family: FontAwesome;
        font-size: 0.9em;
        content: "\f00c";
        color: #1fcfcb;
        padding-right: 15px;
        margin-left: -30px;
    }

.items-box {
    margin-top: 25px;
}

.buy-heading, .cart-heading {
    /*background-color: #ad93a8;*/
    background-color: #179bc3;
    color: #fff;
}

.buy-heading {
    padding: 12px 15px 10px 15px;
}

    .buy-heading h2 {
        font-size: 1.6em;
        font-family: 'BrandonGrotesque-Medium' !important;
        padding: 0px;
        margin: 0px;
    }

.buy-content {
    overflow: hidden;
    border: #ccc 1px solid;
    border-top: none;
    padding-left: 15px;
    padding-right: 15px;
}

    .buy-content .item {
        border-bottom: 1px #ccc solid;
        padding-bottom: 20px;
        padding-top: 20px;
        clear: both;
        overflow: hidden;
    }

        .buy-content .item:last-child {
            border-bottom: none;
        }

        .buy-content .item h2 {
            margin-top: 0px;
        }


    .buy-content .text, .buy-content .select-wrapper {
        float: left;
    }

    .buy-content .select-wrapper {
        width: 115px;
    }

        .buy-content .select-wrapper select {
            width: 130px;
        }

    .buy-content .text {
        margin-top: 5px;
    }

.quantity-box {
    height: 34px;
    border: 1px #ccc solid;
    border-radius: 0px !important;
    padding-left: 10px;
    color: #666;
    font-size: 16px !important;
}

.buy-button {
    margin-top: 30px;
}

    .buy-button .spa-btn {
        width: 180px;
        float: right;
    }

.cart-row {
    overflow: hidden;
    clear: both;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px #ccc solid;
}

    .cart-row:first-child {
        border-top: none;
    }

    .cart-row > div {
        float: left;
    }

    .cart-row.cart-heading {
        padding: 0px 15px;
    }

        .cart-row.cart-heading h2 {
            margin-top: 15px;
        }

.product {
    width: 520px;
}

.qty {
    width: 175px;
}

.subtotal {
    width: 170px;
}

.remove {
    width: 100px;
}

.cart-mode .card-logo-container {
    width: 160px;
    margin-right: 20px;
}

.cart-mode .card-details-container {
    width: auto;
    display: inline-block;
    height: 100px;
    max-width: 300px;
}

    .cart-mode .card-details-container span, .cart-mode .subtotal span {
        text-transform: uppercase;
        font-size: 1.6em;
        color: #000;
        font-family: 'BrandonGrotesque-Bold';
        line-height: 100px;
    }

.qty-fields {
    overflow: hidden;
    clear: both;
    margin-top: 32px;
}

    .qty-fields div {
        float: left;
        margin-right: 5px;
    }

.qty-input {
    line-height: 32px !important;
}

    .qty-input input {
        width: 70px;
        height: 35px;
        border: 1px #ccc solid;
        color: #777;
        padding: 5px;
        text-align: center;
    }

        .qty-input input, .qty-input input:focus {
            font-size: 16px !important;
        }

.minus-button, .plus-button, .remove-button {
    background-color: #ececec;
    color: #fff;
    width: 30px;
    height: 35px;
    cursor: pointer;
    text-align: center;
    line-height: 38px;
}

    .minus-button, .plus-button i, .remove-button i {
        color: #777;
    }

.remove div, .remove h2 {
    float: right;
}

.remove-button {
    margin-top: 32px;
}

.checkout-button .spa-btn {
    width: 193px;
    margin-top: 30px;
    float: right;
}

.subtotal-bar {
    background-color: #ececec;
    height: 47px;
    line-height: 51px;
    margin-right: -15px;
    margin-left: -15px;
    text-transform: uppercase;
    font-size: 1.6em;
    color: #000;
    font-family: 'BrandonGrotesque-Bold';
    padding-right: 15px;
    text-align: right;
}

.cards-strip {
    margin-top: 45px;
    margin-bottom: 45px;
}

.benefits-and-contact {
    overflow: hidden;
    clear: both;
}

.benefits {
    width: 680px;
    float: left;
}

.benefits-heading {
    font-family: 'Gotham-Bold' !important;
    color: #000;
    font-size: 1.27em;
    margin-bottom: 20px;
}

.contact {
    width: 315px;
    float: right;
    background-color: #ececec;
    padding: 25px 30px;
    color: #666 !important;
}

.contact-heading {
    text-transform: uppercase;
    color: #000;
    font-family: 'BrandonGrotesque-Bold' !important;
    font-size: 1.2em;
}

.contact-link {
    text-decoration: underline;
    color: #666;
    font-family: 'Gotham-Bold' !important;
}

    .contact-link:hover {
        color: #000 !important;
    }

    .contact-link:visited {
        color: #666;
    }

.contact .boldtext {
    font-family: 'Gotham-Bold' !important;
}

.list-row {
    overflow: hidden;
    clear: both;
    margin-bottom: 25px;
}

.list-icon {
    width: 34px;
    float: left;
    margin-right: 17px;
}

    .list-icon img {
        width: 100%;
    }

.list-text {
    width: 480px;
    float: left;
    color: #777;
}

.cart-empty {
    height: 140px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'BrandonGrotesque-Bold';
    display: none;
    font-size: 1.6em;
    line-height: 140px;
}

.cards-strip {
    overflow: hidden;
    clear: both;
}

    .cards-strip div {
        float: left;
        color: #575757;
    }

.cards-logos {
    margin-right: 60px;
}

.secure-pay {
    margin-right: 10px;
}

.aussie-map {
    margin-right: 10px;
    margin-left: 25px;
}

.expiry {
    margin-left: 27px;
    margin-right: 10px;
}

.logos-text {
    margin-top: 10px;
    font-size: 0.95em;
}


#activation-page #description, #balanceexpiry-page #description {
    color: #777;
    margin-top: 40px;
    margin-bottom: 33px;
    font-size: 1.25em;
}

#terms-page #terms {
    color: #777;
    margin-bottom: 33px;
    font-size: 1.25em;
}

#privacy-page #policy {
    color: #777;
    margin-bottom: 33px;
    font-size: 1.25em;
}

#cards-space .container {
    background-color: #f6f6f6;
    padding: 25px 45px 35px 45px;
    margin-bottom: 50px;
}

.card-heading {
    text-transform: uppercase;
    color: #000;
    font-family: 'BrandonGrotesque-Bold', sans-serif;
    font-size: 1.27em;
    margin-left: 12px;
}

.activate-btn {
    width: 145px;
    margin-top: 17px;
    margin-left: 12px;
    cursor: pointer;
}

    .activate-btn.unclicked span:before {
        content: "Activate";
    }

    .activate-btn.clicked span:before {
        content: "Collapse form";
    }

    .activate-btn.clicked {
        width: 195px;
    }

#form-btn, .balexp-btn {
    border: none;
    text-align: left;
    width: 235px;
    margin-bottom: 30px;
    margin-left: 10px;
}

.no-activation {
    margin-top: 15px;
    font-size: 1.25em;
    color: #777;
}

    .no-activation strong {
        font-family: 'Gotham-Bold' !important;
    }

.cards-column {
    padding-left: 0px;
    padding-right: 0px;
}

.digital-card-heading {
    margin-left: 90px;
}

.digital-card-img {
    margin-left: 90px;
}

.digital-card-description {
    margin-left: 100px;
}

.dropdown-form {
    display: none;
    margin-top: 36px;
}

.gift-card-back {
    font-size: 1.25em;
    color: #777;
    margin-left: 10px;
}

#form-activation {
    margin-top: 20px;
    margin-left: 10px;
}

    #form-activation fieldset {
        margin-bottom: 12px;
    }

.field-label {
    font-size: 1.25em;
    color: #777;
    margin-bottom: 14px;
    font-weight: normal !important;
}

input.empty {
    border: 3px #D70202 solid;
}

.activation-input {
    width: 342px;
    height: 38px;
    border: 1px #E1E1E1 solid;
    padding: 5px;
    font-size: 16px !important;
    color: #777;
}

.field-questionmark {
    width: 20px;
    height: 20px;
    background-color: #D2D2D2;
    border-radius: 10px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    margin-left: 10px;
    cursor: pointer;
}

    .field-questionmark i {
        margin-left: -2px;
    }

.activation-checkboxes label {
    color: #777;
    font-weight: normal;
    font-size: 1.2em;
    margin-bottom: 20px;
}

#success-message {
    color: #777;
    font-size: 1.25em;
    padding: 20px;
}

    #success-message h2 {
        margin-top: 0px;
        font-family: "BrandonGrotesque-Bold" !important;
        font-size: 1.45em;
        color: #000;
    }

.turquoise-text {
    color: #1fcfcb;
}

#balanceexpiry-page .gift-card-back {
    margin-top: 15px;
    width: 350px;
}

#balanceexpiry-page .cards-column:last-child {
    padding-left: 85px;
}

#form-balexp-physical fieldset, #form-balexp-digital fieldset {
    margin-left: 9px;
    margin-bottom: 15px;
}

.balexp-btn {
    width: 280px;
    margin-top: 33px;
}

.show-balexp .dotted {
    color: #000 !important;
    /*width: 342px;*/
    margin-top: 35px;
    margin-bottom: 35px;
}

.cards-column .dotted.nodskt {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 12px;
    width: 99.5%;
}

.show-balexp {
    display: none;
    margin-left: 10px;
}

    .show-balexp h2 {
        font-size: 1.8em;
    }

    .show-balexp p {
        font-size: 1.25em;
        color: #777;
    }

.spa-btn {
    padding: 10px;
    text-transform: uppercase;
    font-size: 1.2em;
    display: block;
    font-family: "BrandonGrotesque-Medium";
}

    .spa-btn i {
        /*color: #fff;*/
        /*color: #1fcfcb;*/
        margin-left: 10px;
    }

a.spa-btn {
    text-decoration: none !important;
}

.spa-btn.black {
    color: #fff !important;
    background: #000;
}

    .spa-btn.black:hover, .spa-btn.dark-grey:hover, .spa-btn.black:hover i, .spa-btn.dark-grey i {
        color: #fff !important;
    }

    .spa-btn.black:hover {
        background: #1fcfcb;
    }

.spa-btn.dark-grey {
    color: #fff !important;
    background: #979799;
}

    .spa-btn.dark-grey:hover {
        background: #000;
    }

#search-results #topbar .spa-btn.dark-grey {
    padding-top: 6px;
    padding-bottom: 6px;
}

.map-icon {
    margin-right: 12px;
    margin-left: 2px;
}

.spa-btn.white {
    color: #000 !important;
    background: #fff;
}

    /*.spa-btn.white i {
        color: #000;

    }*/

    .spa-btn.white:hover {
        /*background: #000;
        color: #fff !important;*/
        background: #179bc3;
        color: #fff !important;
    }

        .spa-btn.white:hover a {
            color: #fff;
        }

    .spa-btn.white:hover  {
        color: #fff !important;
    }

/*.spa-btn.turquoise {
    color: #fff !important;
    background: #1fcfcb;
}*/
.spa-btn.ebColor {
    color: #fff !important;
    background: #001E37 !important;
}

    .spa-btn.ebColor:hover {
        /*background: #1fcfcb;*/
        background: #29acc4 !important;
        color: #fff !important;
    }

    .spa-btn.ebColor i {
        color: #fff !important;
    }

.spa-btn.turquoise {
    color: #fff !important;
    /*background: #001E37;*/
    background: #179bc3;
}

    .spa-btn.turquoise:hover {
        /*background: #1fcfcb;*/
        background: #29acc4;
        color: #fff !important;
    }

    .spa-btn.turquoise i {
        color: #fff !important;
    }

.spa-btn.turquoise2 {
    /*color: #fff !important;*/
    background: #3ec0c5;
    color: #fff;
}

    .spa-btn.turquoise2:hover {
        background: #001E37;
        color: #fff !important;
    }

    .spa-btn.turquoise2 i {
    color: #fff !important;
    }

.spa-btn.disabled {
    color: grey !important;
    background: lightgrey;
}

a.turquoise, a.turquoise:hover {
    color: #1fcfcb !important;
}

/*a.bold, a.bold:hover {
	font-weight: bold !important;
}*/

.mb0 {
    margin-bottom: 0px !important;
}

.mt8 {
    margin-top: 8px;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt45 {
    margin-top: 45px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

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

.mb25 {
    margin-bottom: 25px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}


.mL0 {
    margin-left: 0;
}

.mL15 {
    margin-left: 15px !important;
}

.mL10 {
    margin-left: 10px;
}


.pL10 {
    padding-left: 10px;
}

#how-it-works-summary {
    height: auto;
    padding-bottom: 10px;
}

    #how-it-works-summary h2, #trending h2, #nearby-experiences h2, #buy-items h2, #gift-card-description h2 {
        position: relative;
        font-size: 1.6em;
    }

    #how-it-works-summary h2 {
        margin-top: 5px;
    }

    #how-it-works-summary p {
        font-size: 1.1em;
        line-height: 1.3em;
    }

#trending p {
    font-size: 1.15em;
    line-height: 1.1em;
}

#how-it-works-summary .undrl, #trending .undrl, #nearby-experiences .undrl, #how-it-works .undrl {
    font-size: 1.1em !important;
}

.centered {
    text-align: center;
}

.right-aligned {
    text-align: right !important;
}

.right-link {
    text-transform: none;
    font-size: 0.7em !important;
    position: absolute;
    right: 0px;
    top: 2px;
}

    .right-link a {
        color: #706f6f;
    }

.div-line {
    height: 4px;
    width: 100px;
    margin-bottom: 10px;
}

.bg {
    width: 320px;
    height: 230px;
    padding: 30px;
    margin-right: 18px;
}
/*
.bg:last-child{
	margin-right: 0px!important;
}*/

.bg0 {
    background: url(../images/how-it-works0.jpg) no-repeat;
    background-size: cover;
}

.bg1 {
    background: url(../images/how-it-works1.jpg) no-repeat;
    background-size: cover;
}

.bg2 {
    background: url(../images/how-it-works2.jpg) no-repeat;
    background-size: cover;
}

.bg3 {
    background: url(../images/how-it-works3.jpg) no-repeat;
    background-size: cover;
    margin-right: 0px !important;
}

.bg1 .div-line {
    /*background-color: #9ed2c6;*/
    background-color: #3ec0c5;
}

.bg1 p.colored {
    /*color: #9ed2c6 !important;*/
    color: #3ec0c5 !important;
}

.bg2 .div-line {
    /*background-color: #ece036;*/
    background-color: #29acc4;
}

.bg2 p.colored {
    /*color: #ece036 !important;*/
    color: #29acc4 !important;
}

.bg3 .div-line {
    /*background-color: #b895aa;*/
    background-color: #179bc3;
}

.bg3 p.colored {
    /*color: #b895aa !important;*/
    color: #179bc3 !important;
}

.white-center {
    background-color: #fff;
    padding: 16px;
    color: #666;
}

#how-it-works-summary .white-center h2 {
    text-transform: uppercase;
    position: static;
}

#experiences {
    /*background-image: url("../images/grey-line2.jpg");*/
    /*background-repeat: repeat-x;*/
    background-color: white;
    background-position: left bottom;
    padding-bottom: 13px;
    padding-top: 13px;
}

    #experiences h2, #trending h2, #feelgood-specialdeals h2 {
        font-size: 1.6em;
    }

    #experiences ul {
        padding: 0px;
        margin-top: 25px;
        margin-bottom: 30px;
        font-size: 0.85em;
    }

        /*#experiences ul li {
            line-height: 2.9em;
        }*/

            #experiences ul li a, #experiences ul li a:hover {
                color: #706f6f;
            }

    #experiences .spa-btn.white {
        border: #B7B7B7 1px solid;
    }

    #experiences li a {
        font-size: 1.2em;
    }

        /*#experiences li a:hover, footer li a:hover {
            color: #000 !important;
            font-family: 'Gotham-Bold' !important;
        }*/

    #experiences .info {
        clear: both;
        overflow: hidden;
    }

    #experiences .col-md-20 {
        padding-right: 10px;
        padding-left: 10px;
    }

        #experiences .col-md-20:first-child {
            /*padding-left: 0px;*/
        }

        #experiences .col-md-20:last-child {
            padding-right: 0px;
        }

    #experiences .spa-btn i {
        margin-left: 5px;
    }

#experiences-menu .colored.undrl.bold {
    font-family: 'Gotham-Bold' !important;
}

    #experiences-menu .colored.undrl.bold:hover {
        color: #000 !important;
    }

.spa-btn.white .arrow {
    color: #9ed2c6;
}

.boldcaps {
    font-family: 'Gotham-Bold' !important;
    text-transform: uppercase;
}

/*.circle-header {
	height: 160px;
	width: 160px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.6em;
	line-height: 160px;
	border-radius: 100px;
	background: url(../images/lines-circlediv.png) no-repeat;
	background-size: cover;
	margin: 0px auto;
}*/

.circle-header {
    height: 80px;
    width: 190px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.5em;
    line-height: 80px;
    /*border-radius: 100px;*/
    /*background: url(../images/lines-circlediv.png) no-repeat;*/
    /*background-size: cover;*/
    margin: 0px auto;
}

    .circle-header a, .circle-header i, .circle-header a:hover {
        color: #fff !important;
        /*text-decoration:none;*/
    }

    .circle-header .arrow {
        color: #fff !important;
    }

.teal .circle-header {
    background-color: #9ed2c6;
}

.teal i {
    color: #9ed2c6;
}

.yellow .circle-header {
    background-color: #ece036;
}

.yellow i {
    color: #ece036;
}

.brown .circle-header {
    background-color: #d7ccc0;
}

.brown i {
    color: #d7ccc0;
}

.olive .circle-header {
    background-color: #adbcb6;
}

.olive i {
    color: #adbcb6;
}

.purple .circle-header {
    background-color: #b895aa;
}

.purple i {
    color: #b895aa;
}

.grey-bg {
    height: 215px;
    background-color: #ededed;
}

#trending {
    height: auto;
}

    #trending img, .results-items img, #nearby-experiences img {
        width: 100%;
    }

    #trending .txt, #search-results .txt, #nearby-experiences .txt {
        color: #666;
        font-size: 1em;
        position: relative;
        height: 220px;
        border: #C9C9C9 1px solid;
        border-top: none;
        padding: 15px 10px;
    }

    #trending .col-md-3, #nearby-experiences .col-md-3, #search-results .col-md-4 {
        padding-right: 5px;
        padding-left: 5px;
    }

        #trending .col-md-3:first-child, #nearby-experiences .col-md-3:first-child {
            padding-left: 0px;
        }

        #trending .col-md-3:last-child, #nearby-experiences .col-md-3:last-child {
            padding-right: 0px;
        }

    #trending a, #nearby-experiences a, footer li a {
        color: #666;
    }

#feelgood-specialdeals a:hover {
    color: #000;
}

#trending .spa-btn, #nearby-experiences .spa-btn {
    position: absolute;
    bottom: 20px;
    /*width: 180px;*/
    width: 220px;
}

#trending .container, #nearby-experiences .container {
    position: relative;
    overflow: visible;
}

#trending .sliderarrow, #nearby-experiences .sliderarrow {
    position: absolute;
    width: 20px;
    color: #777;
    top: 240px;
    z-index: 2000;
    font-size: 3em;
    cursor: pointer;
}

    #trending .sliderarrow:hover, #nearby-experiences .sliderarrow:hover {
        color: #000;
    }

    #trending .sliderarrow.left, #nearby-experiences .sliderarrow.left {
        left: -25px;
    }

    #trending .sliderarrow.right, #nearby-experiences .sliderarrow.right {
        right: -25px;
    }

.spa-btn i {
    width: 15px;
    display: inline-block;
    float: right;
    line-height: 1em;
    font-size: 1.4em;
}

.undrl i {
    width: 15px;
    display: inline-block;
    float: none;
    line-height: 1em;
    font-size: 1em;
    margin-left: 3px;
}

#trending .undrl i, #feelgood-specialdeals .undrl i, #experiences li i, #how-it-works-summary .undrl i {
    width: 15px;
    display: inline-block;
    float: none;
    line-height: 1em;
    font-size: 0.9em !important;
    margin-left: 0px;
}

#experiences i {
    width: 10px;
    display: inline-block;
    float: none;
    line-height: 1em;
    font-size: 1.1em;
    margin-left: 0px;
}

#trending .button-group, #nearby-experiences .button-group {
    margin-top: 25px;
}

    #trending .button-group .undrl, #nearby-experiences .button-group .undrl {
        font-size: 1.3em;
    }

#feelgood-specialdeals .image {
    width: 123px;
    float: left;
}

    #feelgood-specialdeals .image img {
        height: 140px;
        width: 140px;
    }

#feelgood-specialdeals .txt {
    width: 365px;
    background-color: #f7f7f7;
    padding: 10px;
    float: left;
    text-align: left;
    font-size: 0.85em;
    line-height: 0.85em;
    height: 140px;
}

    #feelgood-specialdeals .txt .undrl {
        font-size: 1.2em;
    }

#feelgood-specialdeals .right-link {
    top: 24px;
    right: 18px;
    font-size: 0.8em !important;
}

#feelgood-specialdeals .txt .bold, #how-it-works-summary p.colored.bold, #flyout-menu li.colored.bold {
    font-family: 'Gotham-Bold' !important;
}

#feelgood-specialdeals p {
    line-height: 1.3em;
    font-size: 1.2em;
}

#feelgood-specialdeals {
    margin-bottom: 55px;
}

    #feelgood-specialdeals h2 a:hover {
        font-family: 'Gotham-Bold' !important;
    }

footer {
    width: 100%;
    background-color: #f4f4f4;
}

    footer p {
        font-size: 1.2em;
    }

#footer-extra {
    clear: both;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 30px;
}

    #footer-extra #sm {
        float: none;
        margin: 0px auto;
        width: 130px;
    }

        #footer-extra #sm li {
            width: 30px;
            height: 30px;
            margin-left: 10px;
            border-radius: 20px;
            font-size: 1.2em;
            line-height: 30px;
        }

#footer .col-md-20 ul li {
    font-size: 1.2em;
}

#copyright {
    text-align: center;
    font-size: 1.1em;
    color: #666;
    padding-top: 25px;
    padding-bottom: 50px;
}

    #copyright p {
        width: 330px;
        margin: 0px auto;
    }

    #copyright a {
        color: #666;
    }

        #copyright a:hover {
            color: #000;
            font-family: 'Gotham-Bold', sans-serif !important;
        }

.wrapper {
    font-family: 'Gotham-Book', sans-serif;
}

input.newsletter, button.newsletter {
    padding: 8px;
    width: 100%;
}

form#form-newsletter {
    position: relative;
}

span.placeholder {
    color: #A9A9A9;
    font-family: 'Gotham-Book', sans-serif;
    position: absolute;
    top: 9px;
    left: 10px;
}

input.newsletter {
    text-align: left;
    border: #D6D6D6 1px solid;
    font-size: 16px !important;
    color: #666;
}

    input.newsletter::-webkit-input-placeholder {
        font-family: 'FontAwesome';
        text-align: left;
    }

    input.newsletter::-moz-placeholder {
        font-family: 'FontAwesome';
        text-align: left;
    }

    input.newsletter::-ms-input-placeholder {
        font-family: 'FontAwesome';
        text-align: left;
    }

button.newsletter {
    border: none;
}

.col-md-20 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.dotted {
    border-top: 1px dotted #666;
}

.nodskt {
    display: none;
}

.hamburger {
    left: 0px;
    height: 50px;
    width: 65px;
    background: #c6c6c6;
}

    .hamburger .hambicon {
        line-height: 36px;
        font-family: FontAwesome;
        color: #fff;
        font-size: 2em;
        text-decoration: none;
    }

    .hamburger a {
        text-decoration: none;
    }

    .hamburger.open .hambicon:after {
        content: "\f00d";
        text-decoration: none;
    }

    .hamburger.closed .hambicon:after {
        content: "\f0c9";
        text-decoration: none;
    }

.hamburger, .cart {
    position: absolute;
    top: 50px;
}

    .hamburger:hover, .cart:hover, .search-container-mobile button:hover {
        background: #1fcfcb;
    }

.cart {
    right: 0px;
    height: 50px;
    width: 65px;
    background: #1fcfcb;
    line-height: 61px;
}

    .hamburger i, .cart i {
        color: #fff;
    }

.hamburger i {
    font-size: 3em;
}

.cart i {
    font-size: 2em;
}


.search-container-mobile {
    clear: both;
    overflow: hidden;
    display: none;
    position: absolute;
    left: 15px;
    right: 80px;
    top: 7px;
    padding-bottom: 4px;
    background: #fff;
}


    .search-container-mobile i {
        font-size: 0.8em;
        color: #fff;
    }

    .search-container-mobile button {
        background: #979698;
        padding-top: 0px;
    }


    .search-container-mobile input.search-box {
        width: 93%;
        padding-top: 5px;
    }

.card-lone {
    margin-bottom: 30px;
}

.subscribe {
    font-family: 'Gotham-Bold' !important;
    color: #666;
    font-size: 1.1em;
    line-height: 2.5em;
}


.list-title {
    font-family: 'Gotham-Bold' !important;
    color: #666;
}

.nopadslr {
    padding-left: 0px;
    padding-right: 0px;
}

.nopadsr {
    padding-right: 0px;
}

.nopadsl {
    padding-left: 0px;
}

.card-logo-container, .card-details-container {
    float: left;
}

.card-logo-container {
    width: 250px;
    margin-right: 15px;
}

    .card-logo-container img {
        width: 100%;
    }

.card-details-container {
    width: 700px;
}

.details-row {
    margin-bottom: 25px;
}


.fields-row {
    clear: both;
    overflow: hidden;
}

    .fields-row .field1, .fields-row .field2 {
        float: left;
        overflow: hidden;
    }

    .fields-row .field1 {
        margin-right: 30px;
    }

.field2 .quantity-box {
    width: 115px;
}

.details-mobile {
    display: none;
    margin-top: 25px;
}

.item .value, .item .quantity {
    width: 75px;
    display: inline-block;
}

.clearer {
    clear: both;
}

.fields-row .quantity-mobile {
    display: none;
}

@media (max-width: 1024px) {
    #top-banner .container {
        overflow: hidden;
        margin-right: 0px;
        margin-left: 0px;
        padding-left: 17px;
        width: 100%;
    }

    #trending .container {
        width: 950px;
    }
    
}

@media (min-width: 992px) {
    .col-md-20 {
        width: 20%;
        float: left;
    }

    .col-md-7 a img {
        width: 97%;
    }

    #btnBanner {
        margin-top: 25px;
    }

    #btn-card-lone-web {
        margin-top: 35px;
        transform: rotate(-5deg);
    }
}

@media (max-width: 991px) {
    .col-md-20 {
        width: 100%;
        float: none;
    }

    .nodskt {
        display: block !important;
    }

    .nombl {
        display: none !important;
    }

    .container {
        width: 100%;
        padding-left: 20px !important;
        padding-right: 20px;
    }

    .bg-piece {
        display: none;
    }

    #spa-logo {
        float: right;
        margin-right: 30px;
        width: 45px;
    }

    #top-banner {
        height: auto;
        padding-bottom: 15px;
        padding-top: 50px;
    }

        #top-banner .container {
            padding-left: 0px;
        }

    .button-group a {
        margin-bottom: 20px;
        width: 240px;
        margin-left: auto;
        margin-right: auto;
    }

    .bg {
        margin-right: auto !important;
        margin-left: auto;
        margin-bottom: 20px;
    }

    .bg3 {
        margin-bottom: 30px;
    }

    #how-it-works-summary {
        text-align: center;
        padding-bottom: 10px;
    }

        #how-it-works-summary .undrl {
            color: #706f6f;
        }

    .white-center {
        text-align: left;
    }

    #experiences {
        height: auto;
    }

        #experiences .info {
            padding-top: 10px;
        }

    #trending, #nearby-experiences {
        height: auto;
        padding-bottom: 15px;
    }

        #trending .col-md-3, #nearby-experiences .col-md-3, #search-page .results-items .col-md-4 {
            min-width: 280px;
            max-width: 550px;
            width: 100%;
            margin: 0px auto;
        }

            #trending .col-md-3:first-child, #nearby-experiences .col-md-3:first-child {
                padding-left: 5px;
            }

        #trending .container, #nearby-experiences .container {
            padding-left: 10px;
            width: 100%;
        }

        #trending .sliderarrow.right, #nearby-experiences .sliderarrow.right {
            right: 0px;
        }

        #trending .sliderarrow.left, #nearby-experiences .sliderarrow.left {
            left: 5px;
        }

    .subscribe {
        text-align: center;
        font-size: 1.3em;
        line-height: 1.5em;
    }

    button.newsletter {
        margin-top: 20px;
    }

    #footer-extra #sm {
        float: none;
        margin: 0px auto;
    }

    .mbl50 {
        float: left !important;
        width: 50% !important;
        margin-bottom: 15px;
    }

        .mbl50.less {
            margin-bottom: 15px;
        }

        .mbl50.lone {
            width: 100% !important;
        }

        .mbl50 .circle-header {
            margin: 0px auto;
            width: 180px;
            height: 70px;
            /*line-height: 140px;*/
            line-height: 70px;
            font-size: 1.3em;
        }

    #top-banner .button-group .col-md-5 {
        padding: 0px;
    }

    .col-md-12.centered.mt45.mb40 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    body {
        position: relative;
    }

    #main-menu {
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 3000;
    }

        #main-menu .container {
            text-align: center;
        }

        #main-menu, #main-menu .container {
            height: 50px;
            width: 100%;
        }

    #spa-logo {
        margin-top: 5px;
    }

        #spa-logo img {
            width: 70px;
        }

    .hamburger, .cart, .search-mobile {
        top: 8px;
    }

    .hamburger {
        left: 20px;
        height: 35px;
        width: 45px;
        line-height: 50px;
        background: #979698;
    }

        .hamburger i {
            font-size: 2.3em;
        }

    .cart i, .search-mobile i {
        font-size: 1.8em;
    }

    .cart, .search-mobile {
        height: 35px;
        width: 45px;
        background: #979698;
        line-height: 47px;
    }

    .cart {
        left: 83px;
    }

    .search-mobile {
        position: absolute;
        left: 145px;
    }

        .search-mobile i {
            color: #fff;
        }

        .search-mobile:hover {
            background: #1fcfcb;
        }

    #trending .button-group, #nearby-experiences .button-group {
        text-align: center;
    }

    .big-text1 {
        font-size: 3.8em !important;
    }

    #search-page #top-banner {
        margin-top: 55px;
        padding-top: 0px;
        margin-bottom: 20px;
        height: 55px;
    }

        #search-page #top-banner h1 {
            text-align: center;
            font-size: 1.8em;
            margin-top: 16px;
        }

    #search-page .bg-piece.mobile2 {
        top: 0px;
    }

    #search-results {
        width: 100%;
    }

        #search-results .viewmap, #search-results .pag {
            padding: 0px;
        }

        #search-results .pag {
            margin-top: 20px;
            text-align: center;
        }

    #bottombar {
        text-align: center;
    }

    #search-results .pagination-container {
        float: none;
        display: inline-block;
    }

    #search-page .results-items .col-md-4 {
        margin-bottom: 20px;
    }

    footer .col-md-6 {
        padding: 0px;
    }

    .viewmap .spa-btn i {
        width: 11px;
    }

    .map-container {
        margin-top: 30px;
        padding-top: 25px;
    }

        .map-container p {
            line-height: 1em;
            padding: 20px;
            font-size: 0.8em;
        }

    .results-items {
        margin-top: 5px;
    }

        .results-items.closedmap {
            margin-top: 65px;
        }

        .results-items.openmap {
            margin-top: 25px;
        }

    #side-menu {
        width: 100%;
        margin-right: 0px;
    }

    #search-container {
        width: 100%;
    }

    #partner-page #top-banner, #cart-page #top-banner, #activation-page #top-banner, #balanceexpiry-page #top-banner {
        margin-top: 52px;
        padding-top: 0px;
        text-align: center;
        margin-bottom: 20px;
    }

    #terms-page #top-banner, #privacy-page #top-banner, #subscribesuccess-page #top-banner, #howitworks-page #top-banner, #checkout-page #top-banner, #payment-page #top-banner, #checkoutsuccess-page #top-banner {
        margin-top: 52px;
        padding-top: 0px;
        text-align: center;
        margin-bottom: 20px;
    }

    .collapsible-list .list-wrap {
        display: none;
    }

    .header-buttons .spa-btn.white {
        border: #B7B7B7 1px solid;
    }

    #partner-page #slider-top {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    #partner-page #tabs-accordions {
        margin-bottom: 10px;
    }

    #buy-gift-card h2 {
        width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    h2.resp-accordion {
        text-transform: none;
        font-family: 'Gotham-Medium', sans-serif !important;
        font-size: 1.14em !important;
        color: #777 !important;
    }

    h2.resp-tab-active {
        background-color: #E8E8E8 !important;
    }

    #trending .spa-btn, #nearby-experiences .spa-btn {
        width: 100%;
        position: static;
    }

    #partner-page #nearby-experiences {
        margin-bottom: 0px;
    }

    #partner-page .resp-tab-content .col-md-4 {
        padding-left: 0px;
    }

    .reposition {
        /*display: table;*/
        width: 100%;
    }

    #gift-card-description {
        display: table-footer-group;
    }

    #buy-items {
        display: table-header-group;
    }

    .card-logo-container {
        width: 45%;
        margin-right: 2%;
    }

    .card-details-container {
        width: 49%;
    }

    .details-row {
        margin-bottom: 20px;
    }

        .details-row h2 {
            margin-bottom: 10px;
        }

        .details-row .details {
            display: none;
        }

    .details-mobile {
        display: inline-block;
    }

    .fields-row {
        width: 100%;
    }

        .fields-row .field1, .fields-row .field2 {
            float: none;
            width: 100%;
        }

        .fields-row .field1 {
            margin-right: 15px;
            margin-bottom: 20px;
            height: 35px;
        }

        .fields-row .quantity {
            display: none;
        }

        .fields-row .quantity-mobile {
            display: inline-block;
        }

        .fields-row .quantity-mobile, .fields-row .value {
            width: 40px;
        }

    .buy-content .text {
        width: 25%;
    }

    .buy-content .select-wrapper, .field2 .quantity-box {
        width: 70%;
        float: right;
    }

        .buy-content .select-wrapper select {
            width: 115%;
        }

    #cart-page .header-buttons {
        margin-bottom: 20px;
    }

    .card-details-container {
        float: right;
        width: 52%;
    }

    .cart-mode .card-details-container {
        float: none;
        width: 100%;
        height: auto;
    }

        .cart-mode .card-details-container span {
            line-height: normal;
            font-size: 1.1em;
        }

    .product {
        width: 45%;
    }

    .qty-fields, .remove-button {
        margin-top: 0px;
    }

    .remove {
        float: right !important;
    }

    .checkout-button .spa-btn {
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }

    .benefits, .contact {
        width: 100%;
        float: none;
    }

    .list-icon {
        margin-right: 10px;
    }

    .list-text {
        width: 84%;
        min-width: 230px;
    }

        .list-text.mt8 {
            margin-top: 0px;
        }

    .contact {
        padding: 12px 15px;
        margin-bottom: 30px;
        margin-top: 30px;
    }

        .contact p {
            margin-bottom: 0px;
        }

    .contact-heading {
        font-size: 1.1em;
    }

    #buy-items.cart-mode {
        display: block !important;
    }

    .buy-heading {
        display: none;
    }

    .buy-content {
        border-top: #ccc 1px solid;
    }

    .items-box {
        margin-top: 0px;
    }

    .buy-button {
        margin-top: 25px;
    }

        .buy-button .spa-btn {
            width: 100%;
            float: none;
        }

    #activation-page #description, #balanceexpiry-page #description {
        margin-top: 30px;
    }

    .activate-btn {
        width: 100%;
        margin-bottom: 30px;
    }

    .digital-card-heading {
        margin-left: 0px;
    }

    .digital-card-img {
        float: none;
        margin-left: 0;
    }

    .digital-card-description {
        margin-left: 10px;
    }

    .dropdown-form {
        margin-top: 5px;
    }

    #form-btn, .balexp-btn {
        width: 100%;
    }

    #balanceexpiry-page .cards-column:last-child {
        padding-left: 0px;
    }

    #balanceexpiry-page .gift-card-back {
        width: 100%;
    }


    /*#subscribe input[type=checkbox] + input + label {
        display:inline;
        width: 100%;
    }

    .subscribe-btn {
        width: 100%;
    }

    #subscribe .styled-select select {
        width: 100%
    }*/

    .map-container {
        width: 100%;
    }
}

@media (max-width: 670px) {
    .search-container-mobile input.search-box {
        width: 87%;
        padding-top: 5px;
    }

    .details-row h2 {
        font-size: 1.2em !important;
    }

    .bg-piece.mobile1 {
        display: none !important;
    }

    .product {
        width: 42%;
    }

    .qty {
        width: 40%;
    }

    .qty-input input {
        width: 50px;
    }

    .remove {
        width: 5%;
    }
}

@media (max-width: 430px) {
    .bg {
        width: 240px;
        height: auto;
    }

    #how-it-works-summary {
        height: auto;
        padding-bottom: 10px;
    }

    .mbl50 .circle-header {
        width: 110px;
        height: 70px;
        line-height: 35px;
    }

    #trending .col-md-3 {
        width: 240px;
    }

    #trending .txt {
        height: auto;
        padding: 15px 14px 80px 15px;
    }

    #copyright p {
        width: 240px;
    }

    .search-container-mobile input.search-box {
        width: 83%;
        padding-top: 5px;
    }

    #partner-page .business-hours .hours, #partner-page .business-hours .day {
        float: none;
    }

    #partner-page .business-hours {
        margin-bottom: 10px;
    }

    #partner-page #top-banner h1, #cart-page #top-banner h1 {
        font-size: 2em;
        margin-top: 25px;
    }

    #activation-page #top-banner h1, #balanceexpiry-page #top-banner h1 {
        font-size: 1.4em;
        margin-top: 10px;
    }

    #activation-page #top-banner, #balanceexpiry-page #top-banner {
        height: auto !important;
        padding-bottom: 0px;
    }

    #terms-page #top-banner, #privacy-page #top-banner, #howitworks-page #top-banner, #checkout-page #top-banner, #payment-page #top-banner, #checkoutsuccess-page #top-banner {
        height: auto !important;
        padding-bottom: 0px;
    }

        #terms-page #top-banner h1, #privacy-page #top-banner h1, #subscribesuccess-page #top-banner h1, #howitworks-page #top-banner h1, #checkout-page #top-banner h1, #payment-page #top-banner h1, #checkoutsuccess-page #top-banner h1 {
            font-size: 1.4em;
            margin-top: 10px;
        }

    #terms-page .bg-piece, #privacy-page .bg-piece {
        display: none !important;
    }

    #activation-page .bg-piece, #balanceexpiry-page .bg-piece {
        display: none !important;
    }

    #partner-page #buy-gift-card h2 {
        width: 100%;
    }

    .map-container p {
        padding: 10px;
        font-size: 0.6em;
    }

    .item p, .item span, .buy-content .select-wrapper select {
        font-size: 1em;
    }

    .buy-content .select-wrapper, .select-wrapper select {
        height: 26px;
    }

    .select-wrapper select {
        padding: 5px 5px 5px 8px;
        height: 32px;
    }

    .fields-row .field1 {
        margin-bottom: 0px;
        height: 40px;
    }

    .details-row {
        margin-bottom: 15px;
    }

    .details-mobile {
        margin-top: 15px;
    }

    .quantity-box {
        height: 26px;
    }

    .buy-content .select-wrapper, .field2 .quantity-box {
        width: 65%;
        float: right;
    }

    input:focus, select:focus {
        font-size: 16px !important;
    }

    .buy-content .select-wrapper select, .buy-content .quantity-box {
        padding-left: 3px;
    }

    #cart-page .buy-content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .cart-row.cart-heading {
        font-size: 0.8em;
    }

    .qty {
        width: 115px;
    }

    .qty-input input {
        padding: 3px;
    }

    .minus-button, .plus-button, .remove-button {
        width: 23px;
    }

    .subtotal-bar {
        font-size: 1.25em;
    }

    #activation-page #description, #balanceexpiry-page #description {
        font-size: 1.1em;
        margin-top: 10px;
        margin-bottom: 25px;
    }

    #terms-page #terms {
        font-size: 1.1em;
        margin-top: 10px;
        margin-bottom: 25px;
    }

    .cards-column img {
        width: 100%;
    }

    .no-activation {
        font-size: 1.1em;
    }

    #cards-space .container {
        padding: 25px 20px;
    }

    .gift-card-back, .field-label {
        font-size: 1.1em;
    }

    .activation-input {
        width: 97%;
    }

    .activation-checkboxes label {
        font-size: 1.1em;
        margin-bottom: 15px;
    }

    #form-btn, .balexp-btn {
        width: 94%;
    }

    .activate-btn {
        width: 93%;
    }

    .show-balexp .dotted {
        width: 94%;
    }

    .cards-column .dotted.nodskt {
        width: 93%;
    }

    #searchresults-container #topbar {
        height: 0px;
    }

    #topPagingBar {
        display: none !important;
    }


}

@media (max-width: 320px) {

    .mbl50 .circle-header {
        width: 110px;
        /*height: 130px;*/
        height: 70px;
        line-height: 35px;
    }

    .search-container-mobile input.search-box {
        width: 80%;
        padding-top: 5px;
    }

    .col-md-12.nopadsm {
        padding: 0px;
    }

    #trending .col-md-3:first-child, #nearby-experiences .col-md-3:first-child {
        width: 95%;
    }

    #search-page .results-items .col-md-4 {
        width: 100%;
        padding: 0px;
    }

    #search-page #top-banner h1 {
        font-size: 1.4em;
    }

    .cart, .search-mobile, .hamburger {
        width: 40px;
    }

    .cart {
        left: 70px;
    }

    .search-mobile {
        left: 119px;
    }

    #partner-page #top-banner h1 {
        font-size: 1.3em;
        margin-top: 30px;
    }

    .details-row h2 {
        font-size: 1em !important;
    }

    .buy-content .select-wrapper, .field2 .quantity-box {
        width: 62%;
    }

    .fields-row .field2 {
        height: 30px;
    }

    .details-mobile {
        margin-top: 15px;
        margin-bottom: 0px;
    }

    .product {
        width: 42%;
    }

    .activate-btn {
        width: 92%;
    }

    .balexp-btn {
        font-size: 1.11em;
    }

    .show-balexp h2 {
        font-size: 1.25em;
    }
}

#secure-field {
    display: none;
}