/* ==========================================================================

   The Mall

    - Font Replacement
    - Base styles
    - Main Containing Elements
    - National Homepage
    - Main Search
    - Header
    - Main Content
    - Footer
    - Buttons & Forms Elements
    - Modal adjustments
    - Mall Business styles
    - Grid Adjustments
    - Digital Ad Space
    - Google Map
    - Typeahead.js
    - FAQ's'

   ========================================================================== */



/* ======================================
   /
   /    New site colourways
   /
   /    #6BCDB2 = Teal
   /
   / ======================================= */


/* ===== | Font replacement | =============================================== */
/*
/* ========================================================================== */

@font-face {
    font-family: 'Proxima Nova';
    src: url('libs/fonts/proximanova-regular-webfont.eot');
    src: url('libs/fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'), url('libs/fonts/proximanova-regular-webfont.woff') format('woff'), url('libs/fonts/proximanova-regular-webfont.ttf') format('truetype'), url('libs/fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Semibold';
    src: url('libs/fonts/proximanova-semibold-webfont.eot');
    src: url('libs/fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('libs/fonts/proximanova-semibold-webfont.woff') format('woff'), url('libs/fonts/proximanova-semibold-webfont.ttf') format('truetype'), url('libs/fonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Bold';
    src: url('libs/fonts/proximanova-bold-webfont.eot');
    src: url('libs/fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'), url('libs/fonts/proximanova-bold-webfont.woff') format('woff'), url('libs/fonts/proximanova-bold-webfont.ttf') format('truetype'), url('libs/fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ===== | Base styles | ==================================================== */
/*
/* ========================================================================== */

body {
    font-family: 'Proxima Nova', Arial, Roboto, "DroidSans_Stock_Font", sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #3c3c3b;
    text-rendering: auto;
    /* potential android 4.2 fix */
    background-image: url(libs/images/bg.gif);
    background-repeat: repeat;
}

body:after {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    content: "";
    height: 100vh;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.2s ease-in-out 0s;
    width: 100%;
    z-index: -1;
}

body.overlay:after {
    opacity: 1;
    z-index: 100;
}

body.home {
    background: #fff;
}

html,
body {
    height: 100%;
}

img {
    height: auto;
}

a {
    color: #009877;
    text-decoration: underline;
}

a:hover {
    color: #575756;
    text-decoration: none;
}

a.unstyled {
    color: #3c3c3b;
    text-decoration: none;
}

a.unstyled:hover {
    color: #6BCDB2;
    text-decoration: underline;
}

h1,
h2,
h3,
h4 {
    font-weight: normal;
    /* Set font-weight on H tags to normal to avoid faux bold on ios */
    font-style: normal;
}

h1,
h2 {
    font-family: 'Proxima Nova Bold', Arial, Roboto, "DroidSans_Stock_Font", sans-serif;
}

h1.large,
h2.large {
    font-size: 1.75rem;
}

@media screen and (min-width: 768px) {

    h1.large,
    h2.large {
        font-size: 2.5rem;
    }
}

h3,
h4 {
    font-family: 'Proxima Nova Semibold', Arial, Roboto, "DroidSans_Stock_Font", sans-serif;
}

h1.unstyled,
h2.unstyled,
h3.unstyled,
h4.unstyled {
    font-family: 'Proxima Nova', Arial, Roboto, "DroidSans_Stock_Font", sans-serif;
}

h1 {
    font-size: 2em;
    /* 32px */
    line-height: 1.094em;
    margin-top: 0;
}

h2 {
    font-size: 1.5em;
    /* 24px */
    line-height: 1.250em;
    /* 30px */
}

h3 {
    font-size: 1.250em;
    /* 20px */
    line-height: 1.3em;
    /* 26px */
    margin: .5em 0;
    /* 10px */
}

h4 {
    font-size: 1.125em;
    /* 18px */
    margin: 0;
}

h1 span,
h2 span,
h3 span,
h4 span,
p span,
label span {
    color: #009877;
}

h1.row-header,
h2.row-header,
h3.row-header,
h4.row-header {
    margin-top: 0;
}

h2>a {
    color: #3c3c3b;
    text-decoration: none;
}

hr {
    border-top: 1px solid #EDEDED;
    margin: 2em 0;
}

hr.no-top {
    margin-top: 0;
}

hr.white {
    border-color: #ffffff;
}

ul {
    padding-left: 1em;
}

figure {
    margin: 0;
    padding: 0;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* ===== | Main Containing Elements | ======================================= */
/*
/* ========================================================================== */

.main-header,
.main-footer {
    margin: 0 auto;
    min-width: 100%;
    width: 100%;
    position: relative;
}

/*
 * Mall select menu adjustments
 *  - 1. Turn on overflow-hidden to hide main nav on small screens
 */
/*.main-header {
    overflow: hidden;
}*/

.main-content {
    position: relative;
    margin: 0 auto;
    max-width: 1280px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 2;
}

.main-footer {
    background-color: #6BCDB2;
    padding: 1.25em 0 0;
    z-index: 2;
}

.main-footer.business {
    background-color: #6BCDB2;
}

.main-footer .general-address {
    color: #FFFFFF;
    text-align: left;
}

.main-footer .general-links {
    color: #FFFFFF;
    text-align: right;
}

.container {
    max-width: 960px;
    position: relative;
    width: 90%;
}

.container.national {
    max-width: 1140px;
}

.fixed .container,
.container.fixed {
    width: 960px;
    margin: 0 auto;
    position: relative;
}



@media only screen and (min-width: 48em) {
    .main-footer {
        padding: 2.5em 0 1em;
    }

    .main-footer.business {
        margin-top: 0;
    }
}

/* ===== | National Homepage | ============================================== */
/*
/* ========================================================================== */

.national-homepage {
    position: relative;
    width: 100%;
    min-height: 560px;
}

@media only screen and (min-width: 768px) {
    .national-homepage {
        min-height: 620px;
    }
}

.national-homepage .logo-bar {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 5;
}

.national-homepage .logo-panel {
    position: absolute;
    top: 17px;
    left: 0;
    right: 0;
    width: 100%;
    display: block;
    height: 58px;
    background-color: white;
}

.national-homepage .logo {
    position: relative;
    left: auto;
    margin: 0 auto;
    display: block;
    /*        width: 2.156em;
        height: 2.781em;
        -webkit-background-size: 2.156em 2.781em;
        -o-background-size: 2.156em 2.781em;
        -moz-background-size: 2.156em 2.781em;
        background-size: 2.156em 2.781em;*/
}

.national-image {
    min-height: 560px;
    padding: 110px 0 2em;
    background-image: url(libs/images/backgrounds/national-homepage/nationalHomepage_image1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.national-image.image2 {
    background-image: url(libs/images/backgrounds/national-homepage/nationalHomepage_image2.jpg);
}

.national-image.image3 {
    background-image: url(libs/images/backgrounds/national-homepage/coffee-time.jpg);
}

.national-image .container {
    width: 95%;
    max-width: 100%;
}

.national-homepage .content.lead {
    padding-top: 2em;
}

.national-homepage .content h1,
.national-homepage .content h2 {
    font-family: 'Proxima Nova', Arial, Roboto, "DroidSans_Stock_Font", sans-serif;
    color: white;
}

.national-homepage .content h1 {
    font-size: 1.75em;
}

.national-homepage .content ul h2 {
    margin: 0.5em 0;
}

.national-homepage [role="button"]:hover {
    background-color: #6BCDB2;
}

.national-homepage .return-link {
    display: inline-block;
    color: white;
    margin: 2em 0 0;
}

.content-scroll {
    position: absolute;
    bottom: 18%;
    width: 100%;
    z-index: 10;
    text-align: center;
}

.scroll-icon {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 78px;
    height: 78px;
    border-radius: 50%;
    background-color: #333;
    background-color: rgba(34, 34, 34, .8);
    background-image: url(libs/images/icons/arrow-down-white.png);
    background-image: url(libs/images/icons/svg/arrow-down-white.svg), none;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: floating;
    animation-name: floating;
}

@keyframes floating {
    0% {
        transform: translateY(0%);
    }

    50% {
        transform: translateY(10%);
    }

    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%);
    }

    50% {
        -webkit-transform: translateY(10%);
    }

    100% {
        -webkit-transform: translateY(0%);
    }
}

/*
 * New SEO driven content and styles.
 */
.national-homepage-tabs {
    position: relative;
    z-index: 1;
    /*top: -13em;*/
    top: -190px;
}

@media only screen and (min-width: 600px) {
    .national-homepage-tabs {
        top: -150px;
    }
}

.national-homepage-tabs:before {
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0, .4);
    height: 13em;
    width: 100%;
}

.national-homepage-tabs .tabs>ul {
    border: none;
    width: 100%;
    padding-top: 1em;
}

.national-homepage-tabs .tabs>ul>li {
    height: 3em;
    width: 49.3%;
    border: .2em solid transparent;
    border-top: 0;
    border-bottom: 0;
}

.national-homepage-tabs .tabs>ul>li>a {
    border: none;
    text-align: center;
    padding: 0;
    margin: 0;
}

.national-homepage-tabs .tabs>ul span {
    display: block;
    background-color: #6BCDB2;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    padding: 0 4px;
    white-space: nowrap;
}

.national-homepage-tabs .tabs>ul span.business-diff,
.business-diff {
    background-color: #6BCDB2;
}

.national-homepage-tabs .tabs>ul>li.tab-active {
    background-color: transparent;
}

.national-homepage-tabs .tabs>ul>li.tab-active>a,
.national-homepage-tabs .tabs>ul>li.tab-active>a:hover,
.national-homepage-tabs .tabs>ul>li>a:hover {
    border: none;
    border-radius: 8px;
    background-color: #fff;
}

.national-homepage-tabs .tabs>ul .tab-active span,
.national-homepage-tabs .tabs>ul a:hover span {
    background-color: #fff;
    color: #3C3C3B;
}

@media (min-width: 48.1em) {
    .national-homepage-tabs {
        top: -4em;
    }

    .national-homepage-tabs:before {
        height: 4em;
    }

    /*
         * 1: Full width, even spaced tabs.
         */
    .national-homepage-tabs .tabs>ul {
        display: table;
        /* 1 */
        border-collapse: separate;
        width: 100%;
    }

    .national-homepage-tabs .tabs>ul>li {
        display: table-cell;
        /* 1 */
        float: none;
        /* 1 */
        width: auto;
        height: 3em;
        border: .2em solid transparent;
        border-top: 0;
        border-bottom: 0;
    }

    /*
                * 1: Push the business tab to the right.
                *
                */
    .national-homepage-tabs .tabs>ul>li:last-child {
        padding-left: 1.8em;
    }

    /*
                 * Make the active pills look like tabs now
                 */
    .national-homepage-tabs .tabs>ul>li.tab-active>a,
    .national-homepage-tabs .tabs>ul>li.tab-active>a:hover,
    .national-homepage-tabs .tabs>ul>li>a:hover {
        border-radius: 8px 8px 0 0;
    }

    .national-homepage-tabs .tabs>ul>li>a {
        padding-top: .25em;
        padding-bottom: .75em;
    }
}

@media (min-width: 62em) {

    /*
     * Padd luton to make it look better on larger screens
     */
    .national-homepage-tabs .tabs>ul li:nth-child(3) span {
        padding: 0 1.5em;
    }


    /* 1: Push the business tab to the right. */

    .national-homepage-tabs .tabs>ul>li:last-child {
        padding-left: 3em;
    }

}

/* quick links */
.national .quick-links ul {
    margin: 0;
    padding: 0;
}

.national .quick-links ul li {
    list-style: none;
    margin: 0 0 2px 0;
}

.national .quick-links ul li a {
    display: block;
    background-color: #f1f1f1;
    color: #3c3c3b;
    text-decoration: none;
    padding: 0.5em 0.5em 0.5em 1em;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-image: url(libs/images/icons/right-arrow.gif);
    background-image: url(libs/images/icons/svg/right-arrow.svg), none;
    background-position: right .5em center;
    background-repeat: no-repeat;
}

.national .quick-links ul li a:hover {
    background-color: #e3e3e3;
    transition: background-color 0.3s linear;
}

.national-homepage-tabs .tabs>ul>li.tab-active>a,
.national-homepage-tabs .tabs>ul>li.tab-active>a:hover {
    cursor: pointer;
}

.main-footer .national .parent-company {
    text-align: left;
}

.main-footer .national .parent-company .capreg {
    display: inline-block;
}

.main-footer .national .legals {
    padding-left: 0;
}

.main-footer .national .legals li {
    display: inline-block;
}

.main-footer .national .legals li+li {
    margin-left: .75em;
}

.main-footer .national .legals a {
    font-size: 1em;
}

@media only screen and (max-width: 480px) {
    .national-image [role="button"] {
        display: block;
        min-height: 23px;
    }

    .national-or h2 {
        margin: 0.5em;
    }
}

.national-homepage [role="button"] {
    width: 100%;
}

/*@media only screen and (max-width: 480px) {
    .mall-options [role="button"] {
        min-height: 65px;
    }
}*/

@media only screen and (max-width: 480px) {
    .mall-options .select-mall {
        display: table;
        width: 100%;
        height: 65px;
    }

    .mall-options .select-mall [role="button"] {
        display: table-cell;
        vertical-align: middle;
        height: 100%;
    }
}

@media only screen and (min-width: 48em) {
    .national-homepage [role="button"] {
        width: 15em;
    }

    .national-image {
        padding-top: 160px;
    }

    .national-homepage .logo-bar {
        top: 25px;
    }

    .national-homepage .logo-panel {
        top: 26px;
        height: 70px;
    }

    /*
    .national-homepage .logo {
        width: 2.875em;
        height: 3.688em;
        -webkit-background-size: 4.688em 5.750em;
        -o-background-size: 4.688em 5.750em;
        -moz-background-size: 4.688em 5.750em;
        background-size: 2.875em 3.688em;
    }*/

    .national-homepage .content h1 {
        font-size: 4em;
        margin: 0;
    }

    .national-homepage .choose-mall {
        text-align: right;
    }

    .national .lead p {
        font-size: 1.125em;
        line-height: 1.364em;
    }
}

@media only screen and (min-height:48em) {

    .main-header.national,
    .national-homepage,
    .national-image,
    .national-image .container {
        height: 100%;
        min-height: 100%;
    }

    .national-homepage .content {
        position: relative;
        top: 20%\9;
        -webkit-transform: translateY(50%);
        -o-transform: translateY(50%);
        -moz-transform: translateY(50%);
        transform: translateY(50%);
    }

    .national-homepage .content {
        top: 0;
    }
}

@media only screen and (min-width: 48em) {

    .main-footer .national .parent-company {
        text-align: right;
    }

    .national-or {
        display: inline-block;
        padding: 1em;
    }
}

@media only screen and (min-width: 62em) {
    .national-homepage [role="button"]:hover {
        background-color: #6BCDB2;
    }
}

.container.national .tabs figure img {
    width: 100%;
}

/* ===== | Main Search | ==================================================== */
/*
/* ========================================================================== */
#site-search {
    background-color: #efefef;
    z-index: 2000;
}

#site-search .form-wrap {
    padding: 2em 0 1em;
}

#site-search input {
    padding: 0.5em 1em;
    font-family: 'Proxima Nova', Arial, Roboto, "DroidSans_Stock_Font", sans-serif;
    font-size: 1.125em;
    color: #3c3c3b;
}

#site-search label {
    line-height: 3.67em;
    margin-bottom: 0;
}

    #site-search .close {
        width: 2.563em;
        height: 2.563em;
        display: inline-block;
        vertical-align: bottom;
        margin-top: 0.735em;
        text-indent: 100%;
        white-space: nowrap;
        z-index: 2;
        cursor: pointer;
        -webkit-background-size: 1.875em 1.875em;
        -o-background-size: 1.875em 1.875em;
        -moz-background-size: 1.875em 1.875em;
        background-size: 1.875em 1.875em;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #3D3D3C;
        background-image: url(libs/images/icons/svg/nav-mobile-menu-close.svg);
    }

@media only screen and (min-width: 960px) {
    #site-search .close:hover {
        background-color: #1D1D1B;
    }
}

/* ===== | Main Navigation | ================================================ */
/*
/* ========================================================================== */

.main-nav {
    position: relative;
    /*background-color: #efefef;*/
    /*position: absolute;
    top: 0;
    right: 0;*/
    /*visibility: hidden;*/
    -webkit-box-shadow: 0px 4px 5px -3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 4px 5px -3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 4px 5px -3px rgba(0, 0, 0, 0.3);
}

/*.site-open .main-nav {
    transform: translateX(250px);
    -webkit-transition: transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}*/


.main-nav .container {
    width: 100%;
}

@media screen and (max-width: 959px) {
    .main-nav {
        min-height: 100%;
    }
}

@media only screen and (min-width: 960px) {
    .main-nav {
        background-color: white;
        width: 100%;
        padding: 15px 0 0;
        z-index: 3;
        visibility: visible;
    }
}

/* Mobile defaults */

