/*Main color #f39c42 to #f39c42*/ 

body {
    background-color: #fff;
    font-family: 'Gotham-Book', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: none;
    text-rendering: optimizeLegibility;
}


@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, h2 {
    text-transform: uppercase;
}

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

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

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

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

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

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

    .undrl:hover {
        font-family: 'Gotham-Book' !important;
        color: #000;
        font-weight: bold;
    }

    .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;
}


.marginT20 {
    margin-top: 20px;
}

.marginL250 {
    margin-left: 250px;
}


#top-bar, #top-banner {
    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;
}

#searchResults {
    clear: both;
}

#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;
    }

.sub-process-content a {
    color: #777;
    -moz-use-text-color: #777;
}

    .sub-process-content a:hover {
        text-decoration: underline;
        color: #000000;
    }

#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:146px;
   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: 102px;
}

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


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

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

        #mmenu-links li:before, .undrl-indicators li:nth-child(2):before {
            content: '|';
        }

        #mmenu-links li:before, .undrl-indicators li:nth-child(3):before {
            content: '|';
        }


        #mmenu-links li a, .undrl-indicators li div {
            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 #f39c42;
        }

        #mmenu-links li:last-child, .undrl-indicators li:last-child {
            border-right: none;
        }

            #mmenu-links li:last-child a {
                color: #f39c42;
            }

#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:#f39c42!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-top:50px;
	  background:#EDEDED;
	  width:100%;
	  color:#979698;
	  font-family: 'BrandonGrotesque-Regular', sans-serif;
	  display:none;
}

#mobile-menu a, #mobile-menu a:hover{
    color:#FFF!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: #f39c42;
	  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; }
    

/*
#searchResults {
    clear: both;
    font-size: .9em;
}
    */

.error-text {
    color: red;
    display: block;
    clear: both;
}

.error-feedback {
    font-weight: bold;
    font-size: 1.2em;
    color: red;
}

.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;
}

#description-top h2.big-text2, #description-bottom h2.big-text2, #buy-items h2.big-text2, #gift-card-description h2.big-text2 {
    font-family: 'BrandonGrotesque-Bold' !important;
}

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

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

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

#main-menu {
    height: 155px;
}

#top-banner {
    width: 100%;
    color: #fff;
    height: 365px;
    background-color: #899bad;
    position: relative;
}

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

#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;
}

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

#partner-page #top-banner {
    height: 78px;
    background-color: #ececec;
    color: #000;
}

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

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

    #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 #parentHorizontalTab {
    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: #f39c42;
        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: #f39c42;
    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: #f39c42;
    }

.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: #f39c42;
    }

.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: #f39c42;
    }

.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: #f39c42;
        background-size: 18px;
    }

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

#search-results {
    width: 745px;
}

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

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

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

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

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

    #search-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: #f39c42;
            }

            .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: #f39c42;
    }

    .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;
    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: 180px;
    }

#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: #f39c42;
        padding-right: 15px;
        margin-left: -30px;
    }

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

.buy-heading, .cart-heading {
    background-color: #ad93a8;
    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;
}

#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;
}

    .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 {
    float: right;
}

.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;
}

.field-name {
    display: inline;
}

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 {
    display: inline;
    position: relative;
    /*float: right;*/
    /*margin-left: 25px;*/
}

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

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

.field-questionmark-content {
    position: absolute;
    background-color: #fff;
    padding: 11px 20px;
    width: 320px;
    text-align: left;
    font-size: 0.9em;
    font-family: "Gotham-Medium";
    color: #000;
    /*top: 50%;*/
    left: 44px;
    border: 1px #ccc solid;
    -moz-box-shadow: 0px 0px 20px 2px #949494;
    -webkit-box-shadow: 0px 0px 20px 2px #949494;
    box-shadow: 0px 0px 20px 2px #949494;
    transform: translateY(-36%);
    -ms-transform: translateY(-36%);
    -webkit-transform: translateY(-36%);
    -moz-transform: translateY(-36%);
    -o-transform: translateY(-36%);
    z-index: 2000;
    display: none;
}

    .field-questionmark-content.active {
        display: block !important;
    }

    .field-questionmark-content.inactive {
        display: none;
    }

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

#success-message {
    display: none;
    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: #f39c42;
}

#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;
    }

#processgiftcard-page {
    position: relative;
}

    #processgiftcard-page .spa-btn {
        padding: 6px 10px;
    }

    #processgiftcard-page strong {
        font-family: 'Gotham-Medium' !important;
    }