[role=button].nav-open,
[role=button].nav-open:hover {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    z-index: 1001;
    cursor: pointer;
    background-image: url(libs/images/icons/svg/nav-mobile-menu.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #3D3D3C;
    border-radius: 0;
    border: none;
}

.site-open .utility-nav .mall-select {
    margin-right: 6px;
    top: 16px;
    right: 16px;
}

.overlay [role=button].nav-open {
    position: fixed;
    top: 16px;
    right: 16px;
}

.overlay [role=button].nav-open,
.overlay [role=button].nav-open:hover {
    background-image: url(libs/images/icons/svg/nav-mobile-menu-close.svg);
}

/*@media (max-width: 959px) {
    .overlay .main-nav {
        top: 0;
        right: 0;
        visibility: visible;
        position: fixed;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        z-index: 1000;
        right: 0;
    }

    .site-open.search-open .main-nav {
        top: 105px;
    }
}*/

nav {
    width: 250px;
    height: 100%;
}

nav ul {
    margin: 0;
    padding: 0;
}

nav li {
    list-style: none;
}

nav a {
    position: relative;
    display: block;
    padding: 0.938em 1.563em;
    color: #1D1D1B;
    text-decoration: none;
}

nav a:hover {
    color: #1D1D1B;
    /* set to same nav link colour for mobiles */
}

/*nav a.active {
            color: #6BCDB2;
        }*/

nav li>ul {
    display: none;
}

nav>ul>li.dropdown>a:after {
    content: "";
    position: absolute;
    right: 1em;
    top: calc(50% - 5px);
    width: 17px;
    height: 10px;
    background-repeat: no-repeat;
    background-image: url(libs/images/icons/svg/nav-dropdown-expand.svg);
}

nav ul ul a {
    padding: 0.500em 1.563em 0.5em 3.125em;
}

/* Mobile nav social icons */

nav .ext-links {
    display: block;
    padding-top: 1em;
    border-top: 1px solid white;
}

nav .ext-links li .link-block {
    display: block;
    margin: 5px 0;
    padding-left: 0.625em;
    vertical-align: middle;
}

nav .ext-links a {
    display: block;
    padding: 0;
}

nav .ext-links .link-roundal {
    display: inline-block;
    margin: 0 0.5em;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    background-color: #6BCDB2;
}

nav .ext-links p {
    display: inline-block;
    margin: 0;
    padding: 0.5em 0.5em 0 0;
    vertical-align: top;
    font-size: 14px;
}

.ext-links .tiktok-icon,
.ext-links .linkedin-icon,
.ext-links .facebook-icon,
.ext-links .twitter-icon,
.ext-links .instagram-icon,
.ext-links .google-icon,
.ext-links .pinterest-icon {
    padding: 0;
    min-height: 36px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.ext-links .tiktok-icon {
    background-image: url(libs/svgs/fallbacks/tiktok-icon.png);
    background-image: url(libs/svgs/tiktok-icon.svg), none;
}

.ext-links .linkedin-icon {
    background-image: url(libs/svgs/fallbacks/linkedin-icon.png);
    background-image: url(libs/svgs/linkedin-icon.svg), none;
}

.ext-links .facebook-icon {
    background-image: url(libs/svgs/fallbacks/facebook-icon.png);
    background-image: url(libs/svgs/facebook-icon.svg), none;
}

.ext-links .twitter-icon {
    background-image: url(libs/svgs/fallbacks/twitter-icon.png);
    background-image: url(libs/svgs/twitter-icon.svg), none;
}

.ext-links .instagram-icon {
    background-image: url(libs/svgs/fallbacks/instagram-icon.png);
    background-image: url(libs/svgs/instagram-icon.svg), none;
}

.ext-links .google-icon {
    background-image: url(libs/svgs/fallbacks/google-icon.png);
    background-image: url(libs/svgs/google-icon.svg), none;
}

.ext-links .pinterest-icon {
    background-image: url(libs/svgs/fallbacks/pinterest-icon.png);
    background-image: url(libs/svgs/pinterest-icon.svg), none;
}

@media only screen and (min-width: 960px) {
    nav .ext-links {
        display: none;
    }

    .nav-open {
        display: none;
    }
}

/* Keeping nav styles specific to mobile only */

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

    .main-nav {
        padding: 1em 1em 0;
        background-color: white;
    }

    .overlay nav {
        right: 0;
    }

    nav {
        position: fixed;
        top: 0;
        right: -100%;
        padding-top: 80px;
        background-color: #efefef;
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 1000;
        -webkit-transition: right 0.5s ease-in-out;
        -moz-transition: right 0.5s ease-in-out;
        transition: right 0.5s ease-in-out;
    }

    /*nav a.active,
    nav a.active + ul.active {
        background-color: #e5e5e5;
    }*/

    nav li>ul.active {
        display: block;
    }

    nav>ul>li.dropdown>a.active-dropdown {
        color: #6BCDB2;
    }

    nav>ul>li.dropdown>a.active-dropdown:after {
        background-image: url(libs/images/icons/svg/nav-dropdown-collapse.svg);
    }

    nav>ul>li.dropdown ul.active a:before {
        position: absolute;
        content: "-";
        left: 36px;
        top: 6px;
        z-index: 1;
    }

    #search-trigger {
        line-height: 2.5em;
        border-bottom: 1px solid #fff;
    }

    #search-trigger:after {
        content: "";
        position: absolute;
        right: 1em;
        top: 1.55em;
        width: 1em;
        height: 1em;
        -webkit-background-size: 1em;
        -o-background-size: 1em;
        -moz-background-size: 1em;
        background-size: 1em;
        background-repeat: no-repeat;
        background-position: right center;
        background-image: url(libs/images/icons/svg/mobile-nav-search-icon.svg);
    }
}

/* Desktop Nav > 960px */

@media only screen and (min-width: 960px) {

    .top-level-search,
    [role=button].nav-open {
        display: none;
    }

    .main-navigation {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    nav {
        position: relative;
        float: right;
        width: auto;
        height: auto;
        z-index: 5;
    }

    /*nav ul {
            float: right;
        }*/

    nav a {
        font-size: 17px;
        padding: 28px 12px;
    }

    nav>ul>li>a:not(.home-icon):hover,
    nav a.active,
    nav li.dropdown:hover>a {
        background-color: #F6F6F6;
        background: -moz-linear-gradient(top, rgba(246, 246, 246, 0) 0%, rgba(246, 246, 246, 1) 100%);
        background: -webkit-linear-gradient(top, rgba(246, 246, 246, 0) 0%, rgba(246, 246, 246, 1) 100%);
        background: linear-gradient(to bottom, rgba(246, 246, 246, 0) 0%, rgba(246, 246, 246, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f6f6f6', endColorstr='#f6f6f6', GradientType=0);
    }

    nav>ul>li.dropdown a {
        padding-right: 2em;
    }

    nav>ul>li {
        position: relative;
        display: inline-block;
        vertical-align: top;
    }

    nav>ul>li>a:not(.home-icon):hover:before,
    nav>ul>li>a.active:before,
    nav>ul>li.dropdown:hover>a:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background-color: #6BCDB2;
    }

    nav li.dropdown:hover>ul {
        display: block;
    }

    nav>ul>li.dropdown>a:after {
        /*top: 2.25em;*/
        right: 0.5em;
    }

    nav>ul ul {
        position: absolute;
        top: 5em;
        left: 0;
        width: 14em;
        max-height: none;
        overflow: visible;
        background-color: white;
        -webkit-box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.5);
    }

    nav>ul ul li {
        display: block !important;
    }

    nav>ul ul a {
        padding: 0.556em;
    }

    nav>ul ul a:hover {
        background-color: #ededed;
    }

    nav .home-icon {
        display: block;
        margin: 28px 10px 0 0;
        padding: 0;
        width: 21px;
        height: 20px;
        background-image: url(libs/images/icons/home-icon.gif);
        background-image: url(libs/images/icons/svg/home-icon.svg), none;
        background-repeat: no-repeat;
    }

    nav .home-icon span {
        display: none;
    }

    nav .home-icon:hover,
    nav .home-icon:focus {
        background-color: white;
    }
}

/* ===== | Header | ========================================================= */
/*
/* ========================================================================== */

.main-header ul {
    margin: 0;
    padding: 0;
}

.main-header li {
    list-style: none;
}

.header-bar {
    position: relative;
    width: 100%;
    background-color: white;
    z-index: 4;
}

.header-bar .utility-nav {
    padding: 1em 0;
    background-color: white;
    /*background-color: #6BCDB2;
        background-color: rgba(0, 166, 213, 0.8);*/
}

.logo {
    /*position: absolute;
    left: 16px;
    top: 0;*/
    display: block;
    width: 145px;
    height: 40px;
    background-image: url(libs/images/the-marlowes-logo-new.png);
    background-repeat: no-repeat;
    background-position: 0 bottom;
    background-size: 100% auto;
    margin: 0 0 30px;
    z-index: 5;


}

@media(min-width:960px) {
    .logo {
        margin: 50px 0 30px;
    }
}

@media(min-width:1050px) {
    .logo {
        width: 200px;
        margin: 50px 0 30px -52px;
    }
}

.top-header {
    position: absolute;
    top: 0;
    right: 54px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.top-header li {
    display: inline-block;
}

.top-header a {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #6BCDB2;
    background-position: center;
    background-repeat: no-repeat;
}

.top-header a.search {
    background-image: url("libs/images/icons/svg/nav-search.svg");
}

.top-header a.facebook {
    background-image: url("libs/images/icons/svg/nav-facebook.svg");
}

.top-header a.twitter {
    background-image: url("libs/images/icons/svg/nav-twitter.svg");
}
.top-header a.instagram {
        background-image: url("libs/images/icons/svg/nav-instagram.svg");
 }
.top-header a.tiktok {
    background-image: url("libs/images/icons/svg/nav-tiktok.svg");
}

@media only screen and (max-width: 599px) {
    .top-header li:nth-child(n+2) {
        display: none;
    }
}

@media only screen and (min-width: 600px) {}

@media only screen and (min-width: 48em) {
    .logo {
        float: left;
    }
}

@media only screen and (min-width: 960px) {
    .top-header {
        right: 0;
    }

    .top-header a {
        width: 36px;
        height: 36px;
    }
}

/* Mall Select Menu */

.mall-select-menu {
    position: relative;
    display: block;
    margin: 0 !important;
    width: 180px;
    background-color: white;
    background-image: url(libs/images/icons/select-dropdown-arrow.gif);
    background-image: url("libs/images/icons/svg/select-menu-dropdown.svg"), none;
    background-position: right 0;
    background-repeat: no-repeat;
    border: 1px solid #ededed;
}

.mall-select-menu>li {
    display: block !important;
}

.mall-select-menu li:hover>ul {
    display: block;
}

.mall-select-menu li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: -1px;
    width: 101%;
    max-height: none;
    background-color: white;
    border: 1px solid #ededed;
    border-top-color: white;
    overflow: visible;
}

.mall-select-menu a {
    display: block;
    padding: 2px .5em 2px .5em;
    font-size: .75em;
    color: #3c3c3b;
    text-decoration: none;
    white-space: nowrap;
}

.mall-select-menu a:hover {
    color: #6BCDB2;
}

.mall-select-menu ul li {
    display: block;
    white-space: nowrap;
}

.mall-select-menu ul li.split {
    border-top: 1px solid #C0C0C0;
    margin-top: 0.5em;
    padding-bottom: 0.5em;
}

.mall-select-menu ul li a {
    padding: .25em .75em;
}

.mall-select-menu [selected="selected"] {
    background-color: #EDEDED;
}

@media only screen and (min-width: 48em) {
    .mall-select-menu {
        width: 220px;
    }

    .mall-select-menu a {
        font-size: 1em;
    }

    .mall-select-menu ul li.split {
        margin-top: 0.3em;
        padding-bottom: 0.3em;
    }
}


/* Utility Nav */

.utility-nav .container {
    width: 100%;
}

.utility-nav ul {
    float: right;
    margin-right: 2.25em;
}

.utility-nav.business ul {
    margin-right: 2.750em;
}

.utility-nav li {
    display: inline-block;
    vertical-align: top;
}

.utility-nav span {
    display: none;
}

.utility-nav .mall-select {
    width: 180px;
    height: 30px;
}

.utility-nav .mall-select select {
    padding-top: .4em;
    padding-bottom: .4em;
    padding-left: .3em;
    font-size: 0.875em;
    line-height: 1.175em;
}

.utility-nav .mall-select select optgroup {
    padding-top: 1em;
    padding-bottom: 1em;
}

.utility-nav .mall-select select optgroup+optgroup {
    border-top: solid 1px #c0c0c0;
}

.utility-nav .search,
.utility-nav .facebook,
.utility-nav .twitter {
    width: 1.875em;
    height: 1.875em;
    display: block;
    -webkit-background-size: 1.875em 1.875em;
    -o-background-size: 1.875em 1.875em;
    -moz-background-size: 1.875em 1.875em;
    background-size: 1.875em 1.875em;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #6BCDB2;
}

.utility-nav [role="button"].search {
    width: 1.870em;
    height: 1.870em;
    border-radius: 0;
    font-size: 1em;
}

@media only screen and (min-width: 48em) {
    .utility-nav ul {
        margin-right: 32px;
    }

    .utility-nav .search:hover,
    .utility-nav .facebook:hover,
    .utility-nav .twitter:hover {
        background-color: #6BCDB2;
    }
}

.utility-nav .search {
    background-image: url(libs/images/icons/svg/nav-search.svg);
}

.utility-nav .facebook {
    background-image: url(libs/images/icons/svg/nav-facebook.svg);
}

.utility-nav .twitter {
    background-image: url(libs/images/icons/svg/nav-twitter.svg);
}

/* New social icons */

.utility-nav .icon-link {
    display: block;
    width: 1.875em;
    height: 1.875em;
    background-color: #6BCDB2;
}

.utility-nav .ext-links a {
    min-height: 1.875em !important;
    max-height: 1.875em !important;
}

@media only screen and (min-width: 48em) {
    .utility-nav .icon-link:hover {
        background-color: #6BCDB2;
    }
}

@media only screen and (min-width: 960px) {
    .utility-nav {
        background-image: url(libs/images/backgrounds/utility-nav-grad.png);
        background-repeat: repeat-x;
    }

    .utility-nav ul,
    .utility-nav.business ul {
        margin-right: 0;
    }

    .utility-nav span {
        display: block;
        padding-right: .5em;
        color: white;
        line-height: 31px;
    }

    .utility-nav .mall-select {
        width: 220px;
    }

    .utility-nav .mall-select select {
        padding-bottom: .3em;
        font-size: 1em;
    }
}

/* Homepage Carousel / Lead image */

/*
 * Mall select menu adjustments
 *  - 1. Turn off overflow on main Header element
 *  - 2. Set new min-height for all lead images
 */

.card {
    position: relative;
    display: block;
    width: 236px;
    height: 114px;
    background-image: url(/staticmedia/page-headers/rewardme-hand-lrg.png);
    background-size: 236px;
    background-position: 0px 168px;
    margin: 0 auto;
}

@media screen and (min-width: 960px) {
    .card {
        margin: 70px auto;
    }
}

@media screen and (min-width: 992px) {
    .card {
        /*width: 260px;
     height: 135px;
     margin: 90px auto;
     background-size: 260px;
     background-position: 0 190px;
     margin: 0 auto;
     transform: rotate(4deg);*/
        width: 320px;
        height: 170px;
        margin: 90px auto;
        background-size: 320px;
        background-position: 0px 230px;
        margin: 0 auto;
        transform: rotate(-4deg);
    }
}

/*position: relative;
display: block;
width: 260px;
height: 135px;
background-image: url(/staticmedia/page-headers/rewardme-hand-lrg.png);
background-size: 260px;
background-position: 0 190px;
margin: 0 auto;
transform: rotate(4deg);

and remove the row parent div*/

.main-header .lead-image {
    position: relative;
    display: block;
    /*overflow: hidden;*/
    /* 1 */
    /*min-height: 260px;*/
    /* 2 */
    min-height: 120px;
    z-index: 1;
    background-color: #6BCDB2;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;

}
}

.main-header .lead-image.homepage-carousel {
    height: auto;
}

.main-carousel .carousel-wrapper {
    position: relative;
    width: 100%;
}

.main-carousel .carousel-control,
.main-carousel .carousel-control:visited {
    top: 48%;
}

.main-header .lead-image,
.main-carousel .carousel-image {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
    /*-moz-transition: height 1s;
    -o-transition: height 1s;
    -webkit-transition: height 1s;
    transition: height 1s;*/
}

.lead-image:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to top, rgba(107, 205, 178, 1) 0%, rgba(107, 205, 178, .8) 30%, rgba(255, 255, 255, 0) 80%);
    opacity: .9;
}

@media (max-width: 480px) {

    .main-header .lead-image,
    .main-carousel .carousel-image {
        background-position: right center;
    }
}

.main-carousel .carousel-image {
    height: 200px;
}

.main-carousel figure {
    padding-bottom: 280px;
    background-color: #6BCDB2;
}

.main-carousel .carousel-content {
    position: absolute;
    /* bottom: -220px; */
    display: block;
    width: 100%;
    background-color: #6BCDB2;
}

.main-carousel h1,
.main-carousel h2,
.main-carousel p {
    color: white;
}

.main-carousel h1,
.main-carousel h2 {
    margin: 0.444em 0 0.231em;
    font-family: 'Proxima Nova', Arial, Roboto, "DroidSans_Stock_Font", sans-serif;
    font-size: 2.250em;
}

@media screen and (max-width: 20em) {

    /*
     * - Restricting height on mobile so there's no judder on variable content height
     * - Height based on 2 line Headline, 4 lines body copy and link button
     */

    .main-carousel .carousel-content {
        min-height: 290px;
    }
}

@media screen and (min-width: 321px) and (max-width: 48em) {

    /*
     * - Restricting height on tablet so there's no judder on variable content height
     * - Height based on 2 line Headline, 4 lines body copy and link button
     */

    .main-carousel .carousel-content {
        min-height: 220px;
    }
}


@media screen and (min-width: 37.5em) {
    .main-header .lead-image {
        min-height: 250px;
    }

    .main-carousel .carousel-image {
        min-height: 250px;
    }

    .main-header .lead-image {
        background-position: center center;
    }

    .main-carousel .carousel-image {
        background-position: right center;
    }
}

@media screen and (min-width: 48em) {

    .main-carousel figure {
        padding-bottom: 0;
    }

    .main-carousel .carousel-image {
        height: 450px;
    }

    .lead-image .strapline {
        width: 100%;
        position: absolute;
        z-index: 4;
        bottom: 0;
    }

    .lead-image .strapline h3 {
        font-family: 'Proxima Nova', Arial, Roboto, "DroidSans_Stock_Font", sans-serif;
        color: white;
        text-align: right;
        text-transform: lowercase;
        text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
    }

    .main-carousel h1,
    .main-carousel h2 {
        font-size: 2.813em;
    }

    .main-carousel p {
        margin-top: 0;
        font-size: 1.125em;
        text-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    }

    .carousel-wrapper .carousel-content {
        position: absolute;
        top: 125px;
        bottom: auto;
        padding: 0 3.750em;
        background-color: transparent;
        -moz-transition: all 250ms ease-in-out 0;
        -o-transition: all 250ms ease-in-out 0;
        -webkit-transition: all 250ms ease-in-out 0;
        transition: all 250ms ease-in-out 0;
    }

    .carousel-wrapper .carousel-content .container {
        width: 100%;
    }
}

@media screen and (min-width: 960px) {

    .main-header .lead-image,
    .main-carousel .carousel-image {
        /*height: 725px;*/
        height: 530px;
        /* Visible area of landscape iPad */
    }

    /*.carousel-wrapper .carousel-content {
        top: 250px;
    }*/

    .main-carousel h1,
    .main-carousel h2 {
        font-size: 4.063em;
    }
}

/* Business intro */

.business-lead-wrap {
    width: 100%;
    height: 100%;
    display: table;
}

.business-intro {
    display: table-cell;
    vertical-align: middle;
    padding-top: 100px;
}

.business-intro h1 {
    font-size: 2em;
    color: white;
}

@media screen and (min-width: 48em) {
    .business-intro {
        padding-top: 150px;
    }

    .business-intro h1 {
        font-size: 4em;
    }
}

/* Lead Background Images
 *
 * Generic page headers
 *
 */

.autumn-winter-fashion {
    background-image: url(libs/images/backgrounds/page-headers/autumn-winter-fashion.jpg);
}

.business-home-header {
    background-image: url(libs/images/backgrounds/page-headers/business-home-header.jpg);
}

.business-blackburn-header {
    background-image: url(libs/images/backgrounds/page-headers/business-blackburn-header.jpg);
}

.business-camberley-header {
    background-image: url(libs/images/backgrounds/page-headers/business-camberley-header.jpg);
}

.business-luton-header {
    background-image: url(libs/images/backgrounds/page-headers/business-luton-header.jpg);
}

.business-maidstone-header {
    background-image: url(libs/images/backgrounds/page-headers/business-maidstone-header.jpg);
}

.business-walthamstow-header {
    background-image: url(libs/images/backgrounds/page-headers/business-walthamstow-header.jpg);
}

.business-woodgreen-header {
    background-image: url(libs/images/backgrounds/page-headers/business-woodgreen-header.jpg);
}

.commercial-opportunities-header {
    background-image: url(libs/images/backgrounds/page-headers/commercial-opportunities-header.jpg);
}

.enviro-sheep-header {
    background-image: url(libs/images/backgrounds/page-headers/enviro-sheep-header.jpg);
}

.food-drink-header {
    background-image: url(libs/images/backgrounds/page-headers/food-drink-header.jpg);
}

.food-drink-pizza-header {
    background-image: url(libs/images/backgrounds/page-headers/food-drink-pizza-header.jpg);
}

.jobs-header {
    background-image: url(libs/images/backgrounds/page-headers/jobs-header.jpg);
}

.love-sundays-header {
    background-image: url(libs/images/backgrounds/page-headers/love-sundays-header.jpg);
}

.love-sundays-header-two {
    background-image: url(libs/images/backgrounds/page-headers/love-sundays-header-2.jpg);
}

.luton-entrance-header {
    background-image: url(libs/images/backgrounds/page-headers/luton-entrance-header.jpg);
}

.offers-sale-header {
    background-image: url(libs/images/backgrounds/page-headers/offers-sale-header.jpg);
}

.offers-one-header {
    background-image: url(libs/images/backgrounds/page-headers/offers-one-header.jpg);
}

.our-malls-header {
    background-image: url(libs/images/backgrounds/page-headers/our-malls-header.jpg);
}

.reward-me-header {
    background-image: url(libs/images/backgrounds/page-headers/seeing-her-face.jpg);
}

.seeing-her-face {
    background-image: url(libs/images/backgrounds/page-headers/seeing-her-face.jpg);
}

.stars-header {
    background-image: url(libs/images/backgrounds/page-headers/stars-header.jpg);
}

.store-atoz-header {
    background-image: url(libs/images/backgrounds/page-headers/store-atoz-header.jpg);
}

.walthamstow-refurb {
    background-image: url(libs/images/backgrounds/page-headers/walthamstow-refurb.jpg);
}

.walthamstow-refurb-heart {
    background-image: url(libs/images/backgrounds/page-headers/walthamstow-refurb-heart.jpg);
}

.walthamstow-refurb-complete {
    background-image: url(libs/images/backgrounds/page-headers/walthamstow-refurb-complete.jpg);
}

.whatshot-beauty-header {
    background-image: url(libs/images/backgrounds/page-headers/whatshot-beauty-header.jpg);
}

.whatshot-fashion-spring-header {
    background-image: url(libs/images/backgrounds/page-headers/whatshot-fashion-spring-header.jpg);
}

.whatshot-entertainment-header {
    background-image: url(libs/images/backgrounds/page-headers/whatshot-entertainment-header.jpg);
}

.whatson-header {
    background-image: url(libs/images/backgrounds/page-headers/whatson-header.jpg);
}

.visiting-1-header {
    background-image: url(libs/images/backgrounds/page-headers/visiting-1.jpg);
}

.visiting-2-header {
    background-image: url(libs/images/backgrounds/page-headers/visiting-3.jpg);
}

.visiting-3-header {
    background-image: url(libs/images/backgrounds/page-headers/visiting-3.jpg);
}

.pamper-day-header {
    background-image: url(libs/images/backgrounds/page-headers/pamper-day.jpg);
}

.reward-me-app-header {
    background-image: url(libs/images/backgrounds/page-headers/reward-me-app-header.jpg);
}

.click-and-collect-header {
    background-image: url(libs/images/backgrounds/page-headers/click-and-collect-header.jpg);
}

.error-page-header {
    background-image: url(libs/images/backgrounds/page-headers/error-page.jpg);
}

.maidstone-refurb {
    background-image: url(libs/images/backgrounds/page-headers/maidstone-refurbishment.jpg);
}

.black-friday-header {
    background-image: url(libs/images/backgrounds/page-headers/black-friday.jpg);
}

/* Its Chriiiistmmmaaaaas, said Slade, in 1973 */

.xmas-cakes,
.xmas-santa,
.xmas-lights,
.xmas-shopping {
    background-position: center bottom;
}

.xmas-cakes {
    background-image: url("/css/libs/images/backgrounds/page-headers/xmas-cakes-bg.jpg");
}

.xmas-santa {
    background-image: url("/css/libs/images/backgrounds/page-headers/xmas-santa-bg.jpg");
}

.xmas-lights {
    background-image: url("/css/libs/images/backgrounds/page-headers/xmas-lights-bg.jpg");
}

.xmas-shopping {
    background-image: url("/css/libs/images/backgrounds/page-headers/xmas-shopping-bg.jpg");
}

@media only screen and (min-width: 960px) {
    .reward-me-header {
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
        background-size: cover !important;
    }
}

@media only screen and (min-width: 960px) {
    .black-friday-heading .page-introduction:after {
        content: '';
        position: absolute;
        right: 160px;
        top: -130px;
        background-image: url(libs/images/black-friday-bag.png);
        width: 293px;
        height: 287px;
        z-index: 1;
    }
}

/* ===== | Section styling | ================================================ */
/*
/* ========================================================================== */

/*
 * Mall select menu adjustments
 *  - 1. Turn on overflow-hidden to hide main nav on small screens
    - 2. Bring Nav into view when expanded
 */

.site-content {
    -webkit-backface-visibility: hidden;
    position: relative;
    width: 100%;
    background-color: white;
    /*z-index: 1;*/
    -webkit-transition: margin 0.3s ease-in-out;
    -moz-transition: margin 0.3s ease-in-out;
    -o-transition: margin 0.3s ease-in-out;
    transition: margin 0.3s ease-in-out;
    overflow: hidden;
    /* 1 */
}

/*.site-open {
    position: fixed;
    margin-left: -250px;
    -webkit-transition: margin 0.3s ease-in-out;
    -moz-transition: margin 0.3s ease-in-out;
    -o-transition: margin 0.3s ease-in-out;
    transition: margin 0.3s ease-in-out;
    overflow: visible;
}

@media only screen and (min-width: 960px) {
    .site-open {
        position: relative;
        margin-left: 0;
    }
}*/

.page-content {
    background-color: white;
    position: relative;
    padding-bottom: 1.5em;
}

.page-content.alt {
    background-color: #C6C6C6;
}

.page-content.lead {
    padding: 1.5em 0;
}

.row-pad,
.content-pad,
.pad-outer {
    padding: 1.5em 0;
}

.col-lead {
    padding: 1.5em 0;
}

.colList {
    margin: 1em 0 !important;
    padding: 0;
}

.colList li {
    list-style: none;
}

.colList h4 {
    margin: 0.5em 0 0;
}

article aside h2,
article aside h3 {
    margin-top: 0;
}

ul.reset {
    padding-left: 0;
}

@media only screen and (min-width: 48em) {
    .col-lead {
        padding: 0 0 3em;
    }

    .row-pad {
        padding: 3.125em 0;
    }

    .colList h4 {
        margin-bottom: .25em;
    }

    .site-content {
        background-color: rgba(255, 255, 255, 0);
    }

    .page-content.lead {
        padding: 3.125em 0 1.5em 0;
    }

    .sub-level {
        /*margin: -250px auto 0;*/
        -moz-transition: all 250ms ease-in-out 0;
        -o-transition: all 250ms ease-in-out 0;
        -webkit-transition: all 250ms ease-in-out 0;
        transition: all 250ms ease-in-out 0;
    }
}

@media only screen and (min-width: 960px) {
    .sub-level {
        margin: -350px auto 0;
    }

    .sub-level.love-sundays {
        margin-top: -300px;
    }
}

.centered {
    text-align: center;
}

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

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

.divider {
    position: relative;
    z-index: 1;
}

@media only screen and (min-width: 48em) {
    .divider {
        margin: 3em 0 3em 0;
    }
}

.divider:before {
    width: 2.750em;
    height: 1.688em;
    -webkit-background-size: 1.688em 1.688em;
    -o-background-size: 1.688em 1.688em;
    -moz-background-size: 1.688em 1.688em;
    background-size: 1.688em 1.688em;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: white;
    background-image: url(libs/images/icons/svg/down-arrow.svg);
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    margin: -0.813em auto 0;
}

/*.divider.shopping:before {
        background-image: url(libs/images/icons/divider-shopping.gif);
        height: 24px;
    }*/

.divider.events:before {
    background-image: url(libs/images/icons/svg/calendar-icon.svg);
}

.divider.food-drink:before {
    background-image: url(libs/images/icons/svg/food-drink-icon.svg);
}

.divider.share:before {
    /*background-image: url(libs/images/icons/svg/share-icon.svg);*/
    -webkit-background-size: 1.313em 1.688em;
    -o-background-size: 1.313em 1.688em;
    -moz-background-size: 1.313em 1.688em;
    background-size: 1.313em 1.688em;
    background-image: url(libs/images/icons/svg/share-icon-update.svg);
}

.divider.cinema:before {
    background-image: url(libs/images/icons/svg/cinema-icon.svg);
}

.divider.fashion,
.divider.entertainment,
.divider.beauty {
    margin: 3em 0 2em;
}

.divider.fashion:before {
    background-image: url(libs/images/icons/svg/shoe-icon.svg);
}

.divider.entertainment:before {
    background-image: url(libs/images/icons/svg/entertainment-icon.svg);
}

.divider.beauty:before {
    background-image: url(libs/images/icons/svg/heart-icon.svg);
}

.button-wrapper {
    margin: -21px 0 0;
}

@media only screen and (min-width: 48em) {

    .divider.fashion,
    .divider.entertainment,
    .divider.beauty {
        margin: 5em 0 2em;
    }
}

/*
 *  GENERIC ICON SET
 */

.launch-map-icon {
    min-height: 2.125em;
    display: block;
    padding: .5em 0 .5em 2.5em;
    -webkit-background-size: 1.750em 2.125em;
    -o-background-size: 1.750em 2.125em;
    -moz-background-size: 1.750em 2.125em;
    background-size: 1.750em 2.125em;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(libs/images/icons/svg/launch-floorplan-icon.svg);
}

.toilets-icon,
.disabled-icon,
.baby-changing-icon,
.shopmobility-icon,
.wifi-icon,
.cyclists-icon,
.other-info-icon,
.clock-icon,
.tariffs-icon {
    min-height: 2.125em;
    padding: .5em 0 .5em 2.5em;
    -webkit-background-size: 2.125em 2.125em;
    -o-background-size: 2.125em 2.125em;
    -moz-background-size: 2.125em 2.125em;
    background-size: 2.125em 2.125em;
    background-repeat: no-repeat;
    background-position: left center;
}

.toilets-icon {
    background-image: url(libs/images/icons/svg/toilets-icon.svg);
}

.disabled-icon {
    background-image: url(libs/images/icons/svg/disabled-facilities-icon.svg);
}

.baby-changing-icon {
    background-image: url(libs/images/icons/svg/baby-changing-icon.svg);
}

.shopmobility-icon {
    background-image: url(libs/images/icons/svg/shopmobility-icon.svg);
}

.wifi-icon {
    background-image: url(libs/images/icons/svg/wifi-icon.svg);
}

.cyclists-icon {
    background-image: url(libs/images/icons/svg/cyclist-icon.svg);
}

.other-info-icon {
    background-image: url(libs/images/icons/svg/other-info-icon.svg);
}

.clock-icon {
    background-image: url(libs/images/icons/svg/clock-icon.svg);
}

.tariffs-icon {
    background-image: url(libs/images/icons/svg/tariffs-icon.svg);
}

.email-icon,
.website-icon,
.tel-icon,
.twitter-icon,
.instagram-icon,
.youtube-icon,
.pinterest-icon,
.facebook-icon,
.tiktok-icon,
.linkedin-icon {
    min-height: 2.938em;
    display: inline-block;
    padding: .75em 0 .75em 3.438em;
    -webkit-background-size: 2.938em 2.938em;
    -o-background-size: 2.938em 2.938em;
    -moz-background-size: 2.938em 2.938em;
    background-size: 2.938em 2.938em;
    background-repeat: no-repeat;
    background-position: left center;
}

.email-icon {
    background-image: url(libs/images/icons/svg/email-icon.svg);
}

.website-icon {
    background-image: url(libs/images/icons/svg/website-icon.svg);
}

.tel-icon {
    background-image: url(libs/images/icons/svg/tel-icon.svg);
}

.twitter-icon {
    background-image: url(libs/images/icons/svg/twitter-icon.svg);
}

.instagram-icon {
    background-image: url(libs/images/icons/svg/instagram-icon.svg);
}

.facebook-icon {
    background-image: url(libs/images/icons/svg/facebook-icon.svg);
}

.youtube-icon {
    background-image: url(libs/images/icons/svg/youtube-icon.svg);
}

.pinterest-icon {
    background-image: url(libs/images/icons/svg/pinterest-icon.svg);
}

.tiktok-icon {
    background-image: url(libs/images/icons/svg/tiktok-icon.svg);
}

.linkedin-icon {
    background-image: url(libs/images/icons/svg/linkedin-icon.svg);
}

/*
 * REVERSED OUT ICONS
 */

.tel-icon-rev,
.email-icon-rev {
    display: block;
    padding: .25em 0 .25em 3em;
    background-repeat: no-repeat;
    background-position: left center;
}

.tel-icon-rev {
    min-height: 2.125em;
    -webkit-background-size: 2.125em 2.125em;
    -o-background-size: 2.125em 2.125em;
    -moz-background-size: 2.125em 2.125em;
    background-size: 2.125em 2.125em;
    background-image: url(libs/images/icons/svg/tel-icon-white.svg);
}

.email-icon-rev {
    min-height: 1.5em;
    -webkit-background-size: 2.125em 1.5em;
    -o-background-size: 2.125em 1.5em;
    -moz-background-size: 2.125em 1.5em;
    background-size: 2.125em 1.5em;
    background-image: url(libs/images/icons/svg/email-icon-white.svg);
}

.prev-rev,
.next-rev {
    -webkit-background-size: 1.688em 1.688em;
    -o-background-size: 1.688em 1.688em;
    -moz-background-size: 1.688em 1.688em;
    background-size: 1.688em 1.688em;
    background-repeat: no-repeat;
    background-position: center;
    height: 1.688em;
    width: 1.688em;
    display: block;
}

.prev-rev {
    background-image: url(libs/images/icons/svg/left-arrow-white.svg);
}

.next-rev {
    background-image: url(libs/images/icons/svg/right-arrow-white.svg);
}

/* Page Intros */

.page-introduction {
    position: relative;
    background-color: rgba(107, 205, 178, 1);
    color: white;
}

.page-introduction.rewardme,
.page-introduction.alt {
    178
}

@media only screen and (min-width: 960px) {
    .page-introduction.rewardme {
        background-color: transparent;
    }
}

.page-introduction h1 {
    margin: 0.750em 0;
    font-size: 1.5em;
}

.page-introduction.rewardme,
.page-introduction.gift-card {
    z-index: 2;
}

@media only screen and (min-width: 48em) {
    .page-introduction h1 {
        font-size: 2em;
    }
}

@media only screen and (min-width: 960px) {
    .page-introduction {
        background-color: rgba(107, 205, 178, 0.8);
    }

    .page-introduction.alt {
        background-color: rgba(230, 38, 123, 0.8);
    }

    .page-introduction h1 {
        margin: 0 0 1em 0;
    }
}

/* Breadcrumb > 48em only */

@media only screen and (min-width: 48em) {
    .breadcrumb {
        display: inline-block;
        margin: 1.5em 0 0;
        padding: 0;
    }

    .breadcrumb li {
        float: left;
        list-style: none;
    }

    .breadcrumb li+li {
        padding-left: 1.250em;
    }

    .breadcrumb a {
        position: relative;
        padding: 0 1.625em 0 0;
        color: white;
        text-decoration: none;
    }

    .breadcrumb a:after {
        content: "";
        position: absolute;
        top: 4px;
        right: 0;
        background-image: url(libs/images/icons/svg/right-carousel-arrow.svg);
        width: 0.375em;
        height: 0.688em;
        -webkit-background-size: 0.375em 0.688em;
        -o-background-size: 0.375em 0.688em;
        -moz-background-size: 0.375em 0.688em;
        background-size: 0.375em 0.688em;
        background-repeat: no-repeat;
    }

    .breadcrumb a:hover,
    .breadcrumb a:focus {
        text-decoration: underline;
    }

    .breadcrumb a.active:after {
        background-image: none;
    }
}

@media only screen and (min-width: 48em) and (max-width: 62em) {
    .breadcrumb {
        padding-top: 0;
    }

    .breadcrumb a {
        font-size: 1em;
    }
}

@media only screen and (min-width: 960px) {
    .breadcrumb {
        margin: 2em 0 1.5em;
    }
}

.previous-link,
.more-link,
.anchor-link {
    -webkit-background-size: 1.688em 1.688em;
    -o-background-size: 1.688em 1.688em;
    -moz-background-size: 1.688em 1.688em;
    background-size: 1.688em 1.688em;
    background-repeat: no-repeat;
    min-height: 1.688em;
    margin: .5em 0;
    text-decoration: none;
    line-height: 1.875em;
    display: inline-block;
}

.previous-link {
    background-image: url(libs/images/icons/svg/left-arrow.svg);
    background-position: left center;
    padding-left: 2.5em;
}

.more-link {
    background-image: url(libs/images/icons/svg/right-arrow.svg);
    background-position: right center;
    padding-right: 2.5em;
}

.anchor-link {
    background-image: url(libs/images/icons/svg/down-arrow.svg);
    background-position: right center;
    padding-right: 2.5em;
}

/* Module setup */

.promo-module {
    position: relative;
    margin: 0.625em 0;
}

.global-signposts {
    margin: 1.5em 0;
}

.global-module {
    margin: 0.625em 0;
}

@media only screen and (min-width: 48em) {
    .global-module {
        margin: 1.5em 0;
    }

    .global-module .module .headline,
    .promo-module .module .headline {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: rgba(255, 255, 255, 0.8);
        height: 64px;
        padding: .5em 3.5em .5em 1em;
    }

    .global-signposts .global-module .module .headline {
        padding: .5em 2.8em .5em 1em;
    }

    .promo-module .module .headline.news {
        position: relative;
        top: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .global-module .module .headline p {
        font-size: 0.875em;
        line-height: 1.286em;
    }
}

.carousel .promo-module {
    margin: 0;
}

.box-shadow {
    -webkit-box-shadow: 0 27px 12px -20px rgba(179, 179, 179, 1);
    -moz-box-shadow: 0 27px 12px -20px rgba(179, 179, 179, 1);
    box-shadow: 0 27px 12px -20px rgba(179, 179, 179, 1);
}

.box-shadow.box-border {
    border: 1px solid #EDEDED;
}

.promo-module.news-module .module .headline {
    position: relative;
    top: 10px;
}

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

    /*News Module*/
    .promo-module.news-module .image {
        float: none;
        width: auto;
        height: auto;
    }

    .promo-module.news-module .module .headline {
        padding: 0 1em 3.5em 0;
    }
}

/* Base */