#need-help {
    float: right;
    margin-top: 35px;
}

    #need-help h2 {
        font-size: 1.45em;
        margin-bottom: 0px;
    }

    #need-help p, #need-help-mobile p {
        color: #777;
        font-size: 0.95em;
    }

    #need-help .forceblack {
        color: #000 !important;
    }

#logout-btn-top-mobile {
    position: fixed;
    top: 8px;
    left: 51px;
    z-index: 3500;
    display: none;
}

.logout-btn {
    margin-top: 22px;
    width: 130px;
    margin-left: 30px;
    display: none;
}

#logout-btn-top-mobile .logout-btn {
    border: 1px #ccc solid;
    margin-top: 0px !important;
}

.login-frame, .process-frame {
    float: left;
    width: 612px;
    margin-top: 55px;
    background-color: #f6f6f6;
    padding: 25px;
    color: #777;
    margin-bottom: 100px;
}

.process-frame {
    background-color: #fff;
    margin-top: 26px;
    padding: 25px 25px 25px 0px;
}



.reversal-frame {
    background-color: #fff;
    padding: 25px;
    margin-bottom: 100px;
}

.login-frame h2 {
    margin-top: 0px;
    font-size: 1.8em;
    color: #000;
    margin-bottom: 14px;
}

.login-frame p {
    font-size: 1.25em;
}

.login-fields, .redeem-fields {
    overflow: hidden;
    clear: both;
    margin-top: 17px;
    margin-bottom: 35px;
}

#RedemptionValue {
    width: 170px;
}

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

.processcard-input.cardSearch {
    max-width: 300px;
}

.matchWidth {
    max-width: 260px;
}

.username-block, .cardnumber-block, .pin-block  {
    float: left;
}

.cardnumber-block {
    width: 250px;
}

.cardnumber-block input {
    width: 200px;
}

.pin-block input {
    width: 100px;
}

.password-block {
    float: right;
}

.username-block, .password-block {
    width: 269px;
}

    .username-block input, .password-block input {
        width: 100%;
    }

    .username-block p, .password-block p {
        margin-bottom: 4px;
    }

.forgot-password {
    float: left;
}

    .forgot-password a {
        font-family: 'Gotham-Bold' !important;
        text-decoration: underline;
        color: #777 !important;
    }

        .forgot-password a:visited {
            color: #777 !important;
        }

        .forgot-password a:hover {
            color: #000 !important;
        }

.login-button {
    float: right;
}

    .login-button .spa-btn, .redeem-button .spa-btn {
        border: none;
        padding: 6px 10px;
    }

.redeem-button .spa-btn {
    font-size: 1em;
}

.cardpic-frame {
    float: right;
    width: 368px;
    height: 468px;
    margin-top: 42px;
    background-size: cover;
}

    .cardpic-frame.front {
        background: url('../images/card-activation.png') no-repeat;
    }

    .cardpic-frame.back {
        background: url('../images/card-activation.png') no-repeat;
        /*margin-top: 115px;*/
    }

.undrl-indicators {
    overflow: hidden;
    clear: both;
    margin-bottom: 20px;
}

    .undrl-indicators li div {
        cursor: auto;
        display: inline-block;
        color: #ccc;
        font-family: 'BrandonGrotesque-Medium', sans-serif;
        padding: 0px 0px 3px 0px;
        margin-right: 15px;
        margin-left: 15px;
        font-size: 1.65em;
    }

        .undrl-indicators li div.current {
            border-bottom: 3px solid #f39c42;
            color: #000;
            font-family: 'BrandonGrotesque-Bold', sans-serif;
        }

    .undrl-indicators li:before {
        font-size: 1.6em;
        color: #ccc;
    }

.sub-process-content, .sub-process-success {
    margin-left: 15px;
    color: #777;
    font-size: 1.25em;
}

.popup {
}

    .process-content strong, .popup.confirm strong {
        font-family: 'Gotham-Medium' !important;
    }

.redeem-fields .field-label {
    font-size: 0.99em;
}

.value-block {
    margin-top: 20px;
}

    .value-block .processcard-input {
        padding-left: 40px;
    }

.questionmark-indicator {
    /*position: absolute;*/
    bottom: 1px;
    left: 0px;
    max-width: 33px;
    width: 10%;
    text-align: center;
    /*height: 36px;
    line-height: 36px;*/
    background-color: #ececec;
    font-size: 1.2em;
    display: inline;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 0;
    float: left;
}

.card-search-button {
    float: left;
    padding-top: 33px;
    font-size: .8em;
    vertical-align: bottom;
}

.clear-link {
    /*clear: both;*/
}

.clear-fields {
    clear: both;
}
.redeem-fields {
    overflow: visible;
}

.redeem-button {
    margin-top: 67px;
    overflow: hidden;
    clear: both;
}

    .redeem-button button {
        float: right;
    }

.infoarrow {
    position: absolute;
    top: 50%;
    left: -15px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.popups-background {
    background-color: #000;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: none;
    z-index: 5000;
    opacity: 0.5;
}

.popup {
    background-color: #fff;
    padding: 30px;
    display: none;
    z-index: 5010;
    position: absolute;
    width: 752px;
    top: 27%;
    left: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

    .popup.confirm h2 {
        margin-top: 0px;
        font-size: 1.95em;
    }

    .popup.confirm p {
        font-size: 1.4em;
        margin-top: 17px;
    }

.yesno-btns-container {
    overflow: hidden;
    clear: both;
    margin-top: 20px;
}

    .yesno-btns-container div {
        float: left;
        width: 135px;
        margin-right: 22px;
    }

    .yesno-btns-container .white {
        border: 1px #ccc solid;
    }

.popup-close {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 32px;
    border-radius: 20px;
    background-color: #f39c42;
    position: absolute;
    top: -10px;
    right: -10px;
    color: #fff;
    font-family: 'Gotham-Bold' !important;
    font-size: 1.25em;
    cursor: pointer;
}

    .popup-close:hover {
        background-color: #000;
    }

.redeemed-value {
    font-family: 'Gotham-Bold' !important;
    color: #000;
}


.sub-process-success .undrl:visited, .sub-process-success .undrl {
    color: #777 !important;
}

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

.white-buttons {
    overflow: hidden;
    clear: both;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 67px;
}

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

    .white-buttons .process-another-btn {
        float: left;
    }

    .white-buttons .logout-btn {
        float: right;
        margin-top: 0px;
    }

.redemption-table {
    margin-top: 40px;
    border: 1px #ccc solid;
}

.redemption-table-row {
    padding: 7px 10px;
}

    .redemption-table-row.heading {
        text-transform: uppercase;
        font-family: 'Gotham-Bold' !important;
        color: #000;
        background-color: #ccc;
    }

    .redemption-table-row.white {
        background-color: #fff;
    }

    .redemption-table-row.grey {
        background-color: #EFEFEF;
    }

.redemption-table strong {
    font-family: 'Gotham-Medium' !important;
}

.print-email-buttons {
    overflow: hidden;
    clear: both;
    width: 400px;
    float: right;
    margin-top: 30px;
}

    .print-email-buttons .spa-btn {
        padding: 6px 10px;
        font-size: 1em;
    }

        .print-email-buttons .spa-btn i.left {
            float: left !important;
            margin-left: 0px !important;
            margin-top: 0px;
        }

        .print-email-buttons .spa-btn span {
            margin-left: 20px;
        }

.popup.customersemail {
    display: none;
    width: 610px;
}

    .popup.customersemail p, .popup.sent p {
        margin-top: 0px !important;
        font-size: 1.2em;
        color: #777;
    }

.popup.sent {
    display: none;
    width: auto;
}

#customers-email.processcard-input {
    width: 100%;
}

.email-single-btn {
    width: 170px;
    float: right;
    margin-top: 30px;
}

.customers-email {
    text-decoration: underline;
}

.redeem-input-group {
    position: relative;
}

    .redeem-input-group .placeholder {
        position: absolute;
        bottom: 0px;
        left: 0px;
    }

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

div.spa-btn, a.spa-btn {
    cursor: pointer;
}

.spa-btn i {
    color: #f39c42;
    margin-left: 10px;
}

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

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

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

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

    .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: #f39c42;
    }

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

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


.nav-description {
    font-weight: bold;
    font-size: 1.2em;
    color: #808080;
}

#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: #f39c42 !important;
        /*background:#fff;*/
    }

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

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

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

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

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

a.turquoise, a.turquoise:hover {
    color: #f39c42 !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;
}




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

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

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

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

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

#how-it-works .undrl, #trending .undrl, #nearby-experiences .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;
}*/