.module {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.module .image img {
    min-width: 100%;
}

.module .headline p {
    margin: 0;
}

.module footer a {
    color: inherit;
}

.module .module_link {
    background: rgba(0, 0, 0, 0);
    bottom: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: 200%;
    top: 0;
    white-space: nowrap;
    z-index: 1;
}

.module footer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.module footer .bg {
    z-index: 1;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 64px 64px;
    border-color: transparent transparent #009877 transparent;
}

.module footer .bg:after {
    width: 1.688em;
    height: 1.688em;
    -webkit-background-size: 1.688em 1.688em;
    -o-background-size: 1.688em 1.688em;
    -moz-background-size: 1.688em 1.688em;
    background-size: 1.688em 1.688em;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(libs/images/icons/svg/right-arrow-white.svg);
    content: "";
    position: absolute;
    top: 2em;
    right: 0.313em;
}

.module.module-border,
.module .module-border {
    border: 1px solid #EDEDED;
}

.module-pad {
    padding: 2em 2em 1em;
}

/* Static Modules */

.static-module {
    margin: .75em 0;
}

.static-module h3 {
    margin-top: 0;
}

.static-module .headline {
    padding: 0 1em 0 0;
}

@media screen and (max-width: 420px) {
    .static-module .image {
        float: left;
        height: 55px;
        width: 60px;
        border: 1px solid #EDEDED;
        background-color: white;
    }

    .static-module .headline>* {
        display: block;
    }

    .static-module .headline {
        margin-left: 70px;
        padding: 0 1em 0 0;
    }
}

@media screen and (min-width: 421px) and (max-width: 767px) {
    .static-module {
        margin: .75em .625em;
    }
}

@media only screen and (min-width: 421px) {
    .static-module .headline {
        background-color: #fafafa;
        padding: 1em;
    }
}

/* Promo Highlights */

.promo-highlight {
    border: 1px solid #EDEDED;
    max-height: 100%;
}

.promo-highlight .module {
    display: block;
}

.promo-highlight .text-promo {
    border: none;
}

.promo-highlight .headline {
    height: auto;
}

.promo-highlight .headline>* {
    display: block;
}

.promo-highlight .text-promo .headline {
    position: relative;
}

.promo-highlight .headline h4 {
    margin-top: .75em;
}

@media only screen and (min-width: 48em) {
    .promo-module.promo-highlight .module {
        border: 0;
    }
}

/* Text Promos Modules */

.text-promo .headline p {
    margin-bottom: .75em;
}

/* Events Months Module */

.module.month {
    display: table;
    height: 100%;
    background-image: url(libs/images/backgrounds/event-month-bg.gif);
    background-repeat: repeat;
    background-color: #6BCDB2;
    color: #FFFFFF;
    text-align: center;
}

.module.month>header {
    display: table-cell;
    vertical-align: middle;
}

.module.month h2 {
    text-transform: uppercase;
    padding-top: .75em;
}

.module.month h2,
.module.month p {
    margin: 0;
}

.module.month p {
    padding-bottom: .75em;
}

/* Business Staff Profiles */

.module.director-highlight {
    margin: 1em 0;
}

.module.director-highlight .headline {
    background-color: #f5f5f5;
    padding: 1em;
}

.module.director-highlight .headline h4 {
    margin: 0;
}

.module.director-highlight footer .bg {
    border: none;
    height: 100%;
}

.module.director-highlight footer .bg:after {
    background-image: url(libs/images/icons/plus-icon.png);
    width: 36px;
    height: 36px;
    right: 1em;
    top: auto;
    bottom: 1em;
}

@media only screen and (min-width: 48em) {
    .module.director-highlight .headline {
        height: 128px;
    }
}

/* Twitter Module */

.twitter-feed {
    background-color: #6BCDB2;
    margin-top: 2em;
}

.twitter-feed .pointer {
    position: absolute;
    top: -24px;
    left: 1.5em;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 26px 0 0 26px;
    border-color: transparent transparent transparent #6BCDB2;
}

.twitter-feed .headline {
    background-image: url(libs/images/icons/twitter-bird.png);
    background-repeat: no-repeat;
    background-position: 2em 2.125em;
    padding: 2em 2em 4em 4.5em !important;
    height: auto;
    color: #FFFFFF;
}

.twitter-feed .headline a {
    color: #009877;
}

.tweet-box p {
    padding-left: 2em;
}

.tweet-controls {
    position: absolute;
    bottom: 1em;
    right: 1em;
    width: 64px;
    z-index: 5;
}

.tweet-controls a {
    display: inline-block;
}

@media (min-width: 62em) {
    .twitter-feed {
        height: 276.5px;
    }
}

@media (min-width: 48em) and (max-width: 61.99em) {
    .twitter-feed {
        height: 144px;
    }
}

@media (min-width: 36em) and (max-width: 47.99em) {
    .twitter-feed {
        height: 176px;
    }
}

@media (max-width: 35.99em) {
    .twitter-feed {
        height: 248px;
    }
}

/* RewardMe Offers Module */

.rewardme-offer .headline {
    height: auto;
}

.rewardme-modal {
    padding: 1em;
    background-color: #D2D2D2;
    background-position: right top;
    background-repeat: no-repeat;
}

@media only screen and (min-width: 48em) {

    .rewardme-modal {
        padding: 2em 0;
        max-width: 600px;
    }

    .promo-module .module {
        border: 1px solid #EDEDED;
        border-bottom: none;
    }

    /* Set Heights for Promo Modules */
    .promo-module .module,
    .promo-module .text-promo,
    .promo-module .image {
        height: 276px;
        overflow: hidden;
    }

    .promo-module.text-promo .headline {
        position: relative;
        padding: 2em 4.688em 1em 1em;
    }

    .module,
    .module li {
        display: block;
    }

    .promo-module .module .headline>* {
        display: block;
    }

    .module.tweet-box {
        padding: 2em 2em 1.25em;
    }

    /* Original Module Hover */
    .module .module_link:hover {
        background: rgba(0, 0, 0, 0.5);
        opacity: 0.5;
        -moz-transition: opacity 250ms ease-in-out;
        -o-transition: opacity 250ms ease-in-out;
        -webkit-transition: opacity 250ms ease-in-out;
        transition: opacity 250ms ease-in-out;
    }

    /* Lighter Hover State */
    .module .module_link.lighter:hover {
        background: rgba(0, 0, 0, 0.3);
        opacity: 0.3;
    }

    /* Pink Hover State */
    .module .module_link.pink:hover {
        background: rgba(241, 1, 108, 0.9);
        opacity: 0.5;
    }

    /* Text only Hover State */
    .module .module_link.text-route:hover {
        background: rgba(241, 1, 108, 0.9);
        opacity: 0.8;
        opacity: 1;
        padding: 1em;
        font-size: 2em;
        line-height: 1.25em;
        text-indent: 0;
        white-space: normal;
        color: white;
        overflow: visible;
    }

    .module .module_link.slide {
        background-color: #6BCDB2;
        background: linear-gradient(to bottom, transparent 0, transparent 49.99%, rgba(241, 1, 108, 0.9) 50%, rgba(241, 1, 108, 0.9) 100%);
        -moz-background-size: 100% 200%;
        -o-background-size: 100% 200%;
        -webkit-background-size: 100% 200%;
        background-size: 100% 200%;
        -moz-transition: opacity 250ms ease-in-out, background-position 250ms ease-in-out;
        -o-transition: opacity 250ms ease-in-out, background-position 250ms ease-in-out;
        -webkit-transition: opacity 250ms ease-in-out, background-position 250ms ease-in-out;
        transition: opacity 250ms ease-in-out, background-position 250ms ease-in-out;
    }

    .module .module_link.slide:hover {
        opacity: 1;
        padding: 1em;
        font-size: 2em;
        line-height: 1.25em;
        text-indent: 0;
        white-space: normal;
        color: white;
        overflow: visible;
        background-position: 0 100%;
    }
}

@media only screen and (min-width: 960px) {}

/* Generic Module styles */

.article-supporting-items .module {
    margin: 1em 0;
}

.article-supporting-items ul {
    margin-top: 1em;
    padding-left: 0;
}

.article-supporting-items li {
    list-style: none;
}

.article-supporting-items .image {
    margin-bottom: .75em;
}

@media screen and (min-width: 48em) {
    .article-supporting-items ul {
        margin-top: 3em;
    }

    .article-supporting-items .headline h3 {
        margin-top: 0;
    }

    .article-paginate .next-article {
        text-align: right;
    }
}

@media screen and (max-width: 48em) {
    .article-paginate {
        text-align: center;
    }
}

/* Lightbox tweaks */

/*
turns out reward me modals don't have white padding on them, so had
to add a bunch of new styles (mainly 'lightbox-padding') to various modals to add the padding on a per modal basis
*/
.lightbox-content {
    padding: 0;
}

.lightbox-content .lightbox-padding {
    padding: 1em;
}

.lightbox-close {
    background-color: #000;
    border: 1px solid #000;
    text-decoration: none;
    top: 3px;
    right: 3px;
    padding: 0.3em 0.5em 0.5em 0.5em;
}

.lightbox-close:hover {
    text-decoration: none;
    color: #fff;
    border: 1px solid #575756;
}


.promo-highlight .text-promo {
    padding: 1.5em;
}

/* Promo Grid  - Wrapped in < min and max > media queries to minimise resets */

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

    .promo-module .image,
    .global-module .image,
    .business-signposts .image {
        float: left;
        height: 55px;
        width: 60px;
        border: 1px solid #EDEDED;
        background-color: white;
    }

    .promo-module.text-promo .image {
        background-image: url(libs/images/icons/text-promo-icon.gif);
        background-position: center;
        background-repeat: no-repeat;
    }

    .promo-module .headline,
    .promo-module.text-promo .headline,
    .global-module .headline

    /*,
    .business-signposts .headline*/
        {
        padding: 0.25em .5em .25em 5em;
    }
}

@media screen and (min-width: 421px) and (max-width: 767px) {
    .promo-module .headline,
    .promo-module.text-promo .headline,
    .global-module .headline

    /*,
    .business-signposts .headline*/
        {
        padding: 0.75em 0;
    }

    .promo-grid .promo-module,
    .global-signposts .global-module,
    .business-signposts .module {
        margin: .625em;
    }
}

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

    .whats-on-list .promo-module .image,
    .whats-hot-list .promo-module .image {
        float: left;
        height: 55px;
        width: 60px;
        border: 1px solid #EDEDED;
        background-color: white;
    }

    .whats-on-list .promo-module .headline,
    .whats-hot-list .promo-module .headline {
        padding: 0.25em .5em .25em 5em;
    }

    .promo-module.promo-highlight .image,
    .promo-module.promo-highlight .headline {
        float: none;
        width: 100%;
        height: 100%;
        border: none;
    }

    .promo-module .headline>*,
    .global-module .headline>*,
    /*.business-signposts .headline > *,*/
    .whats-on-list .promo-module .headline>*,
    .whats-hot-list .promo-module .headline>* {
        display: inline;
    }

    .promo-module.promo-highlight .headline>* {
        display: block;
    }

    .promo-module.box-shadow,
    .global-module.box-shadow {
        box-shadow: none;
    }
}

@media only screen and (min-width: 48em) {
    .module .headline {
        font-size: 1em;
    }

    .text-promo {
        background-color: white;
    }
}

/* Love Sundays Prize grid */

.love-sundays-prizes .headline {
    margin: 1em 0;
}

/* Store Offers & Jobs */

.offers-grid .module,
.jobs-grid .module {
    margin: 0.25em 0;
}

.offers-grid.callout {
    background-image: url(libs/images/backgrounds/offer-circles-lrg.png);
    background-position: top right;
    background-repeat: no-repeat;
    margin-bottom: 2em;
}

.store-module.rewardme-offer {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D2D2D2), color-stop(1, #939393));
    background-image: -o-linear-gradient(bottom, #D2D2D2 0%, #939393 100%);
    background-image: -moz-linear-gradient(bottom, #D2D2D2 0%, #939393 100%);
    background-image: -webkit-linear-gradient(bottom, #D2D2D2 0%, #939393 100%);
    background-image: -ms-linear-gradient(bottom, #D2D2D2 0%, #939393 100%);
    background-image: linear-gradient(to bottom, #D2D2D2 0%, #939393 100%);
}

.store-module.rewardme-offer:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    background-image: url(libs/images/backgrounds/offer-circles-sml.png);
    background-position: right top;
    background-repeat: no-repeat;
}

.module.store-module {
    border: 1px solid #EDEDED;
    min-height: 95px;
    height: auto;
    /*padding: 1em 0;*/
}

.module.store-module .store-logo {
    margin-top: 1em;
    margin-left: 1em;
    float: left;
    height: 65px;
    width: 65px;
    position: relative;
    /*top: 50%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);*/
    background-color: #ffffff;
}

@media only screen and (min-width: 600px) {
    .module.store-module {
        height: 115px;
    }
}

@media only screen and (min-width: 48em) {
    .module.store-module {
        height: 135px;
    }

    .offers-list .module.store-module {
        height: 115px;
    }

    .module.store-module .store-logo {
        margin-top: 0;
        top: 50%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .offers-list .module.store-module .store-logo {
        top: 35%;
    }

    .job-description {
        padding-left: 1.8em;
    }
}

.module .store-logo.rewardme-store {
    background-color: transparent;
    top: 0;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    margin: 1px 0 0 0;
}

.module.store-module .store-jobs-info,
.module.store-module .store-offers-info,
.module.offers-modal .store-offers-info {
    padding: 0 1em 0 100px;
    position: relative;
    z-index: 1;
}

.module.offers-modal .store-offers-info {
    padding: 0 0 0 125px;
}

.module.offers-modal .offer-modal-header {
    min-height: 120px;
}

.module.store-module .store-jobs-info {
    padding-right: 65px;
    margin-top: 1.5em;
}

.module.store-module .store-jobs-info h3 {
    margin-bottom: 0;
}

.module.store-module .store-jobs-info p {
    margin: 0;
}

.store-offers-info .ellipsis {
    color: #6BCDB2;
    display: inline;
}

.store-offers-info .bg,
.national a span.bg {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #009877;
    border-style: solid;
    border-width: 0 0 52px 52px;
    bottom: 0;
    height: 0;
    position: absolute;
    right: 0;
    width: 0;
    z-index: 1;
}

.store-offers-info .bg:after,
.national a span.bg:after {
    background-image: url("libs/images/icons/svg/right-arrow-white.svg");
    background-position: center center;
    background-repeat: no-repeat;
    -moz-background-size: 1.333em;
    background-size: 1.333em;
    content: "";
    height: 1.333em;
    position: absolute;
    right: 0.313em;
    top: 1.75em;
    width: 1.333em;
}

.store-offers-info .reveal-offer-link {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: 200%;
    top: 0;
    white-space: nowrap;
    z-index: 1;
}

.store-offers-info .reveal-offer-link:hover {
    background: rgba(0, 0, 0, 0.5);
    opacity: 0.5;
    -moz-transition: opacity 250ms ease-in-out;
    -o-transition: opacity 250ms ease-in-out;
    -webkit-transition: opacity 250ms ease-in-out;
    transition: opacity 250ms ease-in-out;
}

@media only screen and (min-width: 62em) {
    .module.store-module .store-jobs-info h3 {
        margin-top: 1em;
    }

    .module.store-module .store-jobs-info {
        padding-right: 30px;
    }
}

@media only screen and (min-width: 48em) and (max-width: 62em) {
    .offers-list .module.store-module .store-offers-info {
        padding-top: 10px;
    }

    .offers-list .module.store-module {
        height: 100px;
    }
}

.module.store-module .store-offers-info {
    height: 100%;
    padding: 1em 50px 1em 100px;
}


.offers-list .module.store-module .store-offers-info {
    padding: 0em 50px 1em 100px;
}

.module.store-module .store-offers-info h3 {
    /*margin-top: .5em;
        margin-bottom: 0;*/
    margin-top: 0;
    margin-bottom: .25em;
    font-size: 1.1em;
}

.module.store-module .store-offers-info p {
    margin: 0;
}

.module.store-module .store-offers-info p+p {
    font-size: 0.9em;
    line-height: 20px;
    margin-top: 1em;
}

.module.offers-modal {
    max-width: 600px;
    padding: 1em 1em 0;
}

.module.offers-modal .store-logo {
    position: absolute;
    top: 1em;
    left: 0.6em;
    width: 120px;
    height: 120px;
}

.code-reveal {
    margin-bottom: 1em;
    width: 100%;
    text-align: center;
}

.kids-club .code-reveal {
    background-color: #631a50;
    border: 1px solid #631a50;
}

.offers-grid.callout .module {
    border: none;
}

.callout .module.store-module .store-logo {
    margin: 0;
}

.callout .module.store-module .store-offers-info {
    padding-right: 0;
}

.callout .store-offers-info p {
    margin: 0;
}

@media only screen and (min-width: 960px) {
    .module.store-module .store-offers-info {
        padding-right: 15px;
    }

    .module.store-module .store-offers-info p {
        font-size: 0.938em;
    }
}

@media only screen and (min-width: 62em) {

    .offers-grid .module,
    .jobs-grid .module {
        margin: 0.75em 0;
    }

    .module.store-module {
        height: 135px;
    }

    .offers-list .module.store-module {
        height: 110px;
    }
}

/* Scan & Win Promo */

.scan-win {
    background-color: #6BCDB2 !important;
    background-image: url(libs/images/backgrounds/offer-circles-lrg.png);
    background-position: top right;
    background-repeat: no-repeat;
    text-align: center;
}

.scan-win .current {
    text-transform: uppercase;
}

.scan-win .prize {
    color: black;
    text-transform: uppercase;
}

/* RewardMe Promo Panel */

.rewardme-feature {
    position: relative;
    background-color: #009FBD;
    margin: 7.50em 0 1.5em;
    padding: 5.625em 0 3.625em;
}

.rewardme-feature-intro {
    color: white;
}

.rewardme-feature-intro a {
    color: white;
}

.rewardme-feature .offers-grid {
    margin: 2em 0 0;
}

.rewardme-feature .callout {
    background-color: #007E98;
    padding: 1.25em 1em;
}

.rewardme-feature .module.store-module .store-offers-info {
    padding-left: 85px;
}

.rewardme-feature .module.store-module .store-offers-info h3 {
    font-size: 1.125em;
}

.rewardme-counter {
    position: relative;
    background-color: black;
    padding: 1.875em;
    text-align: center;
}

.rewardme-counter a {
    color: white;
}

.rewardme-counter .counter {
    position: absolute;
    width: 190px;
    height: 180px;
    background-image: url(libs/images/backgrounds/rewardme-counter.png);
}

.rewardme-counter .counter h1 {
    margin: 60px 0 0;
    font-size: 3.750em;
    text-align: center;
    color: #0b7c95;
}

@media only screen and (max-width: 767px) {
    .rewardme-feature {
        padding: 5.625em 0;
    }

    .rewardme-counter {
        min-height: 180px;
    }

    .rewardme-counter .counter {
        margin-top: 1em;
        left: 0;
        width: 100%;
        background-repeat: no-repeat;
        background-position: center top;
    }

    .rewardme-feature:before {
        content: "";
        position: absolute;
        left: 0;
        top: -70px;
        width: 100%;
        height: 100%;
        background-image: url(libs/images/backgrounds/rewardme-hand-sml.png);
        background-position: center top;
        background-repeat: no-repeat;
    }
}

@media only screen and (min-width: 48em) {
    .rewardme-feature {
        background-image: url(libs/images/backgrounds/mymarlowes-feature.png);
        background-position: left 3.750em;
        background-repeat: no-repeat;
        margin: 3.750em 0 1.875em;
        padding: 5.625em 0;
    }

    .rewardme-feature .callout {
        padding: 2em 2em 1.125em;
    }

    .rewardme-counter {
        padding: 1.875em 0 1.875em 1.875em;
        text-align: left;
    }

    .rewardme-counter .counter {
        position: absolute;
        top: -55px;
        right: -20px;
    }
}

@media only screen and (min-width: 48em) and (max-width: 62em) {
    .rewardme-feature {
        -moz-background-size: 45%;
        -o-background-size: 45%;
        background-size: 45%;
    }
}

@media only screen and (min-width: 62em) {
    .rewardme-feature-intro {
        margin-top: 17.5em;
    }

    .rewardme-feature .module.store-module .store-offers-info {
        padding-top: 1.5em;
    }

    .rewardme-feature .offers-list .module.store-module .store-offers-info {
        padding-top: 0em;
    }

    .rewardme-counter a {
        font-size: .875em;
    }
}

/* Stores alphabetical nav */

.alphabetical-nav {
    margin: 0 0 1em;
    padding: 0;
}

.alphabetical-nav li {
    list-style: none;
    margin: .25em;
    width: 45px;
    height: 45px;
    float: left;
    border: 1px solid #EDEDED;
}

.alphabetical-nav a {
    display: block;
    color: #009877;
    font-size: 1.125em;
    line-height: 45px;
    text-align: center;
    text-decoration: none;
}

.alphabetical-nav a:hover,
.alphabetical-nav a:focus {
    background-color: #efefef;
    color: #3c3c3b;
}

.alphabetical-nav .disabled,
.alphabetical-nav .disabled:hover {
    background-color: #f5f5f5;
    color: #e5e5e5;
    cursor: not-allowed;
}

/* Stores filter */

.store-filter p {
    margin: 0;
    padding: 1em 0;
}

.store-filter .store-filter-options {
    background-color: #f2f2f2;
    margin-bottom: 1em;
    padding: .5em 1em;
    position: relative;
}

.store-filter .store-filter-options>div {
    width: 50%;
    display: inline-block;
    float: left;
    margin: .5em 0;
    position: relative;
}

.store-filter .store-filter-options input,
.store-filter .store-filter-options label {
    margin: 0;
    vertical-align: middle;
}

.store-filter .store-filter-options label {
    margin-right: 1em;
}

.store-search .store-filter {
    text-align: left !important;
}

.store-search .store-filter-options {
    padding-bottom: 1.5em;
}

#storelist-search-form>[class*="col-"]>* {
    width: 100%;
    display: block;
}

@media only screen and (min-width: 600px) {
    .store-search .store-filter-options {
        padding-bottom: 0.5em;
    }

    .store-filter {
        text-align: center;
    }

    .store-filter .store-filter-options {
        display: inline-block;
    }

    .store-filter .store-filter-options>div {
        display: inline;
        float: none;
        width: auto;
    }

    .store-filter .store-filter-options label {
        margin: 0.5em 1em 0.5em 0;
    }
}

/* Stores list */

.store-block {
    position: relative;
}

.store-block footer {
    position: absolute;
    top: 0;
    right: 0;
}

.store-block footer .btt {
    display: block;
    width: 22px;
    height: 22px;
    background-image: url(libs/images/icons/back-to-top-arrow.gif);
    background-repeat: no-repeat;
}

.stores-grid .module {
    margin: 0.75em 0;
}

.store-block h2 {
    margin-right: 2em;
    margin-bottom: 0.5em;
    color: #6BCDB2;
}

.store-block.rewardme h2 {
    color: #3c3c3b;
}

.store-block .store-logo {
    position: relative;
    width: 100%;
    /*padding: 2em 0;*/
    border: 1px solid #EDEDED;
    vertical-align: middle;
    text-align: center;
}

.store-block .click-collect-store {
    display: block;
    margin: .5em 0 0;
}

.store-block .click-collect-store small {
    margin: 0;
    padding-left: 27px;
    display: inline-block;
    height: 24px;
    background-image: url(libs/images/icons/click-collect-icon.gif);
    background-repeat: no-repeat;
    background-position: left 2px;
}

.module .rewardme-store,
.module .store-offer {
    position: absolute;
    height: 2.813em;
    width: 2.813em;
}

.module .store-logo.lead .rewardme-store,
.module .store-logo.lead .store-offer {
    height: 4.688em;
    width: 4.688em;
}

.module .rewardme-store {
    top: 1px;
    left: 1px;
}

.module .store-offer {
    bottom: -2px;
    right: 0;
}

/*.jobs-grid .store-logo.store-offer-logo,
.store-block .store-logo.store-offer-logo,
.offers-grid .store-logo.store-offer-logo {
    padding-top: 1em;
}*/

@media only screen and (min-width: 48em) {
    section.store-block {
        margin: 2em 0;
    }

    /*.store-block .store-logo,
    .store-block .store-logo.lead {
        padding: 3em 0;
    }*/
}

@media only screen and (min-width: 62em) {
    /*.store-block .store-logo.lead {
        padding: 4.5em 0;
    }*/
}

/* Store info panel */

.store-contact-panel {
    margin: 2em 0 0 !important;
    padding: 0;
}

.store-contact-panel li {
    list-style: none;
    margin: .5em 0;
    min-height: 44px;
}

.store-contact-panel a {
    padding-top: .5em;
    padding-left: 54px;
    color: #3c3c3b;
    text-decoration: none;
}

.store-contact-panel a:hover,
.store-contact-panel a:focus {
    color: #6BCDB2;
    text-decoration: underline;
}

@media only screen and (min-width: 48em) {
    .store-contact-panel {
        margin: 0 !important;
    }

    .store-contact-panel li {
        margin-left: 0 !important;
    }

    .store-contact-panel a {
        padding-top: 0;
        line-height: 44px;
    }
}

/* Direction/Tariffs Tabs Panel */

.direction-tabs {
    margin: 2em 0 1em;
}

.direction-tabs>ul>li,
.tariffs-tabs>ul>li {
    background: #6BCDB2;
    border-right: 1px solid white;
    /*background: -moz-linear-gradient(top, #6BCDB2 0, #0086b4 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#6BCDB2), color-stop(100%,#0086b4));
        background: -webkit-linear-gradient(top, #6BCDB2 0,#0086b4 100%);
        background: -o-linear-gradient(top, #6BCDB2 0,#0086b4 100%);
        background: -ms-linear-gradient(top, #6BCDB2 0,#0086b4 100%);
        background: linear-gradient(to bottom, #6BCDB2 0,#0086b4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6BCDB2', endColorstr='#0086b4',GradientType=0 );*/
}

.tariffs-tabs>ul {
    margin-bottom: 0;
}

.direction-tabs>ul>li>a,
.tariffs-tabs>ul>li>a {
    margin: 0;
    padding: 5px 0 0 0;
    color: white;
    text-align: center;
}

.tariffs-tabs>ul>li {
    width: 55%;
    white-space: nowrap;
}

.tariffs-tabs>ul>li+li {
    width: 45%;
}

.tariffs-tabs>ul>li>a {
    padding: 5px 1em 0 1em;
}

.tariffs-tabs table {
    margin: 0;
}

.tariffs-tabs section {
    padding: 1em;
    border: 1px solid silver;
    border-top: none;
}

.direction-tabs ul {
    margin: 0;
}

.direction-tabs section {
    padding: 1.5em;
    border-left: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
}

.direction-tabs p {
    margin-top: 0;
}

.tabs>ul>li.tab-active,
.tabs>ul>li>a:hover {
    background-color: white;
}

.tabs>ul>li.tab-active>a,
.tabs>ul>li.tab-active>a:hover,
.tabs>ul>li>a:hover {
    color: #6BCDB2;
}

@media only screen and (min-width: 420px) {

    .tariffs-tabs>ul>li,
    .tariffs-tabs>ul>li+li {
        float: left;
        width: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 839px) {
    .tariffs-tabs>ul>li {
        float: none;
        width: 100%;
    }
}

@media only screen and (min-width: 600px) {
    .direction-tabs .car {
        -webkit-background-size: 1.188em 2.688em;
        -o-background-size: 1.188em 2.688em;
        -moz-background-size: 1.188em 2.688em;
        background-size: 1.188em 2.688em;
        background-repeat: no-repeat;
        background-position: 0.625em -1em;
        background-image: url(libs/images/icons/svg/transport-car-icon.svg);
    }

    .direction-tabs .tab-active .car,
    .direction-tabs .car:hover {
        background-position: 0.625em 0.750em;
    }

    .direction-tabs .bus {
        -webkit-background-size: 1em 2.875em;
        -o-background-size: 1em 2.875em;
        -moz-background-size: 1em 2.875em;
        background-size: 1em 2.875em;
        background-repeat: no-repeat;
        background-position: 0.625em -1.063em;
        background-image: url(libs/images/icons/svg/transport-car-bus.svg);
    }

    .direction-tabs .tab-active .bus,
    .direction-tabs .bus:hover {
        background-position: 0.625em 0.625em;
    }

    .direction-tabs .train {
        -webkit-background-size: 0.875em 2.875em;
        -o-background-size: 0.875em 2.875em;
        -moz-background-size: 0.875em 2.875em;
        background-size: 0.875em 2.875em;
        background-repeat: no-repeat;
        background-position: 0.625em -1.063em;
        background-image: url(libs/images/icons/svg/transport-car-train.svg);
    }

    .direction-tabs .tab-active .train,
    .direction-tabs .train:hover {
        background-position: 0.625em 0.625em;
    }
}

@media only screen and (min-width: 48em) {
    .direction-tabs {
        margin: 0;
    }

    .direction-tabs section {
        padding: 2.5em;
    }
}

@media only screen and (min-width: 62em) {
    .direction-tabs {
        min-height: 470px;
    }

    .direction-tabs section {
        min-height: 431px;
    }
}

.car-spaces [role=button] {
    background-color: #32aa39;
    border: 1px solid #32aa39;
}

.car-spaces [role=button]:hover {
    background-color: #46c94e;
    border: 1px solid #46c94e;
}

/* Floor plan tabs */

/*Make the content fit 100% height on mobile*/
.no-site {
    padding: 1em;
    height: 100%;
}

.no-site #floor-plan,
.no-site .floor-plan-tabs {
    height: 100%;
}

.no-site #floor-plan section {
    height: 88%;
}

#floor-plan {
    position: relative;
    overflow: hidden;
    padding: 1em;
}

.floor-plan-select {
    margin-left: 97px;
    margin-bottom: 2em;
}

.floor-plan-tools {
    position: absolute;
    left: 1em;
    z-index: 2;
}

.floor-zoom {
    height: 2.444em;
    width: 2.444em;
    -webkit-background-size: 2.750em 2.750em;
    -o-background-size: 2.750em 2.750em;
    -moz-background-size: 2.750em 2.750em;
    background-size: 2.750em 2.750em;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #6BCDB2;
    background-image: url(libs/images/icons/svg/zoom-out-icon.svg);
}

.floor-zoom.in {
    background-image: url(libs/images/icons/svg/zoom-in-icon.svg);
}

.floor-zoom:hover {
    border: none;
}

.floor-plan-tabs>ul {
    margin-left: 97px;
    margin-top: 1em;
}

.floor-plan-tabs>ul>li>a {
    padding: 0 2em;
}

/* Hide border on displace tab list*/
.floor-plan-tabs>ul>li.tab-active>a,
.floor-plan-tabs>ul>li.tab-active>a:hover {
    border-bottom-color: #fff;
    z-index: 1;
    position: relative;
}


/* Add border for displaced tabs */
.floor-plan-tabs section {
    min-height: 420px;
    padding: 0;
    position: relative;
    overflow: hidden;
    border-top: 1px solid #C0C0C0;
    margin-top: -1px;
    cursor: move;
}

.floor-plan-tabs .plan-wrap {
    position: relative;
    margin: 0 auto;
    /* Make drag better */
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

figcaption {
    margin: 1em 0;
    font-size: 0.875em;
    color: #6BCDB2 !important;
    background-color: #fff !important;
}

.carousel-widget {
    padding-bottom: 0 !important;
}

.carousel-widget>ol {
    right: auto;
}

.carousel-widget>figure>figcaption {
    background-color: #fff;
    color: #6BCDB2;
    text-align: right;
}

/*@media (min-width: 62em) {
    .floor-plan-tabs section > div {
        width: 40%;
    }
}*/

.lightbox.lightbox-floorplan {
    max-width: none;
    margin-top: 3px;
}

.floor-plan-tabs .plan-wrap {
    width: 250%;
}

.floor-plan-tabs .plan {
    position: relative;
}

.floor-plan-tabs section img {
    width: 100%;
}

.floor-plan-tabs section i {
    height: 77px;
    width: 63px;
    position: absolute;
    display: block;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(libs/images/icons/svg/floorplan-marker.svg);
    margin-left: -32.5px;
    margin-top: -77px;
}

/* Page anchors nav */

.page-anchors {
    margin-bottom: 1em;
}

.page-anchors ul {
    padding-left: 0;
}

.page-anchors li {
    display: inline-block;
    list-style: none;
    margin: .25em 0;
}

.page-anchors a {
    display: block;
    background-color: #6BCDB2;
    border-radius: 10px;
    padding: .15em 1.125em;
    color: white;
    text-align: center;
    text-decoration: none;
}

.page-anchors a.disabled {
    background-color: #f5f5f5;
    color: #e5e5e5;
    cursor: not-allowed;
}

.page-anchors a:hover,
.page-anchors a:focus {
    background-color: #EFEFEF;
    color: #3c3c3b;
}

.page-anchors.whats-hot a,
.page-anchors.rewardme a {
    background-position: 1em center;
    background-repeat: no-repeat;
    padding: .15em 1.125em .15em 2.5em;
    font-family: 'Proxima Nova Semibold', Arial, Roboto, "DroidSans_Stock_Font", sans-serif;
    transition: background-color 0.5s ease;
}

.page-anchors.rewardme a {
    background-color: #cfcfcf;
    color: #777776;
    padding: .15em 1.125em .15em 1.125em;
}

.page-anchors.rewardme a:hover,
.page-anchors.rewardme a:focus {
    background-color: #adadad;
    color: white;
}

.page-anchors.whats-hot a {
    background-image: none;
    background-color: #6BCDB2;
    padding: .15em 1.125em .15em 1.125em;
}

.page-anchors.business a {
    background-color: #6BCDB2;
    color: white;
}

.page-anchors.whats-hot a:hover,
.page-anchors.whats-hot a:focus,
.page-anchors.business a:hover,
.page-anchors.business a:focus {
    background-color: #6BCDB2;
    color: white;
}


/* Tables */

.mall-info-table th,
.mall-info-table td {
    width: 50%;
    background-color: #f2f2f2;
    border-bottom: 4px solid white;
}

.mall-info-table.facts th {
    border-right: 4px solid white;
}

.mall-info-table.facts td {
    color: #6BCDB2;
}

.mall-info-table.cinema-table th,
.mall-info-table.cinema-table td {
    background-color: #6BCDB2;
    color: white;
}

.available-units {
    border: none;
}

.available-units .mall {
    border: none;
    background-color: white;
    margin: 1.5em 0 0;
    padding: 0;
    color: #6BCDB2;
    font-size: 1.5em;
}

.available-units tbody>tr {
    margin: 1em 0;
}

.available-units th,
.available-units td {
    border-left: none;
    border-top: 4px solid white;
    background-color: #e3e3e3;
}

.available-units tbody>tr>th,
.available-units tbody>tr>td:nth-child(2n+1) {
    background-color: #f2f2f2;
}

.available-units th {
    border-top: 2px solid #6BCDB2;
}

.available-units td:before,
.available-units td:after,
.available-units th[scope="row"]:before,
.available-units th[scope="row"]:after {
    padding: 0;
}

@media only screen and (min-width: 48em) {

    .available-units {
        background-color: #6BCDB2;
    }

    .available-units th,
    .available-units td {
        border-top: 2px solid white;
    }

    .available-units th {
        background-color: #6BCDB2;
        color: white;
    }

    .available-units th[scope="row"] {
        color: #3c3c3b;
    }

    .available-units td {
        background-color: #f2f2f2 !important;
    }
}


/* Numbered & Colored lists */

ul.colored {
    padding-left: 1em;
}

ol.colored {
    padding-left: 75px;
    /*padding-left: 0;*/
}

ol.colored li {
    min-height: 60px;
    margin: 1em 0;
    padding: 1em 0 0;
}

ol.colored>li:before,
ul.colored>li:before {
    color: #6BCDB2;
}

ol.colored>li:before {
    border: 2px solid #6BCDB2;
    border-radius: 50%;
    height: 60px;
    margin-top: .5em;
    padding: .6em 0 0 .25em;
    color: #6BCDB2;
    font-size: 1.5em;
    text-align: center;
}

@media only screen and (min-width: 48em) {
    ol.colored li {
        margin: .5em 0;
        padding: 1em 0;
    }
}

/* Carousel styles */

.carousel {
    margin-bottom: 0;
}

.carousel.page-carousel {
    margin-top: 2em;
    /*padding-bottom: 3em;*/
    width: 99.8%;
}

.carousel.page-carousel header,
.carousel.page-carousel .promo-highlight {
    border: 1px solid #EDEDED;
    border-bottom: none;
}

.carousel.page-carousel .promo-highlight header {
    border: 0 none;
}

.carousel.event-carousel figcaption {
    margin: 0;
    padding: 1em 0 0.5em 4em;
    background-color: white;
    color: #6BCDB2;
    text-align: right;
}

.carousel.event-carousel>ol {
    right: auto;
}

.carousel-control,
.carousel-control:visited {
    /*background-color: #6BCDB2;*/
    background-image: url(libs/images/icons/svg/left-carousel-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    top: 35%;
    font-size: 1em;
    width: 2.5em;
    height: 3.75em;
}

.carousel-control.right {
    background-image: url(libs/images/icons/svg/right-carousel-arrow.svg);
}

.carousel-control:hover {
    opacity: .6;
}

.carousel-indicators>ol {
    z-index: 3;
    margin: 0;
    padding: 2em 2em 0 2em;
    text-align: center;
    list-style: none;
}

.carousel-indicators>ol li {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: 1px;
    text-indent: -9999px;
    cursor: pointer;
    border: 2px solid #111;
    background-color: transparent;
}

.carousel-indicators>ol .active {
    background-color: #fff;
}

.carousel>ol,
.carousel-indicators>ol {
    top: auto;
    bottom: 0;
}

.carousel>ol li,
.carousel-indicators>ol li {
    background-color: #fee5f0;
    border: none;
}

.carousel>ol .active,
.carousel-indicators>ol .active,
.carousel>ol li:hover,
.carousel-indicators>ol li:hover {
    background-color: #6BCDB2;
}

/* Page Carousel */

.page-carousel.featured .headline,
.national figure .headline {
    border: 1px solid #ededed;
    padding: 1em 2em;
}

@media only screen and (min-width: 48em) {

    .page-carousel.featured .headline,
    .national figure .headline {
        background-color: rgba(255, 255, 255, 0.8);
        border: none;
        bottom: 0;
        height: 64px;
        left: 0;
        padding: 0.5em 4.688em 0.5em 1em;
        position: absolute;
        right: 0;
    }
}

/* Generic site styles */

p.lead {
    font-size: 1.5em;
    line-height: 1.167em;
}

.item-image-container {
    /*float: left;*/
    display: block;
    margin: 0 0 1em 0;
}

.item-image-container.outlined img {
    border: 1px solid #EDEDED;
}

.item-image-container img {
    width: 100%;
}

.item-image-container.column img {
    width: auto;
}

.item-content {
    display: block;
    margin-bottom: 1.5em;
}

.item-content h4 {
    margin: 0;
}

.temp-card {
    padding: 1.5em;
}

/*.facilities {
    margin-top: 1em;
    margin-bottom: 1em;
}

    .facilities img {
        width: 100%;
    }*/

.article-image {
    margin-top: 1em;
    margin-bottom: 1em;
}

.article-image img {
    min-width: 100%;
}

.article-image img.center-image {
    margin: 0 auto;
}

.article-image img.do-not-strech {
    width: auto;
    min-width: 0;
}

.article-image.portrait {
    max-width: 460px;
    margin: 2em auto;
}

.article-image figcaption {
    margin: 1em 0;
    font-size: 0.875em;
}

.article-media img {
    width: 100%;
    margin: 1em 0;
}

@media only screen and (min-width: 48em) {

    .article-image.wrapped-image {
        float: right;
        margin: 0 0 1em 2em;
        max-width: 49%;
    }

    .article-media img {
        margin: 0;
    }
}

.date-stamp {
    color: #8c8b8a;
    margin: 0;
}

.gift-card-lead,
.rewardme-lead {
    padding-bottom: 1em;
}

.article-container {
    position: relative;
}

.related-content {
    display: block;
    /*width: 100%;*/
}

.related-content h3 {
    margin-top: 0;
}

.related-articles ul {
    padding-left: 0;
}

.related-articles li {
    display: inline-block;
    list-style: none;
    margin: 0.625em 0;
    padding-left: 80px;
}

.related-articles img {
    max-width: 65px;
    max-height: 65px;
    margin-left: -80px;
    float: left;
    border: 1px solid #ededed;
}

.related-articles a {
    text-decoration: none;
}

.related-articles p {
    margin-top: 0;
}

.social-sharing>div {
    display: inline-block;
    vertical-align: top;
    margin: 0 .5em;
}

.social-share {
    display: inline-block;
}

.social-share a {
    padding: 8px 0 8px 24px;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 0 6px;
    margin-right: 6px;
    font-size: 0.8em;
    text-decoration: none;
}

.social-share a.facebook {
    background-image: url(libs/svgs/facebook-icon-share.svg);
    color: #3c3c3b;
}

.social-share a.twitter {
    background-image: url(libs/svgs/twitter-icon-share.svg);
    background-size: 20px;
    background-position: 0 8px;
    color: #3c3c3b;
}

.social-share a.email {
    background-image: url(libs/images/icons/svg/email-icon-share.svg);
    background-size: 21px;
    background-position: 0 8px;
    color: #3c3c3b;
}

@media only screen and (min-width: 48em) and (max-width: 62em) {
    /*.article-container {
        padding-bottom: 275px;
    }*/

    /*[role="complementary"] {
        margin-top: 2.5em;
        padding-top: 1.25em;
        border-top: 1px solid #ededed;
    }*/

    .related-content {
        border-top: 1px solid #ededed;
        margin-top: 2.5em;
        padding-top: 2.5em;
    }
}

@media only screen and (min-width: 48em) {
    .article-head {
        margin-top: 0;
    }

    .temp-card {
        padding: 1.5em 0 1.5em 2em;
    }

    .rewardme-lead,
    .gift-card-lead {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 5;
        height: 100%;
        padding: 0;
    }

    .rewardme-lead {
        top: 0px;
        /*was -60px*/
    }

    .gift-card-lead {
        top: -60px;
    }
}

@media only screen and (min-width: 62em) {
    .related-content {
        position: relative;
        padding-left: 2.5em;
        margin-left: 2.5em;
        /*display: block;
        float: left;
        margin: 0 0 0 5.25% !important;
        padding: 0 0 0 5.25% !important;
        border-top: 0;*/
        border-left: 1px solid #ededed;
    }

    .rewardme-lead {
        top: 0px;
        /*was -80px*/
    }

    .gift-card-lead {
        top: -80px;
    }
}

@media only screen and (min-width: 75em) {
    .article-image {
        margin: 2em 0 2em -4.375em;
    }

    .article-image.full-width {
        margin-left: 0;
    }
}

.mall-contact {
    display: inline-block;
}

.mall-contact .email-icon-rev,
.mall-contact .tel-icon-rev {
    display: inline-block;
    margin: .75em 1em;
    text-decoration: none;
}

.balance-check p {
    margin-top: 0;
}

.scratchcard-submit {
    margin: 1.5em 0;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

.scratchcard-submit .step1,
.scratchcard-submit .step2 {
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 70px;
}

.scratchcard-submit .step1 {
    background-image: url(libs/images/icons/one-icon.gif);
}

.scratchcard-submit .step2 {
    background-image: url(libs/images/icons/two-icon.gif);
}

fieldset legend+* {
    /* webkit on iPad ignore margins on legends unless this is specified */
    -webkit-margin-top-collapse: separate;
    margin-top: 1em;
}

div.opening-times {
    max-height: 2.438em;
    margin-bottom: 1.5em;
    border: 1px solid #EDEDED;
    -webkit-background-size: 2.438em 2.438em;
    -o-background-size: 2.438em 2.438em;
    -moz-background-size: 2.438em 2.438em;
    background-size: 2.438em 2.438em;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(libs/images/icons/svg/opening-times-icon.svg);
}

div.opening-times a {
    display: block;
    margin: 0;
    padding-left: 1em;
    color: #3c3c3b;
    line-height: 39px;
    text-decoration: none;
}

div.opening-times a:hover,
div.opening-times a:focus {
    color: #6BCDB2;
    text-decoration: none;
}

@media only screen and (min-width: 48em) {
    div.opening-times {
        margin-bottom: 0;
    }
}

.callout {
    position: relative;
    background-color: #6BCDB2;
    padding: 2em 1.7em 1.25em 1.7em;
    color: white;
}

@media only screen and (max-width: 600px) {
    .callout {
        padding: 1em;
    }
}

.callout.alt {
    background-color: #6BCDB2;
}

.callout a {
    color: white;
}

.callout.business a {
    color: #6BCDB2;
}

.callout p:first-of-type {
    margin-top: 0;
}

.standard-form .callout {
    background-color: #f2f2f2;
    margin-bottom: .5em;
    padding: 1em 1.5em;
    color: #3c3c3b;
}

.standard-form .callout p {
    margin: 0;
}

.standard-form .callout a {
    color: #6BCDB2;
}


.standard-form-form .callout,
.standard-form .callout .option {
    margin-bottom: 1em;
}

.standard-form .help-text {
    font-size: 0.8em;
    margin: -2px 0 10px 0;
    display: block;
    color: #7d7d7a;
}

@media only screen and (min-width: 48em) {
    .standard-form .form-actions {
        margin: 4em 0;
    }
}

.callout .pointer {
    position: absolute;
    top: -20px;
    left: 48%;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 20px 20px 20px;
    border-color: transparent transparent #6BCDB2 transparent;
}

/* Adjust left position for pointer */

.callout.mall-contact .pointer {
    left: 46%;
}

.callout.balance-check .pointer {
    left: 44%;
}

.callout.jobs-contact .pointer {
    left: 5%;
}

.callout.question .pointer {
    left: 10px;
    border-width: 0 20px 20px 20px;
    border-color: transparent transparent #f2f2f2 transparent;
}

@media only screen and (min-width: 48em) {
    .callout.balance-check .pointer {
        left: 47%;
    }

    .callout.question .pointer {
        left: -20px;
        top: 10px;
        border-width: 0 20px 20px 0;
        border-color: transparent #f2f2f2 transparent transparent;
    }
}

/* Adjust top margins for box elements with a pointer */

.mall-contact,
.jobs-contact,
.balance-check {
    margin-top: 2em;
}

.question {
    margin-top: .5em;
}

@media only screen and (min-width: 48em) {
    .question {
        margin-top: 0;
    }
}

/* Styled lists */

ul.featured {
    margin: 0;
    padding: 0;
}

ul.featured li {
    list-style: none;
    background-image: url(libs/images/icons/square-bullet.gif);
    background-repeat: no-repeat;
    background-position: left 4px;
    margin: 0 0 .75em 0;
    padding-left: 1.5em;
}

ul.featured.secondary {
    margin-top: 0;
}

.border-list {
    padding-left: 0;
}

.border-list li {
    list-style: none;
    border-left: 5px solid #6BCDB2;
    margin: .5em 0;
    padding-left: 1em;
    font-size: 1.25em;
}

.border-list li:hover {
    background-color: #efefef;
}

.border-list li:hover>a {
    color: #6BCDB2;
}

.border-list li a {
    color: #3c3c3b;
    text-decoration: none;
}

/* Wood Green Cinema Feed */

.cinema-intro {
    margin: 1.5em 0;
}

.view-all-films {
    margin: 1.5em 0 0;
}

@media only screen and (min-width: 48em) {
    .cinema-intro img {
        float: left;
        margin-right: 2em;
    }
}

@media only screen and (min-width: 960px) {
    .cinema-img {
        margin-top: 3.5em;
    }
}

.film-listing {
    margin: 1.5em 0;
    padding-left: 120px;
}

.film-listing .image-wrapper {
    float: left;
    position: relative;
    display: block;
    margin-left: -120px;
}

.film-listing ul {
    padding: 0;
}

.film-listing li {
    list-style: none;
    display: inline-block;
    margin-right: 1em;
}


/* ===== | Footer | ========================================================= */
/*
/* ========================================================================== */

.main-footer .pointer {
    position: absolute;
    top: -40px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #6BCDB2 transparent;
}

.main-footer.business .pointer {
    border-color: transparent transparent #6BCDB2 transparent;
}

.main-footer li {
    list-style: none;
}

.main-footer li a {
    text-decoration: none;
}


.main-footer a {
    color: white;
    font-size: 1.125em;
}

.main-footer a:hover,
.main-footer a:focus {
    text-decoration: underline;
}

.main-footer.business .terms p {
    font-size: 0.889em;
}

.main-footer.business .site-links,
.main-footer.business .contact {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.main-footer.business p {
    color: #ffffff;
}

@media only screen and (min-width: 48em) {
    .main-footer .site-links.secondary {
        margin-top: 2.75em;
    }
}


.main-footer .site-links li {
    padding: 0.313em 0;
}

.main-footer .site-links li a {
    display: block;
    padding-left: 1em;
    -webkit-background-size: 0.375em 0.688em;
    -o-background-size: 0.375em 0.688em;
    -moz-background-size: 0.375em 0.688em;
    background-size: 0.375em 0.688em;
    background-image: url(libs/images/icons/svg/list-arrow-white.svg);
    background-repeat: no-repeat;
    background-position: left 6px;
}

.main-footer .contact-info {
    border-bottom: 1px solid #60a4b5;
    text-align: center;
}

/*
.main-footer .facebook-icon,
.main-footer .twitter-icon {
    width: 2.938em;
    height: 2.938em;
    display: inline-block;
}*/

.main-footer .email-icon-rev,
.main-footer .tel-icon-rev {
    height: 100%;
    display: block;
    background-position: center top;
    margin-bottom: 1em;
    padding: 2.625em 0 0;
}

.main-footer .social-links {
    border-top: 1px solid #60a4b5;
    border-bottom: 1px solid #60a4b5;
    padding: 1em 0;
    text-align: center;
}

.main-footer .social-links a {
    display: inline-block;
    margin: 0 0.25em;
    width: 2.938em;
    height: 2.938em;
    /*border: 2px solid white;
    border-radius: 100%;*/
}

.main-footer .legal-links {
    margin: 1.5em 0 1em;
}

.main-footer .address {
    color: white;
    text-align: center;
}

.main-footer .parent-company {
    text-align: center;
    color: white;
}

.main-footer .parent-company .capreg {
    margin: 0.5em auto 0 auto;
    display: block;
    width: 178px;
    height: 81px;
    background-image: url(libs/images/cr-logo.png), none;
    background-size: cover;
    /* width: 128px;
    height: 61px;
    /* background-image: url(libs/svgs/capreg-logo-alt.svg), none; */
    background-image: url(libs/images/capreg-logo.png), none;
    background-size: contain;
}

.main-footer .parent-company img {
    padding-top: 0.5em;
}

.main-footer.business .address {
    border-top: none;
    padding-top: 1em;
}

.main-footer.business .contact {
    padding-top: 1em;
    border-top: 1px solid #d50039;
    text-align: center;
}

.main-footer.business .address,
.main-footer.business .terms {
    text-align: center;
}

.main-footer .signoff {
    margin-top: 2em;
    /*border-top: 1px solid #80d3ea;
    border-bottom: 1px solid #80d3ea;*/
}

.main-footer.business .signoff {
    margin-top: 0;
    /*border-top: 1px solid #d50039;*/
    /* border-bottom: 1px solid #d50039;*/
}

.main-footer.business .site-links a {
    display: block;
}

.main-footer.business .capreg {
    text-align: center;
}

.main-footer.business .capreg img {
    margin-left: 1em;
}

.main-footer h3 {
    color: rgba(255, 255, 255, .8);
}

.main-footer.business h3 {
    color: white;
}

@media only screen and (min-width: 48em) {
    .main-footer .pointer {
        top: -60px;
    }

    .main-footer a {
        font-size: 1em;
    }

    .main-footer .contact-info {
        border: none;
        /*margin-top: 1.5em;
        border-top: 1px solid #80d3ea;
        border-bottom: 1px solid #80d3ea;
        text-align: left;*/
    }

    .main-footer .social-links {
        margin-top: 1em;
        border: none;
        text-align: left;
    }

    .main-footer .legal-links {
        margin: 0;
    }

    .main-footer .address {
        margin-top: 0;
        color: white;
        text-align: left;
    }

    .main-footer .parent-company {
        text-align: right;
    }

    .main-footer .national .parent-company .capreg,
    .main-footer .parent-company .capreg {
        display: inline-block;
        margin: 0.5em 0 0 0;
    }

    .main-footer.business .site-links,
    .main-footer.business .contact {
        margin-top: 0;
        margin-bottom: 0;
    }

    .main-footer.business .site-links a {
        display: inline;
    }

    .main-footer.business .contact {
        padding-top: 0;
        border-top: none;
        text-align: left;
    }

    .main-footer.business .address {
        padding: 0.375em 0;
        text-align: left;
    }

    .main-footer.business .terms {
        text-align: right;
    }

    .main-footer .signoff {
        margin-top: 2em;
        border-top: 1px solid rgba(255, 255, 255, .5);
    }


    .main-footer.business .capreg {
        text-align: right;
    }

    .main-footer .email-icon-rev,
    .main-footer .tel-icon-rev {
        display: block;
        background-position: left center;
        padding: .25em 0 .25em 3em;
    }

    .main-footer .social-links h3 {
        float: left;
        margin: 0.75em 1em 0 0;
    }
}

/* ===== | Buttons & Forms Elements | ======================================= */
/*
/* ========================================================================== */

button,
input[type="submit"],
input[type="button"],
input[type="reset"],
[role="button"] {
    background-color: #6BCDB2;
    border: 1px solid #6BCDB2;
    font-family: 'Proxima Nova', Arial, Roboto, "DroidSans_Stock_Font", sans-serif;
    font-size: 1.125em;
    color: white;
}

button.date {
    background-color: transparent;
    border: none;
    padding: 0;
    color: #D0D0D0;
    font-family: 'Proxima Nova Bold';
    font-size: 1rem;
}

button.date:focus,
button.date:active {
    color: #D0D0D0;
    background-color: transparent;
}

button.date[disabled] {
    opacity: 0.45;
}

button.date:first-of-type {
    margin-left: 1.5rem;
}

button.date:not(:last-of-type) {
    margin-right: 1.5rem;
}

button.date:hover {
    background-color: transparent;
    border: none;
    color: #adadad;
}

button,
[role="button"] {
    border-radius: 10px;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
[role="button"]:hover {
    background-color: #6BCDB2;
    border: 1px solid #6BCDB2;
    color: white;
    transition: background-color 0.3s ease;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active,
[role="button"]:active {
    background-color: #6BCDB2;
    color: white;
}

button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
[role="button"]:focus {
    outline: none;
    color: white;
}

.main-carousel [role="button"],
.business-intro [role="button"] {
    position: relative;
    padding-right: 2.5em;
    border-radius: 0;
    background-color: transparent;
    border-color: white;
    margin-bottom: 1.25em;
}

.main-carousel [role="button"]:after,
.business-intro [role="button"]:after {
    content: "";
    position: absolute;
    right: .5em;
    top: .35em;
    background-image: url(libs/images/icons/svg/right-arrow-white.svg);
    -webkit-background-size: 1.5em 1.5em;
    -o-background-size: 1.5em 1.5em;
    -moz-background-size: 1.5em 1.5em;
    background-size: 1.5em 1.5em;
    background-repeat: no-repeat;
    background-position: center center;
    height: 1.5em;
    width: 1.5em;
}

.main-carousel [role="button"]:hover,
.main-carousel [role="button"]:focus,
.business-intro [role="button"]:hover,
.business-intro [role="button"]:focus {
    background-color: #6BCDB2;
    color: white;
}

.button-centered {
    margin: 0 1em;
}

.form-actions button {
    padding: .5em 2em;
}

.form-actions hr {
    margin: -1.25em 0 0;
}

.no-edit.offer-code {
    padding: 0.5em 1em;
    font-family: 'Proxima Nova Semibold', Arial, Roboto, "DroidSans_Stock_Font", sans-serif;
    cursor: text;
    color: #6BCDB2;
    font-size: 1.5em;
    text-align: center;
    -webkit-box-shadow: 0 0 3px 0 rgba(50, 50, 50, 0.1);
    -ms-box-shadow: 0 0 3px 0 rgba(50, 50, 50, 0.1);
    box-shadow: 0 0 3px 0 rgba(50, 50, 50, 0.1);
}

.store-search input,
.balance-check input {
    padding: 0.5em 1em;
    font-family: 'Proxima Nova', Arial, Roboto, "DroidSans_Stock_Font", sans-serif;
    font-size: 1.125em;
    color: #3c3c3b;
}

.balance-check input {
    padding: 0.5em;
}

.balance-check input:focus {
    border-color: #6BCDB2;
}

.balance-check button {
    display: block;
    width: 100%;
}

.standard-form label {
    margin: .25em 0;
    font-size: 0.938em;
}

.standard-form select,
.standard-form textarea,
.standard-form input {
    padding: .5em .25em;
    margin-bottom: .5em;
}

.scratchcard-submit label {
    margin: 0 .5em .25em .5em;
}

.scratchcard-submit input {
    padding: .5em .25em;
    margin: .5em 0 1em;
}

.scratchcard-submit button {
    margin: .5em 0 1em;
}

fieldset legend {
    margin: 0 0 1em 0;
    font-family: 'Proxima Nova Semibold', Arial, Roboto, "DroidSans_Stock_Font", sans-serif;
    font-size: 1.5em;
}

.field-validation-error {
    min-height: 1.563em;
    display: block;
    margin-bottom: 1em;
    padding: .5em 0 .5em 2.5em;
    color: #6BCDB2;
    -webkit-background-size: 1.563em 1.563em;
    -o-background-size: 1.563em 1.563em;
    -moz-background-size: 1.563em 1.563em;
    background-size: 1.563em 1.563em;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(libs/images/icons/svg/form-error-icon.svg);
}

.input-validation-error {
    border: 2px solid #6BCDB2;
}

#balanceCheckResultError {
    display: inline-block;
    background-color: white;
    border: 2px solid #6BCDB2;
    margin-top: 1em;
    padding: 1em;
}

#balanceCheckResultError h4 {
    color: #6BCDB2;
}

#balanceCheckResultError h4,
#balanceCheckResultError .field-validation-error {
    display: inline-block;
    margin-bottom: 0;
}

#balanceCheckResultError .field-validation-error {
    height: 24px;
}

.competition .callout input {
    float: left;
}

.competition .callout label {
    margin-top: 0;
    padding-left: 2em;
}

@media only screen and (min-width: 48em) {

    #balanceCheckResultError h4,
    #balanceCheckResultError .field-validation-error {
        float: left;
    }

    #balanceCheckResultError h4 {
        padding-top: 3px;
    }

    .field-validation-valid {
        display: none;
    }
}

/* Custom dropdown */

.custom-dropdown {
    width: 100%;
    border: 1px solid #C0C0C0;
    margin-bottom: 0.5em;
    overflow: hidden;
    -webkit-background-size: 1.875em 3.125em;
    -o-background-size: 1.875em 3.125em;
    -moz-background-size: 1.875em 3.125em;
    background-size: 1.875em 3.125em;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(libs/images/icons/svg/select-menu-dropdown.svg);
    background-color: #FFFFFF;
}

.custom-dropdown select::-ms-expand {
    display: none;
    /* hide default arrow in IE10 */
}

.custom-dropdown select {
    background: transparent;
    border: none;
    margin: 0;
    width: 100%;
    padding-right: 30px;
    width: 130%\9;
    text-indent: 0.01px;
    -moz-text-overflow: "";
    text-overflow: "";
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}

x::-ms-reveal,
.custom-dropdown select {
    width: 100%;
}

/*
 * Fix layout on Firefox 30+ and Nexus
 */
@-moz-document url-prefix() {

    .custom-dropdown select {
        width: 110%;
    }
}

@media only screen and (orientation: portrait),
(orientation: landscape) {
    @-moz-document url-prefix() {
        .custom-dropdown select {
            text-indent: 5px;
        }
    }
}

/* Radio buttons that look like Checkboxes :( */

input[type=radio].custom-radio,
input[type=checkbox].custom-checkbox {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=radio].custom-radio+label.custom-label,
input[type=checkbox].custom-checkbox+label.custom-label {
    background-repeat: no-repeat;
    background-position: 0 0;
    display: inline-block;
    padding-left: 25px;
    height: 17px;
    line-height: 17px;
    font-size: 17px;
    vertical-align: middle;
    cursor: pointer;
}

input[type=radio].custom-radio:checked+label.custom-label,
input[type=checkbox].custom-checkbox:checked+label.custom-label {
    background-position: 0 -17px;
}

.custom-label {
    background-image: url(libs/images/icons/custom-radio-button.png);
}

/* Change styles for multi-line labels */

input[type=checkbox].custom-checkbox+label.custom-label.multi-line {
    line-height: 24px;
    background-position: 0 0;
    height: auto;
}

input[type=checkbox].custom-checkbox:checked+label.custom-label.multi-line {
    background-image: url(libs/images/icons/custom-checkbox-checked.gif);
}

.custom-label.multi-line {
    background-image: url(libs/images/icons/custom-checkbox.gif);
}

/* ===== | Modal adjustments | ============================================== */
/*
/* ========================================================================== */

.modal-max-width {
    max-width: 600px;
    width: 100%;
}

/* ===== | Mall Business styles | =========================================== */
/*
/* ========================================================================== */

.business-promo-content {
    margin-bottom: 5em;
    padding: 3em;
}

.business-promo-content h1 {
    padding-top: 1em;
}

.business-signposts {
    margin: 1.5em 0;
}

.business-signposts .module {
    margin: 1em 0;
}

@media only screen and (min-width: 48em) {
    .business-signposts .headline {
        background-color: #fafafa;
        padding: 1em;
    }

    .business-promo-content h1 {
        font-size: 3em;
    }
}

/* Staff Modules */

.module.staff-contact {
    margin: 1em 0;
    height: 131px;
    clear: left;
}

.module.business-contact {
    margin: 1em 0;
}

.module.staff-contact .image,
.module.business-contact .image {
    float: left;
    width: 131px;
    height: auto;
    border: 5px solid #f5f5f5;
}

.module.business-contact .image {
    margin-bottom: .5em;
    width: 170px;
}

.module.staff-contact .headline {
    background-color: #f5f5f5;
    display: block;
    min-height: 100%;
    margin-left: 139px;
    padding: .8em;
}

.module.business-contact .headline {
    clear: left;
    background-color: #f5f5f5;
    display: block;
    padding: 0;
}

.module.staff-contact h4 {
    margin: 0;
}

.business-contact table {
    background-color: #f5f5f5;
    margin: 0;
    height: 100%;
}

.business-contact table td {
    line-height: 40px;
    min-width: 35%;
}

.business-contact table td.col1 {
    border-right: 3px solid white;
}

.business-contact table [scope="col"],
.business-contact table [scope="row"] {
    border: none;
}

@media only screen and (min-width: 48em) {
    .module.business-contact .headline {
        margin-left: 179px;
        clear: none;
    }

    .business-contact table td {
        min-width: 35%;
    }
}

@media only screen and (min-width: 62em) {

    .business-contact table td.col1 {
        width: 35%;
    }

    .business-contact table td.col2 {
        width: 65%;
    }
}

#our-malls-map-container .map {
    position: relative;
}

#our-malls-map-container ul.colored {
    padding-left: 1.5em;
}

#our-malls-map-container ul.colored>li:before {
    background-color: #bfbfbf;
    margin-top: 0.25em;
    width: 0.75em;
    height: 0.75em;
    content: "";
    left: -1.5em;
}