.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;
}

.bg1 p.colored {
    color: #9ed2c6 !important;
}

.bg2 .div-line {
    background-color: #ece036;
}

.bg2 p.colored {
    color: #ece036 !important;
}

.bg3 .div-line {
    background-color: #b895aa;
}

.bg3 p.colored {
    color: #b895aa !important;
}

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

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

#experiences {
    background-image: url("../images/grey-line.jpg");
    background-repeat: repeat-x;
}

    #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 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;
}

#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;
}

.reverse-btn i {
    float: none;
}

.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 .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 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-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: #f39c42;
    }

.cart {
    right: 0px;
    height: 50px;
    width: 65px;
    background: #f39c42;
    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;
}


/* reversals table*/
.transactions {
    border: 1px solid #808080;
}

    .transactions thead tr {
        text-transform: uppercase;
        font-family: 'Gotham-Bold' !important;
        font-size: .9em;
        color: #000;
        background-color: #ccc;
    }


    .transactions tbody tr:nth-child(odd) {
        background-color: #FFF;
        color: #808080;
    }

    .transactions tbody tr:nth-child(even) {
        background-color: #EFEFEF;
        color: #808080;
    }


    .transactions td {
        vertical-align: middle !important;
        font-size: .8em;
    }

.table-responsive {
    overflow-x: auto;
}


.table-btn {
    font-size: .8em;
}


.clearNone {
    clear: 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;
    }
}

@media (max-width: 991px) {

    .marginL250 {
        margin-left: 0;
    }

    .clear-fields {
        padding-top: 10px;
    }

    .pt40 {
        padding-top: 40px;
    }


    .card-search-button {
        padding-left: 0px;   
    }

    .col-md-20 {
        width: 100%;
        float: none;
    }

    .nodskt {
        display: block !important;
    }

    .nombl {
        display: none;
    }

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

    .bg-piece {
        display: none;
    }

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

    .noTopMargin {
        margin-top: 0 !important;
    }

    #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 {
        text-align: center;
        padding-bottom: 10px;
    }

        #how-it-works .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 {
            width: 280px;
            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: 0px;
        }

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

        .mbl50 .circle-header {
            margin: 0px auto;
            width: 140px;
            height: 140px;
            line-height: 140px;
            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: 45px;
        }

    .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: #f39c42;
        }

    #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, #buy-page #top-banner, #cart-page #top-banner, #activation-page #top-banner, #balanceexpiry-page #top-banner, #processgiftcard-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;
    }

    #buy-page #top-banner {
        margin-top: 57px;
    }

        #buy-page #top-banner .container {
            height: auto;
        }

    .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;
    }

    .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%;
    }

    #processgiftcard-page #top-banner h1 {
        font-size: 1.8em;
        margin-top: 15px;
    }

    #processgiftcard-page #top-banner {
        height: auto;
        padding-bottom: 0px;
        margin-top: 130px;
    }


    #processgiftcard-page #mobile-menu ul {
        margin-top: 120px;
    }

    /*
#need-help {
    float: none; 
    text-align: left;
    margin-top: 130px;
    background-color: #fff;
    padding-top: 5px;
}
*/

    #need-help-mobile {
        position: fixed;
        top: 45px;
        padding-left: 18px;
        width: 100%;
        background-color: #fff;
        z-index: 3000;
    }

        #need-help-mobile h2 {
            font-size: 1.6em;
            margin-bottom: 0px;
        }

    .login-frame, .process-frame {
        float: none;
        margin-top: 10px;
        width: 100%;
        margin-bottom: 30px;
    }

        .login-frame h2 {
            font-size: 1.5em;
        }

        .login-frame p {
            font-size: 1.1em;
        }

        .process-frame p, .process-frame .field-label {
            font-size: 0.9em;
        }

    .login-frame {
        display: inline-block;
    }

    .username-block, .password-block {
        float: none;
        width: 100%;
    }

    .password-block {
        margin-top: 15px;
    }

    .cardpic-frame {
        float: none;
        margin: 0px auto;
        background-position-x: center;
        margin-top: 0px;
        margin-bottom: 25px;
    }


        .cardpic-frame.back {
            /*margin-top: 25px;*/
        }

    .forgot-password, .login-button {
        float: none;
    }

    .login-btn {
        width: 100%;
        text-align: left;
        margin-bottom: 15px;
    }

    .login-fields {
        margin-bottom: 25px;
    }

    #top-banner .logout-btn {
        display: none;
    }

    .process-frame {
        padding: 0px;
    }

    .sub-process-content, .sub-process-success {
        margin-left: 0px;
    }

    .cardnumber-block, .pin-block {
        float: none;
        width: 100%;
    }

    .pin-block {
        margin-top: 15px;
    }

    .redeem-fields input {
        width: 100%;
    }

    .matchWidth {
        max-width: 100%;
        width: 100%;
    }

    #RedemptionValue {
        width: 90%;
    }

    .redeem-fields .field-label {
        margin-bottom: 5px;
    }

    .redeem-fields {
        margin-bottom: 0px;
    }

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

    .redeem-btn {
        width: 100%;
        text-align: left;
    }

    .process-frame {
        margin-bottom: 25px;
    }

    .undrl-indicators li div {
        font-size: 1.2em;
        margin-right: 7px;
        margin-left: 7px;
        padding-top: 5px;
    }

    .undrl-indicators li:first-child {
        margin-left: -7px;
    }

    .popup {
        width: 90% !important;
        top: 15%;
    }

        .popup.customersemail {
            width: 100%;
        }

        .popup.customersemailsuccess {
            width: 100%;
        }

            .popup.customersemailsuccess .emailAddress {
                margin: auto;
                word-wrap: break-word;
            }

        .popup.confirm h2 {
            font-size: 1.4em;
        }

        .popup.confirm p {
            font-size: 1.15em;
        }

    .yesno-btns-container div {
        width: 100%;
    }

    .yesbutton {
        margin-bottom: 15px;
    }

    .redemption-table {
        margin-top: 30px;
    }

    .redemption-table-row.heading {
        font-size: 1em;
    }

    .print-email-buttons {
        width: 100%;
        float: none;
    }

        .print-email-buttons div {
            padding-right: 0px;
            padding-left: 0px;
        }

    .print-btn {
        margin-bottom: 10px;
    }

    .redemption-table-row {
        font-size: 0.9em;
    }

    .logout-btn {
        width: 100%;
        margin-top: 15px !important;
    }

    .white-buttons .spa-btn {
        width: 100%;
    }

    .email-single-btn {
        width: 100%;
        float: none;
    }

    #processgiftcard-page footer {
        /*display:none;*/
    }
}