#our-malls-map-container ul.colored>li:before,
#our-malls-map-container ul.colored>li {
    cursor: pointer;
}

#our-malls-map-container ul.colored>li:hover:before,
#our-malls-map-container ul.colored>li.active:before,
#our-malls-map-container .map .point.active {
    background-color: #6BCDB2;
}

#our-malls-map-container .map .point {
    height: 0.75em;
    width: 0.75em;
    background-color: #bfbfbf;
    position: absolute;
    cursor: pointer;
}

#our-malls-map-container .map .point:hover {
    background-color: #6BCDB2;
}

@media only screen and (min-width: 48em) {
    #our-malls-map-container ul.colored {
        margin-top: 5em;
    }

    #our-malls-map-container ul li {
        margin: 0.4em 0;
    }
}

/* Callout Quotes */

.callout.business {
    background-color: #f5f5f5;
    margin: 2em 0;
    color: #3c3c3b;
}

.callout.business h2 {
    font-family: 'Proxima Nova', Arial, Roboto, "DroidSans_Stock_Font", sans-serif;
    margin: 0.5em;
}

.callout.business .pointer {
    border-color: transparent transparent transparent #F5F5F5;
    border-style: solid;
    border-width: 25px 0 0 25px;
    height: 0;
    left: 1.5em;
    position: absolute;
    top: -25px;
    width: 0;
}