@media (max-width: 670px) {
    .table-btn .fa-angle-right {
        display: none;
    }

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

    #buy-page #top-banner h1 {
        margin-top: 25px;
        font-size: 1.9em;
    }

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

    #buy-page #top-banner {
        height: auto;
        padding-bottom: 10px;
    }

    .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 {
        height: auto;
        padding-bottom: 10px;
    }

    .mbl50 .circle-header {
        width: 130px;
        height: 130px;
    }

    #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, #buy-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, #processgiftcard-page #top-banner h1 {
        /*font-size: 1em;*/
        margin-top: 10px;
    }

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

    #activation-page .bg-piece, #balanceexpiry-page .bg-piece, #processgiftcard-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;
    }

    .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;
    }

    .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%;
    }


    .cardpic-frame {
        width: 100%;
    }

        .cardpic-frame.front, .cardpic-frame.back {
            background-size: contain;
        }
}

@media (max-width: 351px) {

    #processgiftcard-page #mobile-menu ul{
        margin-top: 150px;
    }

    #processgiftcard-page #top-banner{
        top: 10px;
    }

    #processgiftcard-page #top-banner.removeTopPosition {
        top: 0 !important;
    }

}

@media (max-width: 325px) {

     #processgiftcard-page #mobile-menu ul{
        margin-top: 155px;
    }

    .undrl-indicators li div:not(.current) {
        display: none;
    }

     .undrl-indicators li:nth-child(2):before {
            content: '';
        }

     .undrl-indicators li:nth-child(3):before {
            content: '';
        }

    #processgiftcard-page #top-banner {
        top: 30px;
    }

       #processgiftcard-page #top-banner.removeTopPosition {
        top: 0!important;
    }
}

@media (max-width: 320px) {

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

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

    .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;
    }

    #need-help-mobile h2 {
        font-size: 1.45em;
    }

    .redemption-table-row {
        font-size: 0.7em;
    }

    .cardpic-frame {
        height: 185px;
    }

    .white-buttons .spa-btn {
        font-size: 0.9em;
    }

    #logout-btn-top-mobile {
        left: 40px;
    }
}