.callout.business blockquote {
    position: relative;
    margin: 0;
    padding: 1em;
    font-size: 1.5em;
    line-height: 1.250em;
    color: #3c3c3b;
}

.callout.business blockquote:before {
    color: #6BCDB2;
    content: "\201C";
    font-size: 3.5em;
    position: absolute;
    left: -.15em;
    top: .35em;
    line-height: 0.1em;
}

.callout.business blockquote:after {
    color: #6BCDB2;
    content: "\201D";
    font-size: 3.5em;
    position: absolute;
    right: -.15em;
    bottom: 0;
    line-height: 0.1em;
}

@media only screen and (min-width: 48em) {
    .callout.business blockquote {
        padding: 1em 2em;
    }

    .callout.business blockquote:before {
        left: 0;
    }

    .callout.business blockquote:after {
        right: 0;
    }
}

.article-image.business {
    margin: 1.188em 0 0;
}

.article-image.business figcaption {
    text-align: right;
}

@media only screen and (min-width: 48em) {
    .article-image.business img {
        border-right: 10px solid #6BCDB2;
    }
}

/* Restyle figure/figcaption when used within carousels*/

.carousel.business {
    margin-bottom: 2em;
    padding-bottom: 0;
}

@media (min-width: 48em) {
    .carousel.business-alt {
        margin-bottom: 0;
    }
}

.carousel.business>ol {
    right: auto;
}

.page-carousel .article-image.business {
    margin: 0;
}

.page-carousel .article-image.business figcaption {
    margin: 0;
    padding: 1em 0 0.5em 4em;
    background-color: white;
    color: #6BCDB2;
}

/* News articles */

.news-article-list {
    margin: 0 0 2em;
}

.news-article-list+.news-article-list {
    border-top: 1px solid #EDEDED;
}

.news-article-list img {
    width: 100%;
}

.news-image {
    float: right;
    margin-left: 2em;
}

.paginate {
    margin: 0 0 2em;
    padding: 0;
}

.paginate li {
    display: inline-block;
}

.paginate a {
    display: inline-block;
    width: 2em;
    padding: 0.438em 0 0.313em;
    background-color: #c0c0c0;
    line-height: 1;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    color: white;
}

.paginate .active {
    background-color: #6BCDB2;
}

@media only screen and (min-width: 48em) {
    .news-article-list {
        padding: 1em 0 0;
    }

    .news-article-list+.news-article-list {
        padding: 3em 0 0;
    }

    .news-article-list h2 {
        margin-top: 0;
    }

    .paginate a:hover {
        background-color: #6BCDB2;
    }
}

/* ===== | Grid adjustment | ================================================ */
/*
/* ========================================================================== */

ul.row

/* reset box model */
    {
    margin: 0;
    padding: 0;
}

ul.row li {
    list-style: none;
}

ul.row.row-list-options li {
    margin-top: .25em;
    margin-bottom: .25em;
}

@media only screen and (min-width: 420px) and (max-width: 767px) {

    .promo-grid .row [class*="col-"]:not(.featuredTile),
    .global-signposts .row [class*="col-"],
    .business-signposts .row [class*="col-"] {
        width: 50% !important;
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .static-grid .row [class*="col-"] {
        width: 50% !important;
    }
}

@media only screen and (min-width: 420px) {
    .promo-highlight [class*="col-"] {
        width: 50% !important;
    }
}

@media only screen and (min-width: 600px) {
    ul.row.row-list-inline li {
        display: inline-block;
        margin: 0 .75em;
    }
}



/* ===== | Digital Ad Space | =============================================== */
/*
/* ========================================================================== */

.adsense-container {
    margin: 2em 0;
}

@media only screen and (min-width: 960px) {
    .adsense-container {
        margin: 0;
    }

    .adsense-container.landing-page {
        margin-top: .75em !important;
    }
}

.leaderboard,
.supersky,
.skyscraper,
.adsense-skyscraper .double-mpu {
    margin: 0 auto;
    color: #7e7e7e;
    text-align: center;
}

.adsense-skyscraper {
    margin-top: 12px;
}

.leaderboard {
    margin: 2em auto;
    width: 728px;
    height: 90px;
}

.skyscraper {
    width: 120px;
    height: 600px;
}

.supersky {
    width: 160px;
    height: 600px;
}

.double-mpu {
    width: 300px;
    height: 600px;
}

/*===============================================================================================
 * Google Map
 *===============================================================================================*/

.tabs {
    position: relative;
}

/* Fix Google Maps canvas
 *
 * Wrap your Google Maps embed in a `.google-map-canvas` to reset Responsives's
 * global `box-sizing` changes. You need to reset the `max-width`
 * on images in case you've applied also.)
 */
.map-wrap {
    background-color: #F0EDE5;
}

.google-map-canvas,
.google-map-canvas *,
.google-map-canvas:before,
.google-map-canvas:after,
.google-map-canvas *:before,
.google-map-canvas *:after {
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

.google-map-canvas {
    -ms-opacity: 0;
    opacity: 0;
    position: relative;
}

/* Setting max-height for mobiles */
@media only screen and (max-width: 599px) {
    .google-map-canvas {
        max-height: 300px !important;
    }
}

/* Responsive image override */
.google-map-canvas img {
    max-width: none;
}

/* Used for rendering maps off screen*/
.map-off {
    position: absolute;
    display: block !important;
    width: 100%;
    left: -10000px;
}


/*===============================================================================================
 * Typeahead.js
 *===============================================================================================*/

.typeahead,
.tt-query,
input.tt-hint {
    color: #d5d5d5;
    padding: 0.5em 1em;
    font-size: 1.125em;
    outline: none;
}

.typeahead {
    background-color: #fff;
}

.typeahead:focus {
    border: 2px solid #6BCDB2;
}

input.tt-input {
    margin-bottom: 0;
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999;
}

.tt-dropdown-menu {
    width: 422px;
    margin-top: 0;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #c0c0c0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #6BCDB2;
}

.tt-suggestion p {
    margin: 0;
}

/*===============================================================================================
 * Temp SVG reworkings
 *===============================================================================================*/

.break {
    border-bottom: 5px solid #6BCDB2;
    margin: 4em 0;
}


/*===============================================================================================
 * Floorplan widget styles
 *===============================================================================================*/

.floorplan-wrapper {
    border: solid 1px #ededed;
    position: relative;
    width: 99%;
}

.floorplan-wrapper .floorplan-buttons {
    position: absolute;
    top: 1em;
    left: 1em;
    z-index: 1;
}

.floorplan-wrapper .floorplan {
    overflow: auto !important;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1600px) {
    .floorplan {
        height: 500px;
    }
}

label#floor-picker-label {
    line-height: 2em;
}

@media only screen and (max-width: 767px) {
    div.floorplan>.panzoom {
        min-height: 25em;
    }
}

/*===============================================================================================
 * Two column image link widget styles
 *===============================================================================================*/

.image-links {
    margin-top: 2em;
}

.image-link {
    display: block;
    margin-bottom: 1em;
}

/*===============================================================================================
 * FAQ's widget styles
 *===============================================================================================*/

.faq {
    background-color: #eee;
    border-color: #e5e5e5;
    margin-bottom: 1em;
}

.faq .accordion-head {
    border-bottom: none;
    padding: 0 1em;
}

.faq .accordion-head a {
    position: relative;
    display: block;
    padding-right: 31px;
    text-decoration: none;
    font-weight: bold;
}

.faq .accordion-head a:after {
    content: "";
    position: absolute;
    width: 26px;
    height: 26px;
    top: 0;
    right: 0;
    display: block;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iMCIgZD0iTTE2IDMxYy04LjMgMC0xNS02LjctMTUtMTVzNi43LTE1IDE1LTE1IDE1IDYuNyAxNSAxNS02LjcgMTUtMTUgMTV6IiAvPjxwYXRoIGZpbGw9IiNFRDAzN0MiIGQ9Ik0xNiAyYzcuNyAwIDE0IDYuMyAxNCAxNHMtNi4zIDE0LTE0IDE0LTE0LTYuMy0xNC0xNCA2LjMtMTQgMTQtMTRtMC0yYy04LjggMC0xNiA3LjItMTYgMTZzNy4yIDE2IDE2IDE2IDE2LTcuMiAxNi0xNi03LjItMTYtMTYtMTZ6TTEwIDE1aDEydjJoLTEyeiIvPjxnIGZpbGw9IiNFRDAzN0MiPjxwYXRoIGQ9Ik0xNSAxMGgydjEyaC0yek0xMCAxNWgxMnYyaC0xMnoiLz48L2c+PC9zdmc+')
        /*libs/images/icons/svg/expand-icon.svg*/
    ;
    background-position: right 0;
    background-repeat: no-repeat;
}

.faq .accordion-head a.on:after {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iMCIgZD0iTTE2IDMxYy04LjMgMC0xNS02LjctMTUtMTVzNi43LTE1IDE1LTE1IDE1IDYuNyAxNSAxNS02LjcgMTUtMTUgMTV6Ii8+PHBhdGggZmlsbD0iI0VEMDM3QyIgZD0iTTE2IDJjNy43IDAgMTQgNi4zIDE0IDE0cy02LjMgMTQtMTQgMTQtMTQtNi4zLTE0LTE0IDYuMy0xNCAxNC0xNG0wLTJjLTguOCAwLTE2IDcuMi0xNiAxNnM3LjIgMTYgMTYgMTYgMTYtNy4yIDE2LTE2LTcuMi0xNi0xNi0xNnpNMTAgMTVoMTJ2MmgtMTJ6Ii8+PC9zdmc+')
        /*libs/images/icons/svg/collapse-icon.svg*/
    ;
}

.faq .accordion-body {
    padding: 0 1em;
}

.faq .accordion-body p:first-child {
    margin-top: 0;
}

/*===============================================================================================
 * Annotated carousel widget styles
 *===============================================================================================*/

.annotated-carousel .caption {
    padding: 2em 0 4em;
}

@media (min-width: 48em) {
    .annotated-carousel>ol {
        left: 51%;
        bottom: 50%;
    }
}

/* ==============================================
   What's on archive
*  ==============================================*/

.archive-link {
    margin-top: 2.5em;
}

.archive-link a {
    display: block;
    background-color: #EFEEEE;
    border-radius: 8px;
    padding: .5em;
    text-decoration: none;
    background-position: right 1em center;
    background-repeat: no-repeat;
    background-image: url(/css/libs/images/icons/svg/nav-right.svg);
}

.archive-listing a {
    position: relative;
    min-height: 150px;
    display: block;
    margin-bottom: 2em;
    text-decoration: none;
    color: inherit;
}

.archive-listing a>* {
    margin-left: 166px;
}

.archive-listing a>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    margin-left: 0;
}

.archive-listing h4 {
    color: #6BCDB2;
}

/* Override thead accordion styles */
.accordion.archive {
    border: none;
    margin-bottom: 1em;
}

.accordion.archive a {
    text-decoration: none;
}

.accordion.archive .accordion-head {
    border: none;
    padding: 0;
}

/* Add header styles inside */
.accordion.archive .accordion-head>a {
    position: relative;
    display: block;
    background-color: #EFEEEE;
    border-radius: 8px;
    padding: .5em;
}

.accordion.archive .accordion-head>a:after {
    content: "";
    position: absolute;
    right: 1em;
    top: 1em;
    width: .938em;
    height: .5em;
    -webkit-background-size: .938em .5em;
    -o-background-size: .938em .5em;
    -moz-background-size: .938em .5em;
    background-size: .938em .5em;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(/css/libs/images/icons/svg/nav-dropdown-expand.svg);
}

.accordion.archive .accordion-head>a.dd-collapse:after {
    background-image: url(/css/libs/images/icons/svg/nav-dropdown-collapse.svg);
}

/* Body items */
.accordion.archive .accordion-body>a {
    display: block;
    padding: 1em 0 0;
    margin-bottom: 1em;
}

.accordion.archive .accordion-body>a+a {
    border-top: 1px solid #EFEEEE;
}

.accordion.archive .accordion-body>a:last-child {
    padding-bottom: 0;
}

/* Add margin and lines */
.accordion.archive+.accordion.archive {
    margin-top: 1em;
    border-top: 1px solid #EFEEEE;
}

.accordion.archive+.accordion.archive .accordion-head {
    padding: 1em 0 0;
}

/*Video Size*/
video {
    width: 100% !important;
    height: auto !important;
}

/* ==============================================
   Kids Club
*  ==============================================*/

@font-face {
    font-family: 'dk_bocadilloregular';
    src: url('libs/fonts/dk_bocadillo-webfont.woff2') format('woff2'),
        url('libs/fonts/dk_bocadillo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.kids-club-pattern {
    background-image: url(libs/images/backgrounds/page-headers/kids-club-pattern.jpg);
}

.kids-club-pattern:before {
    content: none;
}

.kids-club .page-introduction {
    position: relative;
    background-color: #ffd85b;
    color: black;
}

.kids-club .page-introduction:after {
    content: '';
    position: absolute;
    right: 0;
    background-image: url(libs/images/backgrounds/kids-club/badger-main.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1000;
}

@media screen and (min-width: 992px) {
    .kids-club .page-introduction:after {
        top: -150px;
        width: 300px;
        height: 400px;
    }
}

.kids-club .page-introduction a {
    color: inherit;
}

.kids-club .page-content {
    padding-bottom: 0 !important;
}

.kids-club .row.centered {
    max-width: 992px;
    margin-left: auto;
    margin-right: auto;
}

.kids-club .breadcrumb a:after {
    background-image: url(libs/svgs/right-carousel-arrow-black.svg);
}

.kids-club .breadcrumb a.active:after {
    background-image: none;
}

.kids-club hr {
    max-width: 992px;
    margin-left: auto;
    margin-right: auto;
}

.kc-title {
    display: block;
    font-family: 'dk_bocadilloregular';
    font-size: 46px;
    line-height: 1;
    color: #C94D8A;
}

.kc-title__note {
    display: block;
    margin-top: 20px;
    font-size: 18px;
    font-family: 'Proxima Nova', Arial, Roboto, "DroidSans_Stock_Font", sans-serif;
    color: #c94d8a;
}

.kc-title__note a {
    color: inherit;
}

@media screen and (min-width: 768px) {
    .kc-title {
        font-size: 60px;
    }

    .kc-title__note {
        display: inline-block;
    }
}

.kc-summer .kc-title {
    color: #FFD85B;
    text-shadow: -4px 4px 0px rgba(87, 26, 104, 1);
}

@media screen and (min-width: 992px) {
    .kc-summer .kc-title {
        font-size: 84px;
    }
}

.kids-club h2 {
    color: #6BCDB2;
}

.kc-offer {
    background-color: #891c81;
    background-image: url(libs/images/backgrounds/kids-club/offer-pattern.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
}

.kc-action {
    margin-bottom: 20px;
}

.kc-form .form-group {
    max-width: 728px;
}

.kc-form h3 {
    color: #a66ea9;
}

.kc-form hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-color: #C94D8A;
}

@media (min-width: 48em) {
    .kc-action {
        margin-bottom: 50px;
    }

    .kc-form hr {
        margin-top: 60px;
        margin-bottom: 60px;
    }
}


/* Setup */

.kids-club .page-content>.container {
    width: 100%;
    max-width: 1440px;
}

.kids-club .row>.row {
    max-width: 992px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}


.kc-panel {
    position: relative;
    margin: 20px 0;
}

[class*="kc-panel--"] {
    padding: 30px 0;
    color: white;
}

.kc-panel--blue {
    background-color: #77c9f1;
}

.kc-panel--purple {
    background-color: #a66ea9;
}

.kc-panel--yellow {
    background-color: #ffd85b;
}

.kc-panel--yellow .kc-title {
    color: #C94D8A;
}

@media (min-width: 48em) {
    [class*="kc-panel--"] {
        padding: 60px 0;
    }
}

/* Header styles */

.kc-panel__title {
    margin-top: 0;
    color: #6BCDB2;
}

.kc-summer .kc-title,
.kc-join .kc-title {
    color: #ffd85b;
}

.kc-featuredTile {
    padding: 20px 0;
    text-align: center;
}

@media (min-width: 48em) {
    .kc-panel__title {
        font-size: 60px;
    }

    .kc-featuredTile {
        padding: 40px 0;
    }
}

@media (min-width: 992px) {
    .kc-featuredTile {
        padding: 80px 0 0 32px;
    }
}

/* Link buttons */

.kc-btn {
    position: relative;
    display: inline-block;
}

.kc-btn--block {
    display: block;
}

.kc-btn a,
.kc-btn-input {
    display: block;
    padding: 8px 32px;
    border-radius: 12px;
    background-color: #ffd85b;
    color: black;
    font-family: 'Proxima Nova Bold', Arial, Roboto, "DroidSans_Stock_Font", sans-serif;
    font-size: 20px;
    line-height: 36px;
    text-decoration: none;
    -moz-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

@media screen and (min-width: 992px) {

    .kc-btn a:hover,
    .kc-btn-input:hover {
        opacity: 0.8;
    }
}

.kc-btn--download:after {
    content: '';
    position: absolute;
    right: 16px;
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    background-image: url(libs/svgs/download-link-icon.svg);
    background-repeat: no-repeat;
}


/* Backgrounds */

.kc-summer {
    margin-bottom: 20px;
    padding-bottom: 140px;
    background: #7a1e81;
    /* Old browsers */
    background: -moz-linear-gradient(left, #7a1e81 0%, #5c2583 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #7a1e81 0%, #5c2583 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #7a1e81 0%, #5c2583 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7a1e81', endColorstr='#5c2583', GradientType=1);
    /* IE6-9 */
}

@media (min-width: 48em) {
    .kc-summer {
        margin-bottom: 40px;
        padding-bottom: 60px;
    }
}

.kc-summer:before {
    content: '';
    position: absolute;
    left: 20px;
    bottom: 5%;
    width: 40%;
    height: 90%;
    background-image: url(libs/images/backgrounds/kids-club/Marlowes_All_Characters.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

.kc-join {
    background-image: url(libs/images/backgrounds/kids-club/join-us-bg.gif);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
}

.kc-join .kc-title {
    text-shadow: -4px 4px 0px rgba(0, 95, 123, 1);
}

@media screen and (min-width: 992px) {
    .kc-join .kc-title {
        font-size: 84px;
    }
}

@media (min-width: 48em) {
    .kc-join {
        background-position: right center;
    }

    .kc-join:before {
        content: '';
        position: absolute;
        right: 40px;
        bottom: 5%;
        width: 50%;
        height: 90%;
        background-image: url(libs/images/backgrounds/kids-club/Marlowes_Hedgehog.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
}

/* Forms */

.form-group__title {
    display: block;
    margin: 8px 0;
    font-family: 'Proxima Nova Bold', Arial, Roboto, "DroidSans_Stock_Font", sans-serif;
    font-size: 32px;
    color: #c94d8a !important;
}

.kc-form__label {
    display: block;
    margin: 6px 0;
    font-family: 'Proxima Nova Bold', Arial, Roboto, "DroidSans_Stock_Font", sans-serif;
    font-size: 24px;
    color: #c94d8a !important;
}

.kc-form__label input[type="radio"] {
    width: 24px;
    height: 24px;
    margin-bottom: 20px;
}

.kc-form__input {
    margin-bottom: 20px;
    padding: 12px;
    border: 1px solid #a0a0a0;
    background-color: white;
    color: black;
}

@media (min-width: 48em) {
    .form-group__title {
        margin: 32px 0;
    }

    .kc-form__label {
        margin: 10px 0 0;
    }

    .kc-form__label input[type="radio"] {
        margin-bottom: 32px;
    }
}

.kc-form__action {
    position: relative;
    margin: 20px 0;
}

.kc-form__action.add-child {
    text-align: center;
}

.kc-form__action.add-child:after {
    content: '';
    position: absolute;
    left: 0;
    top: calc(50% - 1px);
    width: 100%;
    height: 1px;
    background-color: #c94d8a;
}

.kc-form .ng-binding {
    // margin-bottom: 10px;
    // background-color: #7e1247;
    // color: white;
}

@media (min-width: 48em) {
    .kc-form__action {
        margin: 40px 0;
    }
}

.kc-btn-input {
    position: relative !important;
    padding: 12px 32px !important;
    border-radius: 10px !important;
    border: none !important;
    background-color: #c94d8a !important;
    font-size: 18px !important;
    color: white !important;
    z-index: 2;
    -moz-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.kc-btn-input--reset {
    padding: 12px 24px !important;
    border: 1px solid #c94d8a !important;
    background-color: transparent !important;
    color: #c94d8a !important;
}

.kc-form__action.add-child .kc-btn-input {
    padding: 12px 90px 12px 36px !important;
    background-color: white !important;
    color: #c94d8a !important;
    background-image: url(libs/svgs/add-icon.svg);
    background-repeat: no-repeat;
    background-position: right 36px center;
}

.kc-form__action.add-child .kc-btn-input:hover {
    opacity: 1;
}

.kc-btn-input--sml {
    padding: 12px !important;
    font-size: 16px !important;
}

.kc-btn-input--right {
    float: right;
}


// @media (min-width: 48em) {
//     .kc-btn-input:not(.kc-btn-input--sml) {
//         font-size: 26px !important;
//     }
// }

.kc-application {
    margin-top: 40px;
}

.kc-application .kc-title {
    color: #c94d8a;
}

.kc-form .submitted-details {
    margin: 26px 0;
    padding: 20px;
    border: 4px solid #ecb607;
}

.kc-form .submitted-details h3 {
    margin: 0 0 10px;
    color: #c94d8a !important;
}

.kc-form .submitted-details p {
    margin: 6px 0;
    color: #c94d8a !important;
}

.kc-form .submitted-details strong {
    color: #7e1247 !important;
}

.kc-form .form-divider {
    display: block;
    height: 1px;
    margin: 16px 0;
    background-color: #c94d8a;
}

.kc-form select {
    margin-bottom: 20px;
    padding: 12px;
    border: 1px solid #a0a0a0;
    background-color: white;
    color: black;
}

.kc-form .kc-form__input:focus,
.kc-form select:focus {
    outline: 3px solid red;
    border: none;
}

.kc-form__section {
    padding: 40px 40px 20px;
}

.kc-form__section--parent {
    background-color: #f7d158;
}

.kc-form__add {
    padding: 14px 100px 14px 40px;
    background-color: #ffd85b;
}

/* Utilities */

.bg-teal {
    background-color: #6BCDB2 !important;
}

.bg-grey {
    background-color: #F6F6F6 !important;
}

.text-white {
    color: white !important;
}

.text-white h1,
.text-white h2,
.text-white h3 {
    color: white !important;
}

.content-pad {
    padding: 1rem 1.5rem;
}

.p1 {
    padding: 1rem;
}

.pt1 {
    padding-top: 1rem;
}

.pb1 {
    padding-bottom: 1rem;
}

.pb2 {
    padding-bottom: 2rem;
}

.flex-centered {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.relative {
    position: relative;
}

/* Circle button */

.circle-icon {
    position: relative;
    display: inline-block;
    background-color: white;
    color: #6BCDB2;
    font-family: 'Proxima Nova Bold', Arial, Roboto, "DroidSans_Stock_Font", sans-serif;
    font-size: 1.3rem;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    border: 2px solid #6BCDB2;
    box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.42);
    transition: all .3s ease-in-out;
}

.circle-icon:hover {
    background-color: white;
    color: #6BCDB2;
    border: 2px solid #6BCDB2;
    box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.42);
}

.circle-icon:not(:last-of-type) {
    margin-right: 1.5rem;
}

.circle-icon svg {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    fill: #6BCDB2;
    margin: 0 auto .5rem;
}

@media screen and (min-width: 768px) {
    .circle-icon {
        width: 130px;
        height: 130px;
    }

    .circle-icon svg {
        width: 60px;
        height: 60px;
    }
}

/* optin competition box specific */

.message-box {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: white;
    opacity: 0;
}

.optin-box a {
    color: white;
}

.fadeOut {
    transition: all .3s ease-in-out;
    animation: fadeOut .3s forwards;
}

.fadeIn {
    transition: all .3s ease-in-out;
    animation: fadeIn .3s forwards .4s;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        z-index: -1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        z-index: 1;
    }
}

/* News and events styling */

.news-event-selector {
    position: relative;
    display: block;
    margin: 1.5rem auto;
    width: 200px;
}

.type-select {
    position: relative;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: #d0d0d0;
    font-family: 'Proxima Nova Bold';
}

.type-select:not(:last-of-type) {
    margin-right: 1rem;
}

.type-select.is-active {
    border-bottom: 2px solid #6BCDB2;
    color: #141414;
}

.type-select svg {
    width: 53px;
    height: 22px;
    fill: #d0d0d0;
}

.type-select.is-active svg {
    fill: #6BCDB2;
}

.type-select span {
    display: block;
}

.news-event-list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}

.news-event-item {
    position: relative;
    display: block;
    margin-bottom: 1rem;
}

.news-event-item__image {
    position: relative;
    display: block;
    width: 100%;
    height: 210px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #d0d0d0;
    box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.15);
    transition: all .3s ease-in-out;
}

.news-event-item__image:hover {
    box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.05);
}

.news-event-item__content {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 210px;
    padding: .5rem 1rem 1rem;
    font-family: 'Proxima Nova Bold';
}

.news-event-item__type {
    position: relative;
    display: block;
}

.news-event-item__type svg {
    position: relative;
    display: inline-block;
    fill: #6BCDB2;
    width: 30px;
    height: 30px;
    top: 8px;
    margin-right: 8px;
}

.news-event-item__type span {
    display: inline-block;
    color: #6BCDB2;
}

.news-event-item__date {
    color: #d0d0d0;
    margin-bottom: .25rem;
}

.news-event-item[data-type="event"] .news-event-item__date {
    color: #6BCDB2;
}

.news-event-item__title {
    font-size: 1.2rem;
    color: #141414;
    margin-top: 0;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .news-event-item {
        display: inline-block;
        width: calc(50% - 15px);
        vertical-align: top;
        margin: 0 5px 1rem;
    }
}

@media screen and (min-width: 1024px) {
    .news-event-item {
        display: inline-block;
        width: calc(33% - 10px);
        vertical-align: top;
        margin: 0 5px 1rem;
    }
}

.featured-article {
    position: relative;
    display: block;
    background-color: #FBFBFB;
    margin-bottom: 1.5rem;
}

.featured-article__image {
    position: relative;
    display: block;
    height: 220px;
    margin: 0 0 1rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.featured-article__content {
    position: relative;
    display: block;
    padding: 0 1rem 1rem;
}

.featured-article__date {
    color: #d0d0d0;
    font-size: 1.1rem;
    margin-bottom: .75rem;
    font-family: 'Proxima Nova Bold';
}

.featured-article--event .featured-article__date {
    color: #6BCDB2;
}

.featured-article__title {
    font-size: 1.3rem;
    color: #141414;
    margin-top: 0;
    font-family: 'Proxima Nova Bold';
}

.featured-article__excerpt {
    margin-bottom: 2rem;
}

.custom-carousel {
    position: relative;
    display: block;
    height: 220px;
    margin: 0 0 8rem;
    padding-top: 220px;
}

.custom-carousel__image {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 220px;
    margin: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: all .3s ease-in-out;
}

.custom-carousel__image svg,
.featured-article__image svg {
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: 40px;
    height: 40px;
    fill: #6BCDB2;
}

.custom-carousel__image.is-active {
    opacity: 1;
}

.custom-carousel__thumbnails {
    position: relative;
    display: flex;
    height: 110px;
    background-color: white;
}

.custom-carousel__decor {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 25%;
    height: 3px;
    background-color: #6BCDB2;
    transition: all .3s ease-in-out;
    z-index: 1;
}

.custom-carousel__thumbnail {
    position: relative;
    display: inline-block;
    width: 25%;
    height: 110px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.custom-carousel__thumbnail:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    transition: all .3s ease-in-out;
}

.custom-carousel__thumbnail:hover:after {
    background-color: rgba(0, 0, 0, 0);
}

.custom-carousel__thumbnail.is-active:after {
    background-color: rgba(0, 0, 0, 0);
}

.custom-carousel__content {
    position: relative;
    opacity: 0;
    height: 0px;
    transition: all .3s ease-in-out;
    overflow: hidden;
}

.custom-carousel__content.is-active {
    opacity: 1;
    z-index: 1;
    height: auto;
    overflow: visible;
}

.custom-carousel__controls {
    position: relative;
    display: block;
    width: 120px;
    margin: 0 auto;
}

.custom-carousel__controls button {
    border: none;
    background-color: transparent;
}

.custom-carousel__controls svg {
    width: 18px;
    height: 18px;
    fill: #6BCDB2;
}

.custom-carousel__controls button[disabled=disabled] svg {
    fill: #d8d8d8;
}

.custom-carousel__controls #prevCarousel svg {
    transform: rotate(180deg);
}

.category-filter {
    text-align: center;
    margin: 1rem 0;
}

.category-filter a {
    color: #D0D0D0;
    text-decoration: none;
    font-family: 'Proxima Nova Bold';
}

.category-filter a:not(:last-of-type) {
    margin-right: 1.5rem;
}


@media screen and (min-width: 768px) {

    .category-filter {
        margin: 2rem 0;
    }

    .featured-article {
        padding: 30px;
        margin: 0 1.5rem 1.5rem;
    }

    .featured-article__image {
        display: inline-block;
        width: 70%;
        height: 420px;
        margin: 0;
    }

    .featured-article__content {
        display: inline-block;
        width: 28%;
        vertical-align: top;
    }

    .custom-carousel {
        display: inline-block;
        width: 70%;
        margin: 0;
        padding: 0;
    }

    .custom-carousel__image {
        height: 420px;
        margin-bottom: .7rem;
    }

    .custom-carousel__image:after {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        height: 2px;
        background-color: #6BCDB2;
        bottom: calc(-0.35rem - 1px);
    }

    .custom-carousel__thumbnails {
        margin-top: calc(420px + .75rem);
    }

    .custom-carousel__content {
        position: absolute;
        height: auto;
        overflow: visible;
    }

    .custom-carousel__controls {
        margin: 0;
    }
}

/* Outline Button */

.outline-button {
    position: relative;
    text-decoration: none;
    border: 2px solid #6BCDB2;
    padding: .5rem .75rem;
    transition: all .3s ease-in-out;
}

.outline-button svg {
    width: 8px;
    height: 8px;
    fill: #6BCDB2;
    transition: all .3s ease-in-out;
}

.outline-button:hover {
    color: white;
    background-color: #6BCDB2;
}

.outline-button:hover svg {
    fill: white;
}

.news-event-item .outline-button,
.custom-carousel__content .outline-button {
    margin-top: auto;
    width: 130px;
    font-family: 'Proxima Nova Bold';
}

.news-event-item .outline-button svg {
    position: absolute;
    right: 10px;
    top: calc(50% - 4px);
}