/* =============== Transitions ================ */

/*a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}*/

body {
    background: #ebebe9;
    font-family: 'Lato', sans-serif;
}

html.flex-page {
    height: 100%;
}

html.flex-page body {
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Glegoo', serif;
    font-weight: bold;
}

input,
button,
select,
textarea {
    color: #231f20;
}

/*:focus,*/

a:focus {
    outline: none;
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide {
    display: none !important;
}

.btn:active,
.btn.active {
    box-shadow: none;
}

.global-header {
    height: 60px;
    background: #ffffff;
    border-bottom: 1px solid #ddd;
    transition: height 0.25s;
}

#page-header.sticky .global-header {
    height: 60px;
}

.docked .sub-header .container {
    border-bottom: 1px solid #ddd;
}

#hero-banner {
    margin-bottom: 230px;
    background-repeat: no-repeat;
    ;
    background-position: center center;
    background-size: cover;
}

#hero-banner,
#hero-banner .container {
    height: 340px;
}

#hero-banner .container {
    position: relative;
}

.header-modules {
    margin: 0;
    padding: 60px 0 0 0;
    list-style: none;
}

.header-modules>li {
    margin: 0;
    padding: 10px 2px;
    color: #fff;
    border-bottom: 1px solid #666;
}

.text-dark .header-modules>li {
    color: #000;
}

.text-black .header-modules>li {
    color: #000;
}

.text-shadow .header-modules>li {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

.header-modules .item-main {
    padding-left: 0px;
    position: relative;
}

.header-modules .item-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    font-size: 22px;
    position: absolute;
    left: 0;
    top: -1px;
    z-index: 1;
}

.header-modules .link-icon {
    color: inherit;
    margin-right: 15px;
    display: inline-block;
}

.header-modules .link-icon .item-icon {
    position: static;
}

.header-modules .item-main .text {
    display: inline-block;
    height: 17px;
    width: 100%;
    padding: 0 85px 0 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header-modules .item-main .link {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
    color: #fff;
    padding-right: 12px;
}

.text-dark .header-modules .item-main .link {
    color: #000;
}

.text-black .header-modules .item-main .link {
    color: #000;
}

.text-shadow .header-modules .item-main .link {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

.header-modules .item-main .link i {
    font-size: 22px;
    position: absolute;
    z-index: 1;
    right: 0;
    top: -1px;
}

.benner-text {
    padding: 5px 10px;
    color: #fff;
}

.benner-text .counting-down {
    text-align: center;
    padding-top: 30px;
}

.text-black .benner-text {
    color: #000;
}

.normal-banner .benner-text {
    position: relative;
}

.benner-text h2 {
    color: #fff;
    padding: 10px 0;
    margin: 0;
}

.text-black .benner-text h2 {
    color: #000;
}

.more-info-container {
    position: absolute;
    top: 292px;
    left: 15px;
    right: 15px;
    padding-bottom: 3px;
    background: #d62144;
    background: -webkit-linear-gradient(left, #d62144, #bc1d71);
    background: -o-linear-gradient(right, #d62144, #bc1d71);
    background: -moz-linear-gradient(right, #d62144, #bc1d71);
    background: linear-gradient(to right, #d62144, #bc1d71);
}

.more-info-container .more-info {
    padding: 0;
    background: #fff;
    margin: 0;
    list-style: none;
}

.more-info-container .more-info>li {
    padding: 5px 10px;
    margin: 0;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-size: 17px;
    font-weight: bold;
}

.more-info-container .more-info>li a:not(.btn) {
    display: block;
    color: #d11f3d;
    text-decoration: none;
    font-size: 17px;
    font-weight: bold;
    position: relative;
    padding: 10px 0 10px 50px;
    vertical-align: middle;
    min-height: 40px;
}

.more-info-container .more-info>li a:not(.btn) .text {
    display: inline-block;
    position: relative;
}

.more-info-container .more-info>li a:not(.btn) .text:after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #d11f3d;
    content: '';
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}

.more-info-container .more-info>li a:not(.btn):hover .text:after {
    height: 3px;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

.more-info-container .more-info>li .btn-static {
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px;
}

.more-info-container .more-info>li.title {
    padding: 10px;
    font-size: 18px;
    font-family: 'Glegoo', serif;
    font-weight: bold;
}

.more-info-container .more-info>li.btn-row {
    padding: 10px;
}

/* custom bxslider */

.bx-wrapper .bx-viewport {
    border: 0;
    left: inherit;
    box-shadow: none;
    background: transparent;
    height: auto !important;
}

.bx-wrapper .bx-controls-direction a {
    z-index: 200;
}

.news-tiles {
    padding: 15px 0;
}

.news-tile-container {
    padding-bottom: 3px;
    background: #9daf9d;
    margin-bottom: 15px;
    display: block;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    padding-bottom: 6px;
    text-decoration: none;
}

.news-tile-container.pure-img-tile {
    background: #87c2db;
}

.news-tile-container.event-tile {
    background: #f66d12;
}

.news-tile-container.red-tile {
    background: #d2103a;
}

.news-tile-container.green-tile {
    background: #47b7a3;
}

.news-tile-container.white-tile {
    background: #ffffff !important;
}

.colored-tiles .news-tile-container,
.red-tiles .news-tile-container {
    background: #d2103a;
}

.colored-tiles .news-tile-container .news-tile .tile-content .category,
.red-tiles .news-tile-container .news-tile .tile-content .category {
    color: #d2103a !important;
}

.news-tile-container:focus,
.news-tile-container:hover {
    text-decoration: none;
}

.news-tile {
    height: auto;
    background: #fff;
    position: relative;
}

.news-tile>* {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.no-touch a.news-tile-container .news-tile:hover>* {
    opacity: 0.8;
}

.news-tile .tile-thumbnail {
    height: 170px;
}

.news-tile .tile-content {
    padding: 5px 15px 50px 15px;
    position: relative;
}

.news-tile-container.event-tile .tile-content {
    padding-right: 90px;
}

.news-tile-container.event-tile .calendar {
    width: 64px;
    height: 68px;
    background: transparent url('../img/calendar-single.png') no-repeat center top;
    background-size: cover;
    position: absolute;
    z-index: 1;
    right: 15px;
    top: 10px;
}

.news-tile-container.event-tile .calendar.multiple {
    background-image: url('../img/calendar-multiple.png');
}

.news-tile-container.event-tile .calendar .num {
    text-align: center;
    font-size: 21px;
    display: block;
    padding: 18px 0px 3px 0px;
    line-height: 1em;
    color: #231f20;
    font-weight: bold;
}

.news-tile-container.event-tile .calendar .text {
    text-align: center;
    font-size: 11px;
    color: #909090;
    padding: 0;
    display: block;
    line-height: 1em;
    font-weight: bold;
}

.news-tile-container.event-tile .calendar.multiple .num {
    font-size: 18px;
}

.news-tile-container.pure-img-tile .news-tile .tile-content {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 175px;
    background: rgba(0, 0, 0, .2);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, .2));
}

.news-tile .tile-content .category {
    display: inline-block;
    color: #9daf9d;
    font-size: 11px;
    margin: 0;
    padding: 10px 0 5px 0;
    font-weight: bold;
}

.news-tile-container.event-tile .news-tile .tile-content .category {
    color: #f66d12;
}

.news-tile-container.green-tile .news-tile .tile-content .category {
    color: #47b7a3;
}

.news-tile-container.pure-img-tile .news-tile .tile-content .text-bottom,
.news-tile-container.pure-img-tile .news-tile .tile-content .title,
.news-tile-container.pure-img-tile .news-tile .tile-content .category {
    color: #fff;
}

.news-tile .tile-content .title {
    color: #231f20;
    margin: 0;
    padding: 10px 0 0 0;
    font-size: 20px;
}

.news-tile .tile-content .short-desc {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 0;
    line-height: 1.4em;
}

.news-tile .tile-content .text-bottom {
    position: absolute;
    z-index: 1;
    bottom: 10px;
    font-size: 14px;
    color: #9c9c9c;
}

.green-tile .news-tile .tile-content .text-bottom {
    color: #47b7a3;
}

.news-tile .tile-content .text-bottom.link {
    color: #c71c58;
    text-decoration: none;
    font-size: 17px;
    font-weight: bold;
}

.news-tile .tile-content .text-bottom.link:after {
    position: absolute;
    top: 120%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #c71c58;
    content: '';
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}

.news-tile .tile-content .text-bottom.link:hover:after {
    height: 4px;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

a.fancy-link {
    color: #c71c58;
    text-decoration: none;
    font-size: 17px;
    font-weight: bold;
    position: relative;
}

.fancy-link:after {
    position: absolute;
    top: 120%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #c71c58;
    content: '';
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}

.fancy-link:hover:after {
    height: 4px;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

.news-tile .tile-content.pure-text .title {
    font-size: 28px;
}

.news-tile .tile-content.pure-text .short-desc {
    font-size: 18px;
    margin-top: 15px;
}

.news-tile .tile-responsive-image img {
    width: 100%;
    height: auto;
}

.news-tile .tile-content p {
    font-size: 16px;
    color: #231f20;
}

.news-tile .tile-content p.heading {
    font-weight: bold;
}

.news-tile .tile-img img {
    width: 100%;
    height: auto;
}

.toolkit-tiles .news-tile .tile-content {
    padding-top: 30px;
}

#gallery-slider {
    overflow: hidden;
}

#gallery-slider .container {
    padding-left: 0;
    padding-right: 0;
}

#gallery-slider.normal-gallery .container {
    padding-left: 15px;
    padding-right: 15px;
}

#gallery-slider .slide img {
    padding-left: 10px;
    padding-right: 10px;
}

#gallery-slider.normal-gallery .slide img {
    padding-left: 0;
    padding-right: 0;
}

#gallery-slider .slider-wrapper {
    margin-left: -70%;
    margin-right: -70%;
}

#gallery-slider.normal-gallery .slider-wrapper {
    margin-left: 0;
    margin-right: 0;
}

#gallery-slider .bx-wrapper .bx-controls-direction a {
    font-family: 'icomoon';
    speak: none;
    line-height: 1;
    font-size: 50px;
    color: #fff;
    text-indent: inherit;
    text-decoration: none;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
    height: 60px;
    margin-top: -30px;
}

#gallery-slider .bx-wrapper .bx-controls-direction a:hover {
    opacity: 0.9;
}

#gallery-slider .bx-wrapper .bx-controls-direction a.bx-prev {
    left: 35%;
    background: none;
}

#gallery-slider .bx-wrapper .bx-controls-direction a.bx-prev:before {
    content: "\f104";
}

#gallery-slider .bx-wrapper .bx-controls-direction a.bx-next {
    right: 35%;
    background: none;
}

#gallery-slider.normal-gallery .bx-wrapper .bx-controls-direction a.bx-prev {
    left: 5%;
}

#gallery-slider.normal-gallery .bx-wrapper .bx-controls-direction a.bx-next {
    right: 5%;
}

#gallery-slider .bx-wrapper .bx-controls-direction a.bx-next {
    text-align: right;
}

#gallery-slider .bx-wrapper .bx-controls-direction a.bx-next:before {
    content: "\f105";
}

.btn {
    height: 40px;
    line-height: 28px;
    border-radius: 20px;
    outline: none !important;
    font-weight: bold;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn:not(.btn-static):active {
    top: 2px;
}

.btn:not(.btn-icon) i {
    font-size: 20px;
    vertical-align: middle;
}

.job-result-wrapper .col-sm-4~.col-sm-3 .btn,
.btn-gradient {
    background: #d62144;
    background: -webkit-linear-gradient(left, #d62144, #bc1d71);
    background: -o-linear-gradient(right, #d62144, #bc1d71);
    background: -moz-linear-gradient(right, #d62144, #bc1d71);
    background: linear-gradient(to right, #d62144, #bc1d71);
    color: #fff !important;
    opacity: 1;
    border: 0;
}

.btn-gradient:hover {
    background: #d62144;
    background: -webkit-linear-gradient(left, #d62144, #bc1d71);
    background: -o-linear-gradient(right, #d62144, #bc1d71);
    background: -moz-linear-gradient(right, #d62144, #bc1d71);
    background: linear-gradient(to right, #d62144, #bc1d71);
}

.btn-gradient:not(.btn-static):hover {
    opacity: 0.8;
}

.btn-gradient:active,
.btn-gradient.active,
.open>.dropdown-toggle.btn-gradient {
    background: #d62144;
    background: -webkit-linear-gradient(left, #d62144, #bc1d71);
    background: -o-linear-gradient(right, #d62144, #bc1d71);
    background: -moz-linear-gradient(right, #d62144, #bc1d71);
    background: linear-gradient(to right, #d62144, #bc1d71);
    opacity: 1;
}

.btn-gradient:not(.btn-static):active,
.btn-gradient:not(.btn-static).active,
.open>.dropdown-toggle.btn-gradient:not(.btn-static) {
    background: #c11032;
    background: -webkit-linear-gradient(left, #c11032, #9f135d);
    background: -o-linear-gradient(right, #c11032, #9f135d);
    background: -moz-linear-gradient(right, #c11032, #9f135d);
    background: linear-gradient(to right, #c11032, #9f135d);
    opacity: 1;
}

.bg-gradient {
    background: #d62144;
    background: -webkit-linear-gradient(left, #d62144, #bc1d71);
    background: -o-linear-gradient(right, #d62144, #bc1d71);
    background: -moz-linear-gradient(right, #d62144, #bc1d71);
    background: linear-gradient(to right, #d62144, #bc1d71);
    color: #fff !important;
}

.btn-orange,
.btn-orange:hover,
.btn-orange:active {
    background: #f66d12;
    color: #fff;
}

.btn-green,
.btn-green:hover,
.btn-green:active {
    background: #9daf9d;
    color: #fff;
}

.btn-purple,
.btn-purple:hover,
.btn-purple:active {
    background: #b666d1;
    color: #fff;
}

.btn-white {
    background: #fff;
    color: #231f20;
}

.btn-white:not(.btn-static):hover {
    color: #d11f3d;
}

.btn-white.colored-active,
.btn-white.colored-active:active {
    background: #d62144;
    background: -webkit-linear-gradient(left, #d62144, #bc1d71);
    background: -o-linear-gradient(right, #d62144, #bc1d71);
    background: -moz-linear-gradient(right, #d62144, #bc1d71);
    background: linear-gradient(to right, #d62144, #bc1d71);
    color: #fff !important;
}

.btn.btn-transparent {
    background: transparent;
    line-height: 24px;
}

.btn.btn-border-purple {
    color: #b666d1;
    border: 2px solid #b666d1;
}

.btn.btn-border-purple:active,
.btn.btn-border-purple.active {
    color: #fff;
    background: #b666d1;
    box-shadow: none;
}

.btn.btn-border-orange {
    color: #f66d12;
    border: 2px solid #f66d12;
}

.btn.btn-border-orange:active,
.btn.btn-border-orange.active {
    color: #fff;
    background: #f66d12;
    box-shadow: none;
}

.btn.btn-border-green {
    color: #9daf9d;
    border: 2px solid #9daf9d;
}

.btn.btn-border-green:active,
.btn.btn-border-green.active {
    color: #fff;
    background: #9daf9d;
    box-shadow: none;
}

.btn.btn-border-white {
    color: #fff;
    border: 2px solid #fff;
}

.btn.btn-border-primary {
    color: #d62144;
    border: 2px solid #d62144;
}

.btn.btn-border-custom {
    color: #d62144;
    border: 2px solid #d62144;
}

.btn.btn-border-custom:active,
.btn.btn-border-custom.active {
    color: #fff !important;
    background: #d62144;
    box-shadow: none;
}

.btn-white:active,
.btn-white.active,
.open>.dropdown-toggle.btn-white {
    background: #fff;
}

.btn-cream {
    background: #e4e5df;
    color: #231f20;
}

.btn-cream:not(.btn-static):hover {
    background: #dadcd3;
}

.btn-dark {
    background: #373434;
    color: #9b9a9a !important;
}

.btn-dark:not(.btn-static):hover {
    background: #3f3c3c;
    color: #fff !important;
}

.btn-grey-cascade {
    background: #6d6e71;
    color: #fff !important;
}

.btn-grey-cascade:not(.btn-static):hover {
    background: #818287;
}

.btn-cream:active,
.btn-cream.active,
.open>.dropdown-toggle.btn-cream {
    background: #e4e5df;
}

.link-bottom .btn {
    width: 180px;
}

.bg-white {
    background: #fff;
}

.bg-grey {
    background: #ebebe9;
}

.bg-light-grey {
    background: #f5f5f3;
}

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

#home-news .container,
#home-offers .container,
#whats-on .container,
.main-body-start .container,
.body-content .container {
    padding-bottom: 40px;
}

#featured-gifts #load-more,
#whats-on #load-more,
#offer-listing #load-more {
    display: none;
}

#featured-gifts #load-more.displayed,
#whats-on #load-more.displayed,
#offer-listing #load-more.displayed {
    display: inline-block;
}

.main-body-start.pure-body-start .container {
    padding-bottom: 0;
}

#sub-header {
    position: relative;
    /*z-index: 1033;*/
    z-index: 1029;
}

.docked #sub-header {
    position: fixed;
    top: 60px;
    width: 100%;
    z-index: 1033;
}

.submenu-expanded #sub-header {
    z-index: 1029;
}

.offers {
    padding: 15px 0 20px 0;
}

.offer-tile {
    display: block;
    background-color: #fff;
    border: 2px solid #e4e5df;
    position: relative;
    margin-bottom: 15px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.no-touch .offer-tile:hover {
    border-color: #cbccc2;
}

.offer-tile .offer-logo img {
    border-right: 2px dotted #e4e5df;
}

.offer-tile .offer-info {
    padding-left: 0;
    padding-top: 7px;
    position: static;
}

.offer-tile .title {
    color: #231f20;
    padding-right: 10px;
}

.offer-tile .sub-title {
    position: absolute;
    z-index: 1;
    bottom: 7px;
    color: #acacac;
}

.form-control {
    height: 40px;
}

.input-circle {
    border-radius: 20px !important;
}

.input-dark-gradient {
    background: #930e47;
    background: -webkit-linear-gradient(left, #9d0e3a, #930e47);
    background: -o-linear-gradient(right, #9d0e3a, #930e47);
    background: -moz-linear-gradient(right, #9d0e3a, #930e47);
    background: linear-gradient(to right, #9d0e3a, #930e47);
    color: #fff !important;
    border-color: #9d0e3a !important;
    box-shadow: none !important;
}

.input-dark-gradient::-webkit-input-placeholder {
    color: #fff;
}

.input-dark-gradient:-ms-input-placeholder {
    color: #fff;
}

.input-dark-gradient::placeholder {
    color: #fff;
}

.input-dark-gradient::-moz-placeholder {
    color: #fff;
}

.form-container {
    padding: 30px 0;
}

.general-form {
    padding: 15px 0;
}

.general-form .form-control {
    border: 0;
}

.general-form select {
    color: #505050;
}

.general-form *::-webkit-input-placeholder {
    color: #505050;
}

.general-form *:-ms-input-placeholder {
    color: #505050;
}

.general-form *::placeholder {
    color: #505050;
}

.general-form *::-moz-placeholder {
    color: #505050;
}

.article .btn,
.general-form .btn:not(.btn-icon) {
    min-width: 140px;
}

.form-title {
    margin: 0;
    padding: 0 0 30px 0;
}

.form-actions {
    margin-bottom: 15px;
}

.radio-style {
    margin-bottom: 15px;
}

.checkbox-style label,
.radio-style label {
    display: block;
    cursor: pointer;
    position: relative;
    padding: 10px 0 10px 42px;
    margin-right: 25px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    height: auto;
    line-height: 22px;
}

.checkbox-style label.checkbox-inline,
.radio-style label.radio-inline {
    display: inline-block;
}

.checkbox-style input[type=checkbox],
.radio-style input[type=radio] {
    display: none;
}

.checkbox-style label:before,
.radio-style label:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 3px;
    background-color: #fff;
}

.radio-style label:before {
    border-radius: 16px;
}

input[type=radio]:checked+label:before {
    content: "\2022";
    color: #a7a9ac;
    font-size: 38px;
    text-align: center;
    line-height: 25px;
}

input[type=checkbox]:checked+label:before {
    content: "\2713";
    color: #a7a9ac;
    font-size: 38px;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
}

.form-sub-head-wrapper {
    border-top: 1px solid #ccc;
    padding: 10px 0;
    margin-top: 15px;
}

.form-sub-head {
    font-size: 16px;
    display: block;
    padding: 10px 0;
    font-weight: bold;
    color: #505050;
}

.form-sub-head-wrapper p {
    font-size: 16px;
    padding: 0 0 10px 0;
    margin: 0;
    color: #505050;
}

.tnc {
    padding: 10px 0 20px 0;
}

.tnc p,
.tnc a {
    margin: 0;
    color: #fff;
}

.tnc a {
    text-decoration: underline;
}

.tnc a:hover {
    text-decoration: none;
}

.bg-dark {
    background: #231f20;
}

.info-list-container {
    border-bottom: 1px solid #3a3a3a;
}

.info-list-container.last {
    border-bottom: 0;
}

.info-list-container .header {
    display: block;
    color: #6b6768;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 15px 0;
    position: relative;
    cursor: pointer;
}

.info-list-container .header>i {
    position: absolute;
    z-index: 1;
    right: 0;
}

.info-list-container.active .header>i:before {
    content: "\f077";
}

.info-list {
    margin: 0;
    padding: 0 0 10px 0;
    list-style: none;
}

.info-list-container .info-list {
    display: none;
}

.info-list-container.active .info-list {
    display: block;
}

.info-list li {
    font-size: 16px;
    padding: 6px 0;
    line-height: 1em;
}

.info-list.list-dark li {
    color: #a8a8a8;
}

.info-list li.current {
    font-weight: bold;
}

.info-list.list-dark li.highlight,
.info-list.list-dark li.current {
    color: #fafafa;
}

.info-list.list-dark li.highlight {
    font-weight: bold;
    font-style: italic;
    margin-top: 15px;
}

.info-list.list-dark li.highlight:first-child {
    margin-top: 0;
}

.info-list li .date {
    display: inline-block;
    width: 100px;
}

.info-list.list-dark li .time {
    display: inline-block;
}

.info-list li a {
    color: #fff;
}

.social-btns {
    text-align: center;
    position: relative;
    min-height: 40px;
}

.social-btns button,
.social-btns a {
    color: #fff !important;
}

.social-btns button:first-child,
.social-btns a:first-child {
    position: absolute;
    left: 0;
}

.social-btns button:nth-child(3),
.social-btns a:nth-child(3) {
    position: absolute;
    right: 0;
}

.info-list-container .tier {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 5px;
    width: 50%;
    float: right;
}

.info-list-container .tier:first-child {
    float: left;
    padding-left: 0;
    padding-right: 5px;
}

.bg-black {
    background: #000000;
}

.footer-info {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-info li,
.footer-info li a {
    color: #fff;
}

.footer-info li {
    padding: 8px 0;
}

.footer-info li a {
    text-decoration: underline;
}

.footer-info.footer-links li a {
    text-decoration: none;
}

.footer-info li i {
    display: none;
    color: #4d4d4d;
}

.footer-info.footer-links li i {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    margin-right: 5px;
    vertical-align: middle;
}

.footer-text p {
    padding: 8px 0 0 0;
    margin: 0;
    color: #5a5a5a;
}

#umbrella-footer .footer-text p {
    color: #fff;
}

.footer-text a {
    color: #5a5a5a;
    text-decoration: underline;
}

footer {
    padding: 15px 0;
}

.modal .bg-gradient,
#subscribe-form {
    background: #d62144 url('../img/gradient-bg.jpg&preset=default') no-repeat center;
    background-size: cover;
    border: 0;
}

#subscribe-form .container {
    padding-bottom: 15px;
}

.modal .bg-gradient .modal-header {
    border-bottom: 0;
}

.modal iframe {
    width: 100%;
    border: 0;
}

.modal .article {
    padding-bottom: 50px;
}

.modal .article a:hover {
    color: inherit;
}

#subscribeModal .modal-footer {
    border-top: 0;
}

#subscribeModal .link-bottom {
    padding-bottom: 40px;
}

.bg-gradient .close,
#subscribeModal .close {
    color: #fff;
    opacity: 1;
}

.section-header {
    background: transparent;
    position: relative;
    z-index: 100;
    padding-top: 15px;
    padding-bottom: 15px;
}

.section-header.no-icon {
    padding-top: 0;
}

.over-header {
    z-index: 1031;
}

.submenu-expanded .over-header,
.scrolled .over-header {
    z-index: 100;
}

.section-header h1,
.section-header h3 {
    font-size: 26px;
    margin: 0;
    padding: 15px 0 10px 0;
}

.section-header hr {
    width: 40px;
    border-bottom: 2px solid #d11f3d;
    border-top: 0;
    margin-top: 0;
    margin-bottom: 5px;
}

.section-header .sub-title {
    line-height: 1.4em;
}

.bg-gradient .section-header hr {
    border-bottom-color: #ddcd92;
}

.btn-sm {
    font-size: 14px;
}

.btn.btn-icon {
    width: 40px;
    padding-left: 0;
    padding-right: 0;
    /*font-size: 120%;*/
    min-width: 0 !important;
}

.btn-static {
    cursor: inherit;
}

.section-header .btn-icon {
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -20px;
    padding-left: 0;
    padding-right: 0;
}

.btn-icon i,
.section-header .btn-icon i {
    font-size: 20px;
    line-height: 26px;
}

#subscribe-form .section-header {
    padding-top: 20px;
}

#page-header .global-header .container {
    position: relative;
}

#page-header.sticky .global-header .logo,
#page-header .global-header .logo {
    padding-top: 10px;
    float: left;
    transition: all 0.25s;
}

/*#page-header.sticky .global-header .logo img,*/

#page-header .global-header .logo img {
    max-height: 36px;
    transition: all 0.25s;
}

.global-header .btns-container {
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 15px;
}

.global-header .btn-subscribe {
    width: 40px;
    padding-left: 0;
    padding-right: 0;
}

/*.global-header .btn-subscribe i {
	font-size: 20px;
	vertical-align: middle;
}*/

#nav-toggle {
    font-size: 30px;
    padding-left: 0;
    padding-right: 0;
    margin-left: 20px;
    width: 28px;
    height: 40px;
    position: relative;
}

#nav-toggle span {
    width: 28px;
    height: 4px;
    background-color: #4d4d4d;
    position: absolute;
    left: 0;
    top: 8px;
    -webkit-transform-origin: 1px;
    -ms-transform-origin: 1px;
    transform-origin: 1px;
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.64, 0.64, 0.42, 0.91), opacity 0.1s 0.1s linear;
    transition: transform 0.2s cubic-bezier(0.64, 0.64, 0.42, 0.91), opacity 0.1s 0.1s linear;
}

#nav-toggle span:nth-child(2) {
    top: 17px;
}

#nav-toggle span:nth-child(3) {
    top: auto;
    bottom: 8px;
}

.menu-active #nav-toggle span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu-active #nav-toggle span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.menu-active #nav-toggle span:nth-child(2) {
    opacity: 0;
}

.btn-clear {
    background: transparent;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.global-nav {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0px;
    background: #fff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /*	z-index: -1;
	opacity: 0;
	visibility: hidden;
	transition: visibility 0.1s linear, opacity 0.1s linear;*/
}

.menu-active .global-nav {
    /*	z-index: 9999;
	opacity: 1;
	visibility: visible;
	transition: visibility 0.3s linear, opacity 0.3s linear;*/
}

.global-nav>ul {
    margin: 0;
    padding: 15px;
    list-style: none;
}

.global-nav .nav-item {
    display: block;
    color: #231f20;
    text-decoration: none;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.global-nav .nav-item>i.icon-angle-down {
    float: right;
    line-height: 46px;
}

.global-nav .sub-menu-container {
    display: none;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.global-nav .nav-item-container.active .sub-menu-container {
    display: block;
}

.global-nav .sub-menu-container .sub-item {
    display: block;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #ddd;
    padding-left: 10px;
    padding-right: 10px;
    color: #231f20;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #f5f5f5;
}

.store-lists {
    padding: 15px 0 20px 0;
}

.store-lists .store-tile {
    display: block;
    min-height: 80px;
    background: #fff;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    position: relative;
    padding: 18px 15px 18px 80px;
    text-decoration: none;
    color: #231f20;
}

.store-lists .store-tile>* {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.no-touch .store-lists .store-tile:hover>* {
    opacity: 0.7;
}

.store-lists .store-tile .brand-logo {
    width: 70px;
    position: absolute;
    z-index: 1;
    left: 5px;
    top: 50%;
    margin-top: -35px;
    height: auto;
}

.store-lists .store-tile .store-info {
    padding-left: 15px;
    border-left: 2px solid #ddcc95;
}

.store-lists .store-tile .name {
    font-weight: bold;
    font-size: 17px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.store-lists .store-tile .text-bottom {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    margin-bottom: 5px;
}

.store-lists .store-tile .gift-card-info {
    font-size: 13px;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.store-lists .store-tile .gift-card-mark {
    color: #d11f3d;
}

.store-lists .store-tile .text-bottom span {
    margin-right: 5px;
}

.store-tile .has-offer {
    display: block;
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 45px 45px 0;
    border-color: transparent #d11f3d transparent transparent;
}

.store-tile .has-offer i {
    color: #fff;
    position: absolute;
    z-index: 1;
    right: -42px;
    top: 4px;
    font-size: 20px;
}

.store-lists .index-tile h5 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 10px 0;
}

.sub-header {
    background: #ebebe9;
}

.search-module {
    padding-top: 10px;
}

.search-module .input-group {
    border-bottom: 1px solid #999;
}

.search-module .input-group-addon {
    border: 0;
    background: transparent;
    padding: 0;
}

.search-module input::-webkit-input-placeholder {
    color: #c2bebd;
}

.search-module input:-ms-input-placeholder {
    color: #c2bebd;
}

.search-module input::placeholder {
    color: #c2bebd;
}

.search-module input::-moz-placeholder {
    color: #c2bebd;
}

.search-module .input-group-addon i {
    font-size: 20px;
    line-height: 40px;
    color: #999;
}

.search-module input[type=text] {
    border: 0;
    background: transparent;
    box-shadow: none;
    font-size: 17px;
}

.select-style {
    padding: 0;
    margin: 0 0 15px 0;
    width: 100%;
    height: 40px;
    border-radius: 20px;
    overflow: hidden;
    background-color: #fff;
    position: relative;
}

.select-style .remove-content-btn {
    position: absolute;
    right: 32px;
    z-index: 10;
    top: 50% !important;
    height: 26px;
    width: 15px;
    line-height: 26px;
    margin-top: -13px;
    padding: 0;
    font-size: 18px;
    color: #000;
}

.select-style .remove-content-btn:hover {
    color: #666;
}

.select-style:after {
    font-family: 'icomoon';
    content: "\f107";
    color: #999;
    position: absolute;
    z-index: 1;
    right: 15px;
    top: 0;
    font-size: 18px;
    line-height: 40px;
}

.select-style select {
    padding: 5px 28px 5px 8px;
    width: 100%;
    height: 40px;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    z-index: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.select-style select::-ms-expand {
    display: none;
}

.select-style select:focus {
    outline: none;
}

.filter-module {
    padding-right: 125px;
    position: relative;
}

.filter-module.no-gift-card {
    padding-right: 70px;
}

.filter-module.no-gift-card .toggle-gift-btn-wrapper {
    display: none;
}

.filter-module .select-wrapper {
    float: left;
    width: 100%;
}

.filter-module .select-wrapper:first-child {
    padding-left: 0;
}

.filter-module .select-wrapper:nth-child(2) {
    padding-right: 0;
}

.filter-module .button-wrapper {
    position: absolute;
    z-index: 10;
    right: 15px;
}

.filter-module .button-wrapper.toggle-offer-btn-wrapper {
    right: 70px;
}

.filter-module.no-gift-card .button-wrapper.toggle-offer-btn-wrapper {
    right: 15px;
}

.filter-module button {
    font-weight: normal;
}

.filter-module button .text {
    vertical-align: top;
    display: none;
}

.filter-module .select-style select {
    padding-right: 45px;
}

.switch-module {
    padding-top: 15px;
    padding-bottom: 15px;
}

.switch-module.mobile {
    padding-bottom: 0;
}

.banner-tile-container {
    display: block;
    margin-bottom: 15px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}

.banner-tile {
    display: none;
}

.loading-active .content-loading {
    display: block;
}

.content-loading {
    display: none;
    height: 60px;
    background: transparent url('../img/bx_loader.gif') no-repeat center top;
}

/*iframe,*/

.iframe-loading {
    background: transparent url('../img/bx_loader.gif') no-repeat 50% 20%;
}

.main-body-start {
    padding-top: 60px;
}

#global-search .main-body-start {
    padding-top: 135px;
}

.breadcrumb {
    background: transparent;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}

.breadcrumb>li {
    font-size: 11px;
    font-weight: bold;
}

.breadcrumb a {
    text-decoration: none;
    color: #231f20;
    border-bottom: 1px solid #d11f3d;
}

.breadcrumb a:hover {
    border-bottom: 0;
}

.breadcrumb>.active {
    color: #a8a8a8;
}

.page-content .section-header {
    padding-top: 0;
}

.article {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.article a:not(.btn) {
    text-decoration: underline;
    color: inherit;
}

.article a:active,
.article a:hover {
    text-decoration: none;
    color: #d2103a;
}

.article p {
    font-size: 16px;
}

.article img {
    max-width: 100%;
    height: auto;
}

.highlight {
    color: #d2103a;
}

.page-content .article {
    padding: 10px 0 40px 0;
}

.page-content .article p {
    font-size: 17px;
    margin-bottom: 20px;
}

.page-content .article ol li,
.page-content .article ul li {
    font-size: 17px;
}

.page-content .article ul {
    padding-left: 0;
    list-style: none;
}

.page-content .article ul li {
    padding-left: 1em;
    text-indent: -.7em;
}

.page-content .article ul li:before {
    content: "• ";
    color: #d11f3d;
    position: relative;
    left: -5px;
}

#event-detail .page-content .article ul li:before {
    color: #f66d12;
}

#news-detail .page-content .article ul li:before {
    color: #9daf9d;
}

#competition .page-content .article ul li:before {
    color: #b666d1;
}

.page-content .article img {
    margin-bottom: 20px;
    max-width: 100%;
    height: auto;
}

.sidebar-container {
    padding-bottom: 3px;
    background: #c71c58;
}

#event-detail .sidebar-container {
    background: #f66d12;
}

#news-detail .sidebar-container {
    background: #9daf9d;
}

#competition .sidebar-container {
    background: #b666d1;
}

.sidebar {
    background: #fff;
    padding: 0 15px;
}

.sidebar-header {
    position: relative;
    padding: 15px 0px 0 0px;
    border-bottom: 1px solid #ddd;
}

.sidebar-header .title {
    font-size: 15px;
    font-weight: bold;
    display: block;
    text-align: center;
    padding: 40px 0 15px 0;
}

.sidebar-header>img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 160px;
    margin: 0 auto;
}

.sidebar-header .btn-icon {
    position: absolute;
    z-index: 10;
    top: -10px;
    left: 50%;
    margin-left: -20px;
}

.sidebar-tier {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

.sidebar .sidebar-tier:last-child {
    border-bottom: 0;
}

.sidebar-tier .header {
    font-size: 11px;
    font-weight: bold;
    padding: 10px 0;
    color: #231f20;
}

.sidebar-tier .info-list {
    display: block;
    padding: 10px 0 0 0;
}

.sidebar-tier .info-list li {
    color: #231f20;
    font-size: 15px;
}

.sidebar-tier .info-list li .date {
    display: inline-block;
    width: 100px;
}

.sidebar-tier .info-list li.current {
    font-weight: bold;
}

.item-list {
    list-style: none;
    margin: 0;
    padding: 10px 0;
}

.item-list>li {
    padding: 5px 0;
    position: relative;
    font-size: 15px;
}

.item-list.has-info>li {
    padding-right: 62px;
}

.item-list>li a {
    color: #231f20;
    text-decoration: none;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
}

.item-list>li a .text {
    border-bottom: 1px solid #c71c58;
}

.item-list>li a:hover .text {
    border-bottom: 0;
}

.item-list>li .btn-icon {
    margin-right: 10px;
}

.item-list>li .text-lg {
    font-size: 25px;
}

.item-list>li .additional-info {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 8px;
    color: #a8a8a8;
    font-size: 13px;
}

.item-list>li a>i.icon-arrow-down2 {
    display: inline-block;
    font-size: 24px;
    vertical-align: middle;
    color: #c71c58;
    margin-right: 5px;
}

.item-list.has-icon>li {
    padding: 10px 0 10px 55px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.item-list.has-icon>li>.btn-icon {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 50%;
    margin-top: -20px;
}

#event-detail .item-list>li a>i.icon-arrow-down2 {
    color: #f66d12;
}

#news-detail .item-list>li a>i.icon-arrow-down2 {
    color: #9daf9d;
}

#competition .item-list>li a>i.icon-arrow-down2 {
    color: #b666d1;
}

.time-sheet {
    list-style: none;
    margin: 0;
    padding: 15px 0;
}

.time-sheet>li {
    position: relative;
    padding: 0 0 0px 72px;
    height: 68px;
    margin-top: 17px;
}

.time-sheet>li:first-child {
    margin-top: 0;
}

.time-sheet>li .calendar {
    width: 64px;
    height: 68px;
    background: transparent url('../img/calendar-orange.png') no-repeat center top;
    background-size: cover;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}

.time-sheet.time-sheet-red>li .calendar {
    background-image: url('../img/calendar-red.png');
}

.time-sheet>li .calendar:before {
    font-family: 'icomoon';
    content: "\e856";
    color: #f66d12;
    position: absolute;
    left: 50%;
    top: -16px;
    width: 14px;
    height: 20px;
    margin-left: -7px;
}

.time-sheet.time-sheet-red>li .calendar:before {
    color: #d2103a;
}

.time-sheet>li:first-child .calendar:before {
    content: '';
    display: none;
}

.time-sheet>li.dots-hidden .calendar:before,
.time-sheet.dots-hidden>li .calendar:before {
    content: '';
    display: none;
}

.time-sheet>li .calendar .num {
    text-align: center;
    font-size: 21px;
    display: block;
    padding: 18px 0px 3px 0px;
    line-height: 1em;
    color: #fff;
    font-weight: bold;
}

.time-sheet>li .calendar .text {
    text-align: center;
    font-size: 11px;
    color: #fff;
    padding: 0;
    display: block;
    line-height: 1em;
    font-weight: bold;
}

.time-sheet>li span.time {
    height: 68px;
    display: table-cell;
    vertical-align: middle;
    font-size: 17px;
    font-weight: bold;
}

.time-sheet>li span.time i.icon-arrow-right2 {
    color: #f66d12;
}

.time-sheet.time-sheet-horizontal {
    text-align: center;
}

.time-sheet.time-sheet-horizontal>li {
    padding: 0 14px;
    margin-top: 0;
    display: inline-block;
}

.time-sheet.time-sheet-horizontal>li .calendar {
    position: relative;
}

.time-sheet.time-sheet-horizontal>li .calendar:before {
    content: "\e855";
    left: -18px;
    top: 50%;
    margin-top: -10px;
    font-size: 20px;
}

.time-sheet>li .desc {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 7px;
}

.time-sheet.recurring>li {
    padding-left: 0;
    height: auto;
    margin-top: 30px;
}

.time-sheet.recurring>li:first-child {
    margin-top: 0;
}

.time-sheet.recurring>li .calendar:before {
    content: '';
}

.time-sheet.recurring>li span.time {
    display: block;
    height: auto;
    margin-bottom: 9px;
}

.time-sheet.recurring>li .calendar {
    position: static;
    float: left;
}

.time-sheet.recurring .time-range .dots {
    float: left;
    padding: 0 5px;
    line-height: 68px;
    color: #f66d12;
}

#other-events .section-header hr {
    border-bottom-color: #f66d12;
}

#other-news .section-header hr {
    border-bottom-color: #9daf9d;
}

blockquote {
    border-left-color: #d11f3d;
}

#event-detail blockquote {
    border-color: #f66d12;
}

#news-detail blockquote {
    border-color: #9daf9d;
}

#competition blockquote {
    border-color: #b666d1;
}

.share-bar {
    padding: 10px 0;
}

.font-orange {
    color: #f66d12;
}

.font-green {
    color: #9daf9d;
}

.font-purple {
    color: #b666d1;
}

.section-header .date {
    display: block;
    font-size: 13px;
    color: #999;
    padding: 0 0 10px 0;
}

.centre-info-module .sub-title {
    width: 100%;
    min-height: 100px;
    text-align: center;
    padding: 10px 0 10px 0;
}

.benner-text .counting-down h4,
.centre-info-module .sub-title h4 {
    font-size: 20px;
    margin: 0 0 5px 0;
    font-weight: 300;
}

.info-tiles .info-tile {
    display: block;
    height: 66px;
    text-decoration: none;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    color: #231f20;
    background: #fff;
    position: relative;
    padding: 13px 30px 0 110px;
}

.info-tiles .info-tile .image {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
}

.info-tiles .info-tile .image img {
    height: 66px;
}

.info-tiles .info-tile .name {
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 17px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.info-tiles .info-tile .text-bottom {
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #c71c58;
}

.info-tiles .info-tile .tile-arrow {
    position: absolute;
    z-index: 10;
    right: 10px;
    top: 50%;
    color: #999;
    height: 20px;
    line-height: 20px;
    margin-top: -10px;
    font-size: 20px;
}

.centre-info-module .section-header h1,
.centre-info-module .section-header h3,
.centre-info-module .sub-title h4,
.centre-info-module .sub-title h4 small {
    color: #fff;
}

.benner-text .counting-down h4,
.benner-text .counting-down h4 small {
    color: inherit;
}

.centre-info-module.text-dark .section-header h1,
.centre-info-module.text-dark .section-header h3,
.centre-info-module.text-dark .sub-title h4,
.centre-info-module.text-dark .sub-title h4 small {
    color: #000;
}

.centre-info-module.text-shadow .section-header h1,
.centre-info-module.text-shadow .section-header h3,
.centre-info-module.text-shadow .sub-title h4,
.centre-info-module.text-shadow .sub-title h4 small {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

.top-banner {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    height: 350px;
    width: 100%;
}

.content-banner .top-banner,
.normal-banner .top-banner {
    top: 60px;
}

.normal-banner .container {
    position: relative;
}

.normal-banner.main-body-start .container {
    padding-bottom: 0;
}

.normal-banner .container,
.normal-banner .top-banner {
    height: 230px;
}

.centre-info-module .header-modules {
    position: static;
    display: block;
    padding: 0 0 15px 0;
}

.offer-item-wrapper {
    margin-bottom: 15px;
}

.offer-item {
    border: 2px solid #e4e5df;
    background: #fff;
    position: relative;
}

.offer-item-wrapper .thumb-nail {
    position: relative;
}

.offer-item-wrapper .thumb-nail .btn-zoom {
    position: absolute;
    z-index: 10;
    right: 10px;
    bottom: 10px;
    top: auto !important;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
}

.offer-item-wrapper.content-accordion .offer-logo {
    background-color: #fff;
    border-bottom: 4px dotted #e4e5df;
}

.offer-item-wrapper.content-accordion .offer-logo img {
    max-width: 100px;
    margin: 0 auto;
}

.offer-item-wrapper.content-accordion .offer-info-wrapper {
    background-color: #fff;
    border: 2px solid #e4e5df;
    border-top: 0;
}

.offer-item-wrapper.content-accordion .offer-info .desc-long {
    display: none;
}

.offer-item .offer-logo {
    border-bottom: 4px dotted #e4e5df;
}

.offer-item .offer-logo img {
    max-width: 100px;
    margin: 0 auto;
}

.offer-item-wrapper .offer-info {
    padding: 10px 10px 40px 10px;
    min-height: 120px;
    position: relative;
}

.offer-item-wrapper .offer-info .title {
    font-weight: bold;
    font-size: 17px;
}

.offer-item-wrapper .offer-info .desc {
    color: #333;
    font-size: 15px;
}

.offer-item-wrapper .offer-info .desc a {
    color: #999;
    text-decoration: none;
}

.offer-item-wrapper .offer-info .text-bottom {
    position: absolute;
    z-index: 10;
    left: 10px;
    right: 10px;
    bottom: 10px;
    padding-left: 15px;
    cursor: pointer;
    font-size: 15px;
    color: #c71c58;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.no-touch .offer-item-wrapper .offer-info .text-bottom:hover {
    opacity: 0.7;
}

.offer-item-wrapper .offer-info .text-bottom span {
    color: #999;
}

.offer-item-wrapper .offer-info .text-bottom:before {
    font-family: 'icomoon';
    content: "\e83d";
    position: absolute;
    left: 0;
    z-index: 1;
    color: #999;
}

.offer-item-wrapper .offer-info .text-bottom.opened:before {
    content: "\e83b";
}

.offer-toggle-content {
    display: none;
    background: #e4e5df;
    padding: 10px 15px;
}

.offer-toggle-content p {
    font-size: 13px;
}

.page-content-bottom {
    border-top: 2px solid #e4e5df;
    padding: 15px 0;
}

.page-content-bottom .page-content-title {
    font-size: 20px;
    padding: 0;
}

.page-content-bottom .news-tiles {
    padding-top: 0;
}

.bottom-info {
    padding-top: 20px;
}

.bottom-info .info-content {
    background: #e4e5df;
    padding: 10px 15px;
}

.bottom-info .info-content p {
    font-size: 13px;
}

.bottom-info .info-toggle {
    display: inline-block;
    position: relative;
    font-size: 13px;
    margin: 0 0 10px 0;
    padding: 0 0 0 15px;
    cursor: pointer;
}

.info-toggle:before {
    font-family: 'icomoon';
    content: "\e83d";
    position: absolute;
    left: 0;
    z-index: 1;
    color: #999;
}

.info-toggle.opened:before {
    content: "\e83b";
}

.modal-gallery {
    width: 100%;
}

.gallery-mask-wrapper {
    background: #fff;
    padding: 10px;
    position: relative;
}

.gallery-mask-wrapper .gallery-control {
    position: absolute;
    z-index: 100;
    top: 50%;
    margin-top: -20px;
}

.gallery-mask-wrapper .gallery-control a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-size: 26px;
    height: 40px;
    line-height: 40px;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
}

.gallery-mask-wrapper .gallery-control.prev-btn {
    left: 15px;
}

.gallery-mask-wrapper .gallery-control.next-btn {
    right: 15px;
}

.gallery-mask {
    overflow: hidden;
}

.photo-gallery {
    margin-right: -20%;
}

.photo-gallery.normal-gallery {
    margin-right: 0;
}

.error {
    color: #d11f3d;
}

.bg-gradient .error {
    color: #fff;
}

#photo-gallery-modal .large-gallery {
    position: relative;
    visibility: hidden;
}

#photo-gallery-modal .large-gallery .slide {
    position: absolute;
    left: 0;
    top: 0;
}

#photo-gallery-modal .bx-wrapper .bx-controls-direction a {
    background: none;
    text-indent: 0;
    color: #fff;
    font-size: 40px;
    line-height: 42px;
    height: 42px;
    margin-top: -21px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
}

.smooth_zoom_preloader {
    background-image: url(../img/preloader.gif);
}

.smooth_zoom_icons {
    background-image: url(../img/icons.png);
}

.msg-container,
.results-msg {
    padding: 15px 0 20px 0;
    position: relative;
    top: -30px;
}

.msg-container h2,
.results-msg h2 {
    margin: 0;
}

#store-listing .tile-wrapper.ng-hide-add,
#store-listing .tile-wrapper.ng-hide-remove,
#store-listing .tile-wrapper.ng-enter,
#store-listing .tile-wrapper.ng-leave {
    transition: all linear .3s;
}

#store-listing .tile-wrapper.ng-hide.ng-hide-add-active,
#store-listing .tile-wrapper.ng-hide.ng-hide-remove,
#store-listing .tile-wrapper.ng-leave.ng-leave-active,
#store-listing .tile-wrapper.ng-enter {
    opacity: 0;
}

#store-listing .tile-wrapper.ng-hide.ng-hide-remove-active,
#store-listing .tile-wrapper.ng-leave,
#store-listing .tile-wrapper.ng-enter.ng-enter-active {
    opacity: 1;
}

.results-msg.ng-hide-remove {
    transition: all linear 1.2s;
    opacity: 0;
}

.results-msg.ng-hide-remove-active {
    opacity: 1;
}

.map-img-container {
    margin-bottom: 20px;
}

.page-content .article .map-img-container img {
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
}

.footer-logo {
    display: inline-block;
    margin-right: 5px;
}

.brand a img {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.brand a:hover img {
    opacity: 0.7;
}

#preference-iframe {
    background: #fff;
    width: 100%;
    height: 1600px;
}

.btn.spinner-loading:before {
    content: '';
    display: inline-block;
    height: 16px;
    width: 16px;
    animation: rotate 0.8s infinite linear;
    border: 2px solid #d11f3d;
    border-right-color: transparent;
    border-radius: 50%;
    position: absolute;
    left: 30px;
    top: 50%;
    margin-top: -8px;
}

.btn.btn-gradient.spinner-loading:before {
    border-color: #fff;
    border-right-color: transparent;
}

textarea.input-circle,
.general-form textarea.input-circle {
    resize: none;
    height: 100px;
}

.almost-full-screen {
    position: fixed;
    z-index: 50;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
}

.isios .almost-full-screen {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.full-iframe {
    width: 100%;
    height: 100%;
    border: 0;
    overflow: auto;
}

body.christmas {
    background: transparent url('../img/christmas/christmas-bg.jpg') repeat 0 0;
}

.normal-banner .banner-logo {
    width: 162px;
}

.go-over-banner {
    margin-top: -95px;
}

.time-counting-container {
    width: 100%;
    color: #fff;
    height: 144px;
    text-align: center;
    padding-top: 38px;
    background: #d2103a;
}

.time-counting {
    display: inline-block;
    text-align: left;
    padding: 0 0 0 60px;
    position: relative;
}

.time-counting span {
    display: block;
    line-height: 1.1em;
}

.time-counting .msg {
    font-size: 14px;
}

.time-counting .single-msg {
    padding-top: 15px;
    padding-right: 15px;
}

.time-counting .time-detail {
    font-size: 40px;
    font-weight: bold;
}

.time-counting i {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 5px;
    font-size: 50px;
}

.news-tile.car-parking-container {
    display: table;
    width: 100%;
}

.car-parking {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #d2103a;
}

.car-parking i {
    display: block;
    font-size: 80px;
}

.car-parking .num {
    font-size: 90px;
    display: inline-block;
    position: relative;
    padding: 20px 0;
    line-height: 1em;
    font-weight: bold;
}

.car-parking .num .desc {
    position: absolute;
    font-size: 14px;
    left: 0;
    bottom: 0;
    text-align: left;
    line-height: 1.1em;
}

.event-panel {
    background: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    padding: 20px 15px;
}

.event-panel .desc {
    text-align: left;
    padding: 10px 0;
}

.event-panel .desc .heading {
    font-size: 20px;
    font-weight: bold;
}

.event-panel .desc p {
    font-size: 16px;
    color: #231f20;
}

.time-sheet-container {
    padding-bottom: 20px;
}

.time-list-container {
    padding-top: 20px;
    border-top: 1px solid #acacac;
}

.sepcific-event .container {
    position: relative;
}

.sepcific-event .sepcific-layer {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 60%;
    height: auto;
}

.christmas .sepcific-event .sepcific-layer {
    display: inherit;
}

.event-panel>.row {
    position: relative;
    z-index: 2;
}

.custom-bg {
    background: transparent no-repeat center center;
    background-size: cover;
}

.custom-bg .container {
    padding-top: 60px;
}

#oz-inspiration {
    background-image: url('../img/christmas/oz-inspiration.jpg');
}

#christmas-recipes {
    background-image: url('../img/christmas/recipes.jpg');
}

.general-row {
    padding: 15px 0;
}

.general-tile-container {
    margin-bottom: 15px;
}

/* quiz */

.quiz-viewport {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: transparent;
    padding-top: 120px;
}

.quiz-viewport.loading {
    background: transparent url('../img/bx_loader.gif') no-repeat center center;
}

.quiz-viewport .cards-bg {
    width: 100%;
    height: auto;
    display: block;
    visibility: hidden;
}

.quiz-viewport .stack {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    background: #ED5D52;
    list-style: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.quiz-viewport li {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    cursor: default;
    background: transparent url('../img/christmas/christmas-bg.jpg') repeat 0 0;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    opacity: 0;
}

.quiz-viewport.loaded li {
    opacity: 1;
}

.quiz-viewport li .container {
    padding-bottom: 0;
}

.quiz-viewport li .img-cover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    background-color: transparent;
}

.quiz-viewport li img.card-img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
}

.quiz-viewport .card-content-container {
    height: 120px;
    display: table;
    width: 100%;
}

.quiz-viewport .card-content {
    text-align: center;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
}

.quiz-viewport .card-content p {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2em;
    color: #000;
    max-height: 120px;
    margin: 0;
    overflow: hidden;
    font-family: 'Glegoo', serif;
}

.quiz-viewport .card-logo {
    display: none;
}

.quiz-control {
    padding: 35px 0 20px;
}

.btn-answer {
    cursor: pointer;
    display: inline-block;
    font-size: 50px;
}

.btn-answer svg {
    display: inline-block;
    height: 50px;
}

.btn-answer.answer-no svg {
    width: 62px;
}

.btn-answer.answer-yes svg {
    width: 82px;
}

.btn-answer.active,
.no-touch .btn-answer:hover {
    color: #cf0835;
}

.btn-answer.active svg,
.no-touch .btn-answer:hover svg {
    fill: #cf0835;
}

.skip-msg {
    padding: 20px 0 10px 0;
    text-align: center;
}

.skip-msg a {
    font-size: 14px;
    color: #5f5d5d;
}

.quiz-control .sep {
    display: none;
    display: block;
    position: absolute;
    color: #fff;
    left: 50%;
    font-size: 80px;
    font-weight: 300;
    line-height: 1em;
    width: 50px;
    text-align: center;
    margin-left: -25px;
    top: -10px;
}

/* quiz end */

.giftr-banner a {
    color: #fff;
    text-decoration: none;
}

.giftr-logo {
    width: 110px;
    height: auto;
}

.giftr-steps-container {
    padding: 15px 0;
}

.giftr-step {
    padding: 10px 0px 10px 50px;
    position: relative;
}

.giftr-step .title,
.giftr-step .sub-title {
    display: block;
}

.giftr-step .btn-icon {
    position: absolute;
    left: 0;
    top: 15px;
    z-index: 1;
}

.giftr-step .title {
    font-weight: bold;
    color: #cf0835;
    font-size: 20px;
}

.giftr-step .sub-title {
    font-size: 16px;
}

.donation-container {
    padding: 15px 0;
}

.donation-container .article {
    margin-bottom: 30px;
}

.sum-row .sum-logo {
    overflow: hidden;
}

.sum-row .sum-logo img {
    float: right;
    /*	width: 75px;
	height: auto;*/
}

.sum-row .sum {
    text-align: right;
    font-size: 50px;
    color: #cf0835;
    margin: 0;
    padding: 5px 0;
}

.progressbar {
    border: 1px solid #b1b1b1;
    width: 100%;
    height: 26px;
    border-radius: 13px;
    position: relative;
    overflow: hidden;
    background: #d62144;
    background: -webkit-linear-gradient(left, #d62144, #bc1d71);
    background: -o-linear-gradient(right, #d62144, #bc1d71);
    background: -moz-linear-gradient(right, #d62144, #bc1d71);
    background: linear-gradient(to right, #d62144, #bc1d71);
}

.progressbar .progressbar-cover {
    background: #fff;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    right: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.progressbar .start {
    color: #c3c3c3;
    position: absolute;
    z-index: 10;
    left: 7px;
    font-size: 17px;
    line-height: 26px;
}

.progressbar .end {
    color: #c3c3c3;
    position: absolute;
    z-index: 10;
    right: 7px;
    font-size: 17px;
    line-height: 26px;
}

.progress-row .desc {
    display: block;
    color: #d00832;
    font-size: 16px;
    padding: 5px 0;
}

.product-tile-container {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
}

.product-tile {
    background: #fff;
    position: relative;
    padding: 20px;
}

.product-tile .product-img {
    text-align: center;
    padding: 0 25px;
}

.product-tile .product-img img {
    width: 100%;
    height: auto;
    max-width: 300px;
    display: inline-block;
}

.product-tile .retailer-logo {
    text-align: center;
    padding: 5px 0;
}

.product-tile .retailer-logo img {
    display: inline-block;
    width: 150px;
    width: auto;
}

.product-tile .sep {
    margin-top: 5px;
    margin-bottom: 20px;
    border-top: 0;
    border-bottom: 2px solid #ddcc95;
    width: 90px;
}

.product-info {
    text-align: center;
}

.product-info .product-name {
    font-size: 18px;
    margin: 0;
    padding-bottom: 10px;
}

.product-info .text-bottom {
    font-size: 16px;
    color: #717171;
    margin: 15px 0 0 0;
}

.product-tile .like-btn {
    display: inline-block;
    position: absolute;
    z-index: 20;
    right: 15px;
    top: 15px;
    font-size: 20px;
    color: #f3c1cc;
    cursor: pointer;
    text-decoration: none;
}

.product-tile .like-btn.active {
    color: #cf0835;
}

.favourites-popup-container {
    padding: 0 15px 15px 15px;
    overflow: hidden;
}

.favourites-popup {
    float: right;
    width: 220px;
    background: #cf0835;
    color: #fff;
    padding: 15px;
    text-align: center;
    position: relative;
    background: rgba(207, 8, 53, 0.8);
}

.favourites-popup .arrow {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 8px;
    bottom: -8px;
    right: 17px;
    border-top-color: rgba(207, 8, 53, 0.8);
    border-bottom-width: 0;
}

.favourites-popup p {
    font-size: 17px;
}

.favourites-popup i {
    font-size: 26px;
}

.favourites-popup .close-btn {
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 10px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    line-height: 1em;
}

.main-body-start .container.quiz-control-container {
    padding-bottom: 0;
}

.content-banner .content-banner-info {
    padding: 30px 0 15px 0;
    position: relative;
    color: #fff;
}

.content-banner .content-banner-info .link-top-right {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 15px;
    color: #fff;
    font-size: 14px;
}

.normal-banner .benner-text .link-top-left {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 15px;
    color: #fff;
    font-size: 14px;
}

.normal-banner .benner-text .link-top-left:hover {
    text-decoration: underline;
}

.product-category {
    background-color: #cc073a;
    padding: 20px 20px 40px 20px;
    position: relative;
    color: #fff;
}

.product-category .text-bottom {
    position: absolute;
    right: 20px;
    bottom: 10px;
    color: #fff;
    font-size: 17px;
}

.product-category .category-title {
    margin-top: 0;
    font-size: 20px;
}

.product-category p {
    font-size: 16px;
}

.donation-container .share-btns {
    text-align: center;
    margin-bottom: 30px;
}

.st-custom-btn {
    position: relative;
    display: inline-block;
    margin: 0 15px;
}

.email-share-btn {
    display: inline-block;
    margin: 0 15px;
}

.st-custom-btn .stButton {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
}

.content-top-bar {
    padding: 15px 0 0 0;
    text-align: center;
    position: relative;
}

/*.content-top-bar:after {
	display: table;
	content: " ";
	clear: both;
}*/

.content-top-bar .heading {
    padding: 15px 0;
    margin: 0 0 0px 0;
    text-align: center;
    font-size: 24px;
}

#wishlist .content-top-bar .start-giftr {
    margin-bottom: 10px;
}

.quiz-viewport li.rotate-right {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    transition: 1s;
    margin-left: 400px;
    opacity: 0;
}

.quiz-viewport li.rotate-left {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    transition: 1s;
    opacity: 0;
    margin-left: -400px;
}

#wishlist .container {
    padding-bottom: 0px;
}

#share-wishlist {
    padding-top: 120px;
    margin-top: -140px;
}

#wishlist .msg {
    padding: 30px 0 60px 0;
}

#wishlist .article {
    margin-bottom: 30px;
}

#wishlist .start-giftr {
    min-width: 140px;
}

.giftr-banner .btn {
    min-width: 180px;
}

.giftr-guide-container {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
}

.giftr-guide-container .click-area {
    position: absolute;
    z-index: 100;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
}

.giftr-guide {
    text-align: center;
    padding: 80px 15px 0 15px;
}

.giftr-guide .btn-answer,
.giftr-guide .btn-answer:hover {
    color: #fff;
}

.giftr-guide .btn-answer svg,
.giftr-guide .btn-answer:hover svg {
    fill: #fff;
}

.giftr-guide .quiz-control {
    width: 320px;
    display: inline-block;
    position: relative;
}

.giftr-guide .text-bottom {
    display: block;
    text-decoration: underline;
}

.giftr-guide .quiz-control .sep {
    display: block;
    top: 22px;
    margin-left: -30px;
}

.content-top-bar .filters .favourites-btn {
    display: block;
    width: 100%;
    margin-bottom: 15px;
}

#shareEmailModal .success-msg {
    height: 200px;
    padding-top: 80px;
    display: none;
}

#shareEmailModal .success-msg .another-share {
    color: #fff;
}

/* custom accordion */

.panel-border>.panel-heading {
    background-color: transparent;
    padding: 0;
}

.panel.panel-border {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
}

.panel.panel-border .panel-heading+.panel-collapse>.panel-body {
    border-top: 0;
}

.panel.panel-border {
    border-width: 1px;
    border-color: #d11f3d;
}

.panel.panel-border .panel-title {
    color: #d11f3d;
    line-height: 1.3em;
    font-size: 18px;
}

.panel.panel-border .panel-title a {
    padding: 15px 60px 15px 15px;
    display: block;
    position: relative;
}

.panel-body p {
    font-size: 16px;
}

.tcon-plus-minus {
    height: 30px;
    width: 30px;
    display: inline-block;
    /*	-webkit-transform: scale(0.75);
	transform: scale(0.75);*/
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -15px;
}

.tcon-plus-minus:before,
.tcon-plus-minus:after {
    content: "";
    display: block;
    width: 62%;
    height: 10%;
    position: absolute;
    top: 42%;
    left: 8%;
    transition: 0.3s;
    background: #d11f3d;
}

.tcon-plus-minus:before {
    -webkit-transform: rotate(180deg) translate(0, 0);
    transform: rotate(180deg) translate(0, 0);
    width: 62%;
}

.tcon-plus-minus:after {
    -webkit-transform: rotate(180deg) translate(-37.5%, 0);
    transform: rotate(180deg) translate(-37.5%, 0);
    width: 62%;
}

.collapsed .tcon-plus-minus:before {
    -webkit-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
    width: 85%;
}

.collapsed .tcon-plus-minus:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 85%;
}

#event-detail .panel.panel-border {
    border-color: #f66d12;
}

#event-detail .panel.panel-border .panel-title {
    color: #f66d12;
}

#event-detail .tcon-plus-minus:before,
#event-detail .tcon-plus-minus:after {
    background-color: #f66d12;
}

#event-detail .article a:active,
#event-detail .article a:hover {
    color: #f66d12;
}

#competition .panel.panel-border {
    border-color: #b666d1;
}

#competition .panel.panel-border .panel-title {
    color: #b666d1;
}

#competition .tcon-plus-minus:before,
#competition .tcon-plus-minus:after {
    background-color: #b666d1;
}

#competition .article a:active,
#competition .article a:hover {
    color: #b666d1;
}

#news-detail .panel.panel-border {
    border-color: #9daf9d;
}

#news-detail .panel.panel-border .panel-title {
    color: #9daf9d;
}

#news-detail .tcon-plus-minus:before,
#news-detail .tcon-plus-minus:after {
    background-color: #9daf9d;
}

#news-detail .article a:active,
#news-detail .article a:hover {
    color: #9daf9d;
}

#store-detail .panel.panel-border {
    border-color: #d11f3d;
}

#store-detail .panel.panel-border .panel-title {
    color: #d11f3d;
}

#store-detail .tcon-plus-minus:before,
#store-detail .tcon-plus-minus:after {
    background-color: #d11f3d;
}

#store-detail .article a:active,
#store-detail .article a:hover {
    color: #d11f3d;
}

/* content list */

.content-list-container .list-thumbnail {
    border: 1px solid #999;
    padding: 3px;
    max-width: 220px;
}

.content-list-container .list-thumbnail img {
    display: block;
    width: 100%;
    height: auto;
}

.content-list-container .list-info {
    text-align: left;
    padding: 15px 0 0 0;
}

.content-list-container .list-title,
.content-list-container .list-title a {
    color: #f66d12;
}

#event-detail .content-list-container .list-title,
#event-detail .content-list-container .list-title a {
    color: #f66d12;
}

#news-detail .content-list-container .list-title,
#news-detail .content-list-container .list-title a {
    color: #9daf9d;
}

#competition .content-list-container .list-title,
#competition .content-list-container .list-title a {
    color: #b666d1;
}

#store-detail .content-list-container .list-title,
#store-detail .content-list-container .list-title a {
    color: #d11f3d;
}

.content-list-container .list-item {
    border-top: 3px solid #e4e5df;
    padding: 15px 0;
}

.each-kid {
    position: relative;
    padding: 20px 0 15px 0;
    border-top: 1px solid #ccc;
}

.each-kid .remove-kid {
    font-size: 24px;
    font-weight: 300;
}

.kid-temp {
    display: none;
}

.kids-club-container .each-kid:first-child {
    border-top: 0;
}

.each-kid .btn-container {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 20px;
}

.each-kid .kids-name-row {
    padding-right: 60px;
}

.promo-list {
    list-style: none;
    margin: 0;
    padding: 10px 0;
}

.promo-list li {
    text-align: center;
    margin-top: 15px;
}

.promo-list li:first-child {
    margin-top: 0;
}

.promo-list li a {
    text-decoration: none;
}

.promo-list li img {
    display: inline-block;
    max-width: 370px;
    width: 100%;
}

.video-thumbnail-container {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
}

.video-thumbnail {
    margin-bottom: 0 !important;
    max-width: 100%;
    width: auto;
}

.video-play-btn {
    width: 48px;
    height: 48px;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    margin-left: -24px;
    margin-top: -24px;
    margin-bottom: 0;
}

.anchor {
    display: block;
    position: relative;
    top: -80px;
    visibility: hidden;
}

.icon-promos-container {
    padding-top: 25px;
}

.giftr-step.icon-promo {
    display: block;
    margin-bottom: 15px;
}

a.giftr-step.icon-promo {
    text-decoration: none;
    transition: all 0.25s;
}

a.giftr-step.icon-promo.fancy-link:after {
    top: 100%;
}

a.giftr-step.icon-promo:hover {
    opacity: 0.8;
}

.giftr-step.icon-promo h3 {
    margin: 3px 0 8px 0;
}

.giftr-step.icon-promo h5 {
    margin: 0;
    color: #383838;
}

.carpark-info {
    position: absolute;
    z-index: 10;
    left: 100px;
    padding-top: 10px;
    right: 100px;
    text-align: center;
    color: #000;
    transition: all 0.25s;
}

.carpark-info span {
    font-size: 10px;
}

.component-wrapper {
    margin-bottom: 20px;
}

.component-wrapper .name {
    display: block;
    font-size: 18px;
    padding: 0px 0 15px 0;
}

.trading-hour-table>table {
    width: 100%;
}

.trading-hour-table>table tr>td {
    text-align: right;
    padding: 8px;
    border-bottom: 1px solid #959595;
    color: #231f20;
}

.trading-hour-table>table tr>td:first-child {
    text-align: left;
    padding-left: 0;
}

.trading-hour-table>table tr>td:last-child {
    padding-right: 0;
}

.trading-hour-table>table tr.holiday>td {
    color: #9daf9d;
}

.trading-hour-table>table tr.today>td {
    background-color: #ffffff;
    color: #d11f3d;
}

.trading-hour-module {
    padding-bottom: 20px;
}

.trading-hour-module .bx-wrapper .bx-controls-direction {
    position: relative;
}

.trading-hour-module .bx-wrapper .bx-controls-direction a {
    top: 14px;
    margin-top: 0;
    background-image: none;
    text-indent: initial;
    width: auto;
    color: #231f20;
    text-decoration: none;
}

.trading-hour-module .bx-wrapper .bx-controls-direction a.disabled {
    display: block;
    opacity: 0.3;
}

.trading-hour-module .bx-wrapper .bx-controls-direction a span {
    font-size: 12px;
    display: inline-block;
    padding-top: 5px;
    border-bottom: 1px solid #d11f3d;
}

.trading-hour-module .bx-wrapper .bx-controls-direction a i {
    position: absolute;
    font-size: 28px;
    color: #d11f3d;
}

.trading-hour-module .bx-wrapper .bx-next {
    right: 0;
    padding-right: 15px;
}

.trading-hour-module .bx-wrapper .bx-prev {
    left: 0;
    padding-left: 15px;
}

.trading-hour-module .bx-wrapper .bx-next i {
    right: 0px;
}

.trading-hour-module .bx-wrapper .bx-prev i {
    left: 0px;
}

.trading-hour-module .bx-wrapper .bx-viewport {
    height: auto !important;
}

.trading-hour-module .bx-wrapper .bx-pager,
.trading-hour-module .bx-wrapper .bx-controls-auto {
    bottom: -42px;
}

.trading-hour-module .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: transparent;
    border: 1px solid #9a9a9a;
}

.trading-hour-module .bx-wrapper .bx-pager.bx-default-pager a:hover,
.trading-hour-module .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #d11f3d;
}

.sidebar-header .title .centre-countdown {
    font-size: 28px;
    color: #231f20;
}

.sidebar-header .title .centre-countdown small {
    color: #231f20;
    font-weight: bold;
}

.page-content .sidebar .article {
    padding: 0;
}

.data-loading {
    min-height: 100px;
    background: transparent url('../img/bx_loader.gif') no-repeat center center;
}

.select-style .select2-container .select2-selection--single {
    height: 40px;
    border: 0 !important;
    outline: none !important;
    background-color: transparent;
    font-size: 14px;
}

.select-style .select2-container--disabled.select2-container .select2-selection--single .select2-selection__rendered {
    color: #cccccc;
}

.select-style .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.select-style .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
}

.select2-container--open .select2-dropdown--below {
    border-top: 1px solid #aaa;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: 1px solid #aaa;
}

.filter-module .button-wrapper .popover {
    bottom: 53px;
    top: auto;
    width: 120px;
    right: 0;
    left: auto;
    display: none;
}

.filter-module .button-wrapper .popover .popover-content {
    padding: 10px 5px;
}

#global-search {
    display: none;
}

#global-search-btn {
    margin-left: 15px;
    width: 40px;
    padding: 0;
}

#search-header {
    background-color: #ebebe9;
}

.scrolled #search-header .container {
    border-bottom: 1px solid #ddd;
}

#close-search-btn {
    font-size: 32px;
    margin: 5px 0;
}

#search-cover {
    display: block;
    background-color: #ebebe9;
    width: 0;
    height: 0;
    z-index: 9999;
    position: fixed;
    /*-webkit-transition-property: height, width, top, left;*/
    transition-property: height, width, top, right, left;
    /*-webkit-transition-duration: 0.5s;*/
    transition-duration: 0.4s;
    /*-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);*/
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.search-active #search-cover {
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100%;
}

#search-header .search-field-wrapper {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.search-loading #search-header .search-field-wrapper:before {
    content: '';
    display: inline-block;
    height: 16px;
    width: 16px;
    animation: rotate 0.8s infinite linear;
    border: 2px solid #d11f3d;
    border-right-color: transparent;
    border-radius: 50%;
    position: absolute;
    left: auto;
    right: 15px;
    top: 12px;
}

#search-header .search-field {
    font-family: 'Glegoo', serif;
    font-weight: bold;
}

#search-header .search-field-wrapper .help-block {
    font-family: 'Glegoo', serif;
    font-size: 14px;
    color: #585858;
    font-weight: bold;
    padding-left: 12px;
    padding-right: 12px;
    margin-top: 10px;
}

.search-result-container {
    padding-top: 0px;
    position: relative;
}

.search-result-container .search-result-cover {
    display: none;
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.5);
}

.search-loading .search-result-container .search-result-cover {
    display: block;
}

.category-selection {
    padding-bottom: 5px;
}

.category-selection .swiper-container {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    width: calc(100% + 30px);
}

.category-selection .swiper-slide {
    width: auto;
    margin-right: 35px;
}

.category-selection .category-item {
    padding: 5px 0px;
    cursor: pointer;
}

.category-selection .category-item h5 {
    margin: 0;
    font-size: 14px;
}

.category-selection .category-item.active h5 {
    color: #d11f3d;
}

.category-selection .category-item .amount {
    display: inline-block;
    min-width: 26px;
    height: 26px;
    text-align: center;
    border-radius: 50%;
    background-color: #a1a1a1;
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    padding-left: 3px;
    padding-right: 3px;
    border: 2px solid #fff;
}

.category-selection .category-item.active .amount {
    background-color: #d11f3d;
}

.category-selection .instruction {
    text-align: right;
    font-size: 10px;
    margin: 5px 0;
}

.search-suggestion {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
}

.search-suggestion h5 {
    color: #848484;
}

.search-suggestion h4 {
    margin-top: 0;
}

#global-search .highlight {
    color: #d11f3d;
}

.search-no-result .article {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
}

.curated-list {
    padding: 15px 0;
}

.curated-list .curated-item {
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    margin-bottom: 15px;
    position: relative;
    padding: 0 0 0 100px;
    display: block;
    text-decoration: none;
    color: #333;
}

.curated-item .item-img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100px;
}

.curated-item .item-img img {
    width: 100%;
}

.curated-item .item-content {
    padding: 10px 10px 10px 15px;
    position: relative;
}

.curated-item .item-content .title {
    margin: 0 0 5px 0;
}

.curated-item .item-content .category {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

#curated-search {
    margin-bottom: 10px;
}

#curated-search .container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.curated-item.store-style .item-content:before {
    content: '';
    width: 2px;
    height: 50px;
    display: inline-block;
    background-color: #ddcc95;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -25px;
}

.curated-item.store-style .desc {
    margin-bottom: 0;
}

.curated-item .item-content .category.news {
    color: #9daf9d;
}

.curated-item .item-content .category.event {
    color: #f66d12;
}

.curated-item .item-content .category.recipe {
    color: #47b7a3;
}

.container.search-result-trading-hours {
    max-width: 960px;
}

.guide-gallery-container {
    background-color: #fff;
    padding: 10px 0 40px 0;
    margin-bottom: 25px;
}

.guide-gallery-container .bx-wrapper {
    margin-bottom: 0;
}

.fancy-slide {
    display: none;
}

.fancy-slide .slide-img-container img {
    width: 100%;
}

.fancy-slide .caption {
    padding: 10px;
}

.fancy-gallery-wrapper .fancybox-nav span {
    visibility: visible;
}

.fancy-gallery-wrapper .fancybox-skin {
    border-radius: 0;
}

.guide-slide {
    transition: opacity .25s ease-in-out;
}

.guide-slide.slide-fadeout {
    opacity: 0.5;
}

.guide-gallery-container .bx-wrapper .bx-controls-direction a {
    font-family: 'icomoon';
    speak: none;
    line-height: 1;
    font-size: 50px;
    color: #fff;
    text-indent: inherit;
    text-decoration: none;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
    height: 60px;
    margin-top: -30px;
    background: none;
}

.guide-gallery-container .bx-wrapper .bx-controls-direction a.bx-next {
    text-align: right;
}

.guide-gallery-container .bx-wrapper .bx-controls-direction a.bx-next:before {
    content: "\f105";
}

.guide-gallery-container .bx-wrapper .bx-controls-direction a.bx-prev:before {
    content: "\f104";
}

body.flex-page {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#flex-header {
    height: 60px;
    background-color: #fff;
    flex: none;
}

#flex-header .container {
    text-align: center;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

#flex-header .logo {
    max-height: 40px;
}

#flex-header .logo img {
    max-height: 40px;
}

#flex-footer {
    flex: none;
    padding: 0;
}

#routing-banner {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    background: transparent url('../img/routing-bg.jpg') no-repeat center top;
    background-size: cover;
    /*padding: 30px 0;*/
}

#routing-banner .banner-body {
    background: transparent no-repeat center top;
    background-size: cover;
    width: 100%;
    height: 100%;
    flex: 1 1 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 15px;
}

.routing-panel-container {
    background-color: #be1d6d;
    padding-bottom: 5px;
    width: 100%;
    position: relative;
    z-index: 10;
}

.routing-panel {
    background-color: #eee;
    padding: 25px 15px;
    text-align: center;
}

.routing-panel .title {
    font-size: 16px;
    text-align: center;
    color: #da5574;
    margin-bottom: 20px;
    margin-top: 0;
}

.btn.btn-routing {
    background-color: #da5574;
    color: #fff;
    font-weight: normal;
}

.routing-panel .btn-routing {
    min-width: 220px;
}

.routing-panel .select-style:before {
    position: absolute;
    right: 30px;
    z-index: 1;
    line-height: 40px;
    content: "change";
    font-family: 'Glegoo', serif;
    font-size: 12px;
    color: #da5574;
    font-weight: bold;
}

.routing-panel .select-style:after {
    color: #da5574;
}

.routing-panel .select-style {
    border: 1px solid #959595;
    border-radius: 4px;
    max-width: 390px;
    margin-left: auto;
    margin-right: auto;
}

.routing-panel .select-style select {
    font-family: 'Glegoo', serif;
    font-weight: bold;
}

#flex-footer .footer-content {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#flex-footer .footer-content p {
    font-size: 11px;
    color: #5a5a5a;
    margin-bottom: 0;
    text-align: center;
}

#flex-footer .footer-content a {
    color: #5a5a5a;
}

#routing-banner .banner-body .desc {
    color: #fff;
    text-align: center;
    padding-top: 10%;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

#routing-banner .banner-body .desc img {
    /*width: 90%;*/
    max-width: 500px;
    /*margin-top: 50px;*/
}

.video-tile {
    display: block;
    height: auto;
    text-decoration: none;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    color: #231f20;
    background: #fff;
    position: relative;
    padding: 0;
    margin: 30px;
}

.video-tile .image iframe {
    display: block;
    width: 100%;
    height: 250px;
}

.video-tile .info-content {
    height: auto;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
}

.video-tile .name {
    font-size: 26px;
    padding: 20px 0 20px 0;
    margin: 0;
    text-align: center;
}

.video-tile .sep {
    margin-top: 0;
    margin-bottom: 15px;
    border-top: 0;
    border-bottom: 2px solid #ddcc95;
    width: 80px;
}

#umbrella {
    position: relative;
    z-index: 10;
}

.umbrella-page .mobile-bg {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.umbrella-tile-col {
    margin-bottom: 30px;
}

.umbrella-tile-wrapper {
    position: relative;
}

.umbrella-tile-wrapper .umbrella-tile-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
}

.umbrella-tile-container {
    position: relative;
    background-color: #000;
}

.umbrella-tile {
    position: relative;
    z-index: 10;
    transition: all 0.2s ease;
    cursor: pointer;
}

.umbrella-tile:hover {
    opacity: 0.7;
}

.umbrella-tile .tile-img {
    width: 100%;
    height: auto;
    opacity: 0.7;
}

.umbrella-tile .tile-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    height: 52px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 0 45px 0 10px;
}

.umbrella-tile .tile-info .name {
    line-height: 52px;
    font-size: 18px;
    margin: 0;
    padding: 0;
}

.umbrella-tile .tile-info .state {
    position: absolute;
    right: 10px;
    top: 20px;
    font-size: 14px;
    margin: 0;
}

.expanding-tile-wrapper {
    position: absolute;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    left: 0;
    top: 0;
    z-index: 100;
    width: calc(200% + 30px);
    height: calc(200% + 30px);
    transition: all 0.3s ease;
    transform-origin: top left;
    transform: scale(0);
}

.expanding-tile-wrapper .expanding-tile {
    color: #fff;
    padding: 15px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
}

.expanding-tile-wrapper .expanding-tile .action-tier {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -20px;
}

.expanding-tile-wrapper .expanding-tile .heading-row {
    position: relative;
    padding-right: 80px;
    margin-bottom: 5px;
}

.expanding-tile-wrapper .expanding-tile .heading-row .name {
    margin: 0;
}

.expanding-tile-wrapper .expanding-tile .heading-row .state {
    position: absolute;
    right: 0px;
    top: 3px;
}

.expanding-tile-wrapper .expanding-tile .info-tier {
    margin-bottom: 15px;
}

.expanding-tile-wrapper .expanding-tile .info-tier p {
    margin-bottom: 0px;
}

.expanding-tile-wrapper .expanding-tile .info-tier h4 {
    margin: 0 0 5px 0;
}

.expanding-tile-wrapper .expanding-tile .link-tier {
    padding-top: 15px;
    border-top: 2px solid rgba(255, 255, 255, 0.6);
}

.umbrella-tile-col .expanding-tile-wrapper .expanding-tile .link-tier {
    display: none;
}

.expanding-tile-wrapper .expanding-tile a {
    color: #fff;
}

.expanding-tile-wrapper .expanding-tile .centre-link .btn-icon {
    margin-right: 15px;
}

.umbrella-bg {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.umbrella-tiles {
    padding-top: 40px;
}

.umbrella-info-module {
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.5);
    position: relative;
    display: none;
}

#umbrella-footer {
    position: relative;
    z-index: 5;
}

.umbrella-info-module .module-title {
    background-color: #c1b278;
    padding: 15px 15px;
}

.umbrella-info-module .module-title h4 {
    font-size: 18px;
    margin: 0;
    color: #000;
}

.umbrella-info-module .expanding-tile-wrapper {
    position: static;
    transform: scale(1);
}

.umbrella-info-module .expanding-tile-wrapper .expanding-tile {
    position: static;
}

.umbrella-info-module .expanding-tile-wrapper {
    width: 100%;
    height: 100%;
}

.umbrella-info-module .expanding-tile-wrapper .expanding-tile .action-tier {
    display: none;
}

.centre-switcher {
    width: 200px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -100px;
    z-index: 1033;
}

.centre-switcher .centre-lists {
    display: none;
}

.centre-switcher .centre-lists a {
    display: block;
    color: #fff;
    padding: 8px 5px;
    text-align: center;
    border-bottom: 1px solid #666;
    background-color: #d62145;
    text-decoration: none;
}

.centre-switcher .switch-btn {
    width: 100%;
    padding: 8px 5px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    outline: none;
    transition: opacity 0.3s;
    opacity: 1 !important;
}

.carousel-banner-section {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.carousel-banner-section.main-body-start .container {
    padding-bottom: 0;
}

.cuisine-carousel-section {
    position: relative;
    padding: 15px 0;
    background-color: rgba(0, 0, 0, 0.6);
}

.top-carousel.swiper-container {
    overflow: visible;
}

.top-carousel .swiper-slide {
    position: relative;
    width: 200px;
    cursor: pointer;
    margin-right: 30px;
}

.top-carousel .swiper-slide:last-child {
    margin-right: 0;
}

.top-carousel .swiper-slide .item-img {
    width: 100%;
}

.carousel-banner-section .top-carousel-container {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1380px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.top-carousel-container .swiper-nav-btn {
    display: none;
    background: none;
    color: #fff;
    font-size: 40px;
    height: 40px;
    width: 40px;
    line-height: 1;
    margin-top: -20px;
}

.top-carousel .swiper-slide .item-name {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    background-color: rgba(0, 0, 0, 0.35);
    border: 1px solid #fff;
}

.top-carousel .swiper-slide .item-name h5 {
    margin: 0;
    font-size: 18px;
}

.top-carousel .swiper-slide.active .item-name {
    border: 3px solid #D11F3D;
}

.store-groups-wrapper {
    padding-top: 15px;
}

.store-groups-wrapper .store-group {
    display: none;
}

.store-groups-wrapper .store-group.active {
    display: block;
}

.store-groups-wrapper .store-lists {
    transform: scale(0.1);
    transform-origin: 50% 20%;
}

.store-groups-wrapper .store-lists.loaded {
    transition: transform 0.3s;
    transform: scale(1);
}

.direction-map-section #map {
    width: 100%;
    height: 300px;
}

.tab-switch-btns-container {
    padding: 10px 0;
    text-align: center;
}

.tab-switch-btns-container .tab-switch-btn {
    min-width: 120px;
    margin: 0 5px;
}

.tab-switch-btns-container .tab-switch-btn i {
    vertical-align: baseline;
    font-size: inherit;
}

.direction-map-section .sidebar {
    background-color: transparent;
    position: relative;
    padding: 0 15px;
}

.direction-detail-area .sep,
.direction-detail-area .desc {
    padding: 15px 0;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}

.direction-map-section #open-gm-btn {
    display: none;
    margin-top: 15px;
}

.direction-map-section.route-active #open-gm-btn {
    display: block;
}

.direction-map-section.carpark-mode-view .direction-detail-area {
    display: none;
}

.direction-map-section .parking-detail-area {
    display: none;
    padding: 15px 0;
}

.direction-map-section .parking-detail-area p {
    font-size: 18px;
    font-weight: bold;
}

.direction-map-section.carpark-mode-view .parking-detail-area {
    display: block;
}

.direction-map-section .address {
    margin-bottom: 10px;
}

.direction-map-section .address .heading {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

.direction-map-section .address .detail {
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
}

.direction-map-section .bottom-info .actions {
    display: flex;
    justify-content: space-between;
}

.direction-map-section .bottom-info .actions .btn {
    flex: 0 1 45%;
}

.direction-map-section .article {
    padding: 20px 0px;
}

#direction-panel table {
    word-break: break-word;
}

.direction-detail-area .adp-placemark {
    border: 0;
    background: none;
}

.direction-map-section .mark-name {
    font-size: 15px;
    font-weight: bold;
    display: block;
    margin-bottom: 3px;
}

.direction-map-section .mark-desc {
    font-size: 12px;
    display: block;
}

.job-getter-info {
    max-width: 860px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    background-color: #fff;
    margin: 0 auto;
}

.job-getter-info .desc-container {
    padding: 15px;
}

.job-getter-info .desc {
    max-width: 600px;
    margin: 0 auto;
    text-align: justify;
}

.job-getter-info .desc p {
    font-size: 16px;
}

.job-getter-info .link-container {
    display: flex;
    border-top: 1px solid #ccc;
}

.job-getter-info .link-container .link-image img,
.job-getter-info .link-container .link-image {
    width: 120px;
    height: 120px;
}

.job-getter-info .link-container .link-image {
    flex: 0 0 auto;
}

.job-getter-info .link-container .link-item {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 10px 15px;
    justify-content: center;
}

.job-getter-info .link-container .link-label {
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}

.banner-row {
    background-color: #fff;
    margin-top: 15px;
}

.banner-row .image-container img {
    width: 100%;
    height: auto;
}

.banner-row .banner-content {
    padding: 20px 15px;
}

.banner-row .banner-content .desc {
    margin-bottom: 15px;
}

.banner-row .banner-content .desc p {
    font-size: 18px;
}

.banner-row .banner-content .banner-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.banner-row .banner-content .banner-list .list-item {
    display: flex;
    width: 100%;
    margin-bottom: 15px;
    align-items: center;
    text-align: left;
}

.banner-row .banner-content .banner-list .list-item .btn-icon {
    flex: 0 0 auto;
}

.banner-row .banner-content .banner-list .list-item .text {
    padding-left: 10px;
    font-size: 14px;
}

#post-job-section .article p {
    margin-bottom: 30px;
}

#post-job-section .article ul li {
    margin-bottom: 15px;
    font-size: 16px;
}

#post-job-section .actions {
    text-align: center;
}

#post-job-section .actions .btn {
    min-width: 220px;
}

.job-getter-page .top-banner {
    background-size: cover;
    top: 60px;
}

.job-result-wrapper {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 860px;
}

.job-result-wrapper .panel {}

.job-result-wrapper .panel {
    border-bottom: 5px solid #9daf9d;
    border-radius: 0;
    padding-bottom: 20px;
}

.job-result-wrapper .panel h3 {
    color: #d11f3d;
}

.job-result-wrapper .panel h4 {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.job-result-wrapper .panel h5 {
    font-weight: 300;
    font-style: italic;
    font-weight: 16px;
}

.job-result-wrapper .panel .col-sm-5 {
    display: none;
}

.job-result-wrapper .btn.btn-link {
    background-color: #ebebe9;
    color: #2d2d2d;
}

.job-result-wrapper .col-sm-4 {
    width: auto;
    float: left;
}

.job-result-wrapper .col-sm-4~.col-sm-3 {
    float: left;
    width: auto;
}

.job-result-wrapper .col-sm-4 .btn,
.job-result-wrapper .col-sm-4~.col-sm-3 .btn {
    min-width: 100px;
}

.job-result-wrapper hr {
    margin: 7px 0;
    border-top: 0;
}

.job-result-wrapper .pagination {
    float: right;
}

.job-result-wrapper .pagination>li>a,
.job-result-wrapper .pagination>li>span {
    color: #d11f3d;
}

.job-result-wrapper .pagination>.active>a,
.job-result-wrapper .pagination>.active>span,
.job-result-wrapper .pagination>.active>a:hover,
.job-result-wrapper .pagination>.active>span:hover,
.job-result-wrapper .pagination>.active>a:focus,
.job-result-wrapper .pagination>.active>span:focus {
    background-color: #d11f3d;
    color: #fff;
    border-color: #d11f3d;
}

.ui-datepicker.ui-widget {
    z-index: 100 !important;
}

.page-floating-btn {
    position: fixed;
    right: 0;
    top: 90px;
    z-index: 1031;
}

.page-floating-btn .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.page-floating-btn .btn i {
    margin-right: 3px;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

@media only screen and (max-width: 410px) {
    #routing-banner .banner-body .desc img {
        display: none;
    }
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
    #routing-banner .banner-body .desc img {
        display: none;
    }
}

@media only screen and (max-width: 399px) {
    #nav-toggle {
        margin-left: 6px;
    }
    #global-search-btn {
        margin-left: 5px;
    }
}

@media only screen and (max-width: 480px) {
    .tab-switch-btns-container {
        margin-left: -15px;
        margin-right: -15px;
        overflow-x: auto;
    }
    .tab-switch-btns-container .tab-switch-btn {
        display: inline-block;
        flex: 1 0 33%;
        margin: 0 5px;
    }
    .tab-switch-btns-container .tab-switch-btn i {
        display: none;
    }
    .tab-switch-btns-container .btns-wrapper {
        width: 130%;
        display: flex;
    }
    .page-floating-btn .btn .text {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    body.menu-active {
        height: 100%;
        overflow: hidden;
        width: 100%;
        position: fixed;
    }
    .page-content .section-header h1,
    .page-content .section-header h3 {
        padding-top: 10px;
    }
    blockquote {
        border-left-width: 2px;
    }
    .centre-info-module .header-modules {
        border-top: 1px solid #666;
    }
    .offer-item-wrapper .thumb-nail .btn-zoom {
        display: none;
    }
    .offer-item .thumb-nail img {
        width: 100%;
    }
    .menu-active .over-header {
        z-index: 100;
    }
    .news-tile .tile-thumbnail {
        display: none;
    }
    .news-tile .tile-thumbnail-mobile img {
        width: 100%;
    }
    .filter-module button.btn.btn-icon {
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
    }
    .christmas .normal-banner .benner-text {
        padding-top: 40px;
    }
    .news-tile.car-parking-container {
        height: 300px;
    }
    .contentplum_pintrest_widget_box {
        position: static !important;
        width: 100% !important;
    }
    .giftr-banner h2 {
        font-size: 26px;
    }
    .quiz-control .col-xs-6 {
        padding: 0;
    }
    .giftr-guide-container.active {
        display: block;
    }
    body.page-block-xs {
        height: 100%;
        overflow: hidden;
        width: 100%;
        position: fixed;
    }
    .offer-item-wrapper.content-accordion .thumb-nail {
        border: 2px solid #e4e5df;
        border-bottom: 0;
    }
    .offer-item-wrapper.content-accordion .offer-logo {
        border-left: 2px solid #e4e5df;
        border-right: 2px solid #e4e5df;
    }
    .filter-module .button-wrapper .popover.top>.arrow {
        left: auto;
        right: 10px;
    }
    .news-tile-container.news-list-xs {
        padding-bottom: 0;
        box-shadow: 0;
    }
    .news-list-xs .news-tile {
        padding-left: 100px;
        min-height: 80px;
    }
    .news-list-xs .news-tile .tile-img {
        position: absolute;
        left: 10px;
        top: 10px;
        width: 90px;
    }
    .news-list-xs .news-tile .tile-content {
        padding-left: 10px;
        padding-right: 10px;
    }
    .news-list-xs .news-tile .tile-content .category {
        position: absolute;
        right: 10px;
        bottom: 10px;
        padding: 0;
    }
    .news-list-xs .news-tile .tile-content .text-bottom {
        position: static;
        color: #231f20;
        padding-top: 5px;
        display: block;
    }
    .news-list-xs .news-tile .tile-content {
        padding-bottom: 30px;
    }
    .info-tiles .info-tile.offer-list-xs {
        min-height: 66px;
        height: auto;
    }
    .curated-item.news-style .item-content {
        padding-bottom: 30px;
    }
    #curated-search .container {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .news-tile .tile-content .title.title-short {
        display: none;
    }
    #umbrella-footer {
        text-align: center;
    }
    .umbrella-tile-col .expanding-tile-wrapper {
        display: none;
    }
    .umbrella-bg {
        background-image: none !important;
    }
    .centre-switcher {
        display: none;
    }
    .top-carousel .swiper-slide {
        width: 150px;
        margin-right: 20px;
    }
    .top-carousel .swiper-slide .item-name h5 {
        font-size: 16px;
    }
    .main-body-start .over-header.section-header .btn-icon {
        display: none;
    }
    .menu-active #sub-header {
        z-index: 1029;
    }
}

@media (min-width:768px) {
    .global-header {
        height: 140px;
    }
    .umbrella-page .global-header {
        height: 80px;
    }
    #page-header.sticky .global-header {
        height: 80px;
    }
    #hero-banner {
        height: 610px;
    }
    #hero-banner .container {
        height: 550px;
    }
    #hero-banner {
        margin-bottom: 80px;
    }
    .header-modules {
        padding: 0;
        position: absolute;
        left: 15px;
        bottom: 0px;
        width: 200px;
    }
    .header-modules .item-main .link i {
        display: none;
    }
    .header-modules .item-title {
        display: block;
        color: #f7f6f2;
        padding-bottom: 5px;
        font-size: 14px;
        opacity: 0.6;
    }
    .text-dark .header-modules .item-title {
        color: #666;
        opacity: 1;
    }
    .text-black .header-modules .item-title {
        color: #000;
        opacity: 1;
    }
    .text-shadow .header-modules .item-title {
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    }
    .header-modules .item-icon {
        font-size: 38px;
    }
    .header-modules .item-main {
        height: 40px;
        padding-left: 45px;
    }
    .header-modules>li:first-child .item-main {
        padding-left: 0;
    }
    .header-modules .item-main .link {
        position: static;
        float: none;
        text-decoration: underline;
        padding-right: 0;
    }
    .header-modules .item-main .link:hover {
        text-decoration: none;
    }
    .header-modules .item-main .text {
        display: block;
        padding: 0;
        height: auto
    }
    .header-modules .item-main .text.text-lg {
        font-size: 34px;
    }
    .more-info-container {
        width: 300px;
        top: inherit;
        left: inherit;
        bottom: -40px;
        padding-bottom: 6px;
    }
    .more-info-container .more-info>li {
        padding: 10px 15px;
        font-size: 16px;
    }
    .more-info-container .more-info>li.title {
        padding: 15px 15px;
        font-size: 22px;
    }
    .more-info-container .more-info>li.btn-row {
        padding: 15px 15px;
    }
    .benner-text {
        position: absolute;
        padding: 15px 0;
        left: 15px;
        top: 80px;
    }
    .normal-banner .benner-text {
        top: 80px;
        padding-top: 75px;
    }
    .benner-text h2 {
        font-size: 46px;
        padding: 10px 0;
        margin: 0
    }
    .news-tiles {
        padding: 30px 0;
    }
    .news-tile-container {
        margin-bottom: 30px;
    }
    .news-tile {
        height: 400px;
    }
    .news-tile .tile-thumbnail {
        height: 220px;
    }
    .news-tile .tile-thumbnail-mobile {
        display: none;
    }
    .news-tile .tile-content {
        position: static;
        padding-bottom: 5px;
    }
    .news-tile-container.pure-img-tile .news-tile .tile-content {
        padding-top: 225px;
    }
    .news-tile-container.event-tile .calendar {
        top: 235px;
    }
    #gallery-slider .slider-wrapper {
        margin-left: -750px;
        margin-right: -750px;
    }
    #gallery-slider .bx-wrapper .bx-controls-direction a {
        font-size: 60px;
    }
    #gallery-slider .bx-wrapper .bx-controls-direction a.bx-prev {
        left: 770px;
    }
    #gallery-slider .bx-wrapper .bx-controls-direction a.bx-next {
        right: 770px;
    }
    #gallery-slider .slide img {
        padding-left: 15px;
        padding-right: 15px;
    }
    .link-bottom .btn {
        width: 220px;
    }
    #home-news .container,
    #home-offers .container,
    #whats-on .container,
    .main-body-start .container,
    .body-content .container {
        padding-bottom: 100px;
    }
    .offers {
        padding: 35px 0 40px 0;
    }
    .offer-tile {
        margin-bottom: 30px;
    }
    .offer-tile,
    .offer-tile .offer-logo img {
        border-width: 4px;
    }
    .offer-tile .offer-info {
        padding-top: 15px;
    }
    .offer-tile .title {
        font-size: 18px;
    }
    .offer-tile .sub-title {
        bottom: 15px;
    }
    #subscribe-form .container {
        padding-bottom: 15px;
    }
    #subscribe-form .form-container {
        width: 440px;
        margin: 0 auto;
    }
    .form-container {
        padding: 30px 0 55px 0;
    }
    #footer-info .container {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .info-list-container {
        border-bottom: 0;
    }
    .info-list-container .info-list {
        display: block;
    }
    .info-list-container .header {
        cursor: inherit;
    }
    .info-list-container .header>i {
        display: none;
    }
    .info-list-container .tier:first-child,
    .info-list-container .tier {
        width: auto;
        float: none;
        padding: 0 0 20px 0;
    }
    #brands .container {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    #home-news .section-header {
        background: #ebebe9;
        width: 70%;
        margin: -40px auto 0 auto;
        padding: 40px 0 0 0;
    }
    #hero-banner+#home-news .section-header {
        background: transparent;
    }
    .section-header h1,
    .section-header h3 {
        padding-bottom: 15px;
        font-size: 40px;
    }
    .section-header hr {
        width: 60px;
        border-bottom-width: 4px;
    }
    .section-header .btn-icon {
        top: -30px;
        margin-left: -30px;
        font-size: 28px;
        height: 60px;
        width: 60px;
        width: 60px;
        line-height: 48px;
        border-radius: 30px;
    }
    .section-header .btn-icon i {
        font-size: 32px;
        line-height: 46px;
    }
    .section-header {
        padding-top: 50px;
        padding-bottom: 0;
    }
    /* global nav */
    #nav-toggle {
        display: none;
    }
    .global-nav {
        display: block !important;
        position: static;
        visibility: visible;
        opacity: 1;
        z-index: 1;
        float: right;
        width: 78%;
        padding-right: 45px;
        padding-left: 10px;
        overflow: visible;
        background: transparent;
    }
    .global-nav>ul {
        display: block;
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .carpark .global-nav {
        padding-right: 0;
    }
    .carpark .global-nav>ul {
        text-align: right;
    }
    .global-nav .nav-item-container {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        height: 139px;
        line-height: 139px;
        padding-left: 8px;
        padding-right: 8px;
        position: relative;
        transition: all 0.25s;
    }
    .umbrella-page .global-nav .nav-item-container,
    .sticky .global-nav .nav-item-container {
        line-height: 79px;
        height: 79px;
        transition: all 0.25s;
    }
    .global-nav .nav-item {
        display: inline;
        font-size: 12px;
        border-bottom: 0;
        font-weight: bold;
        position: relative;
    }
    .global-nav .nav-item-container .nav-item:after {
        position: absolute;
        top: 120%;
        left: 0;
        width: 100%;
        height: 1px;
        background: #d11f3d;
        content: '';
        opacity: 0;
        -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
        -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
        transition: height 0.3s, opacity 0.3s, transform 0.3s;
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    .global-nav .nav-item-container.current .nav-item:after,
    .global-nav .nav-item-container:hover .nav-item:after {
        height: 3px;
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
    }
    .global-header .btns-container {
        top: 48px;
        transition: all 0.25s;
    }
    #page-header.sticky .global-header .btns-container {
        top: 18px;
    }
    .umbrella-page #page-header .global-header .btns-container {
        top: 18px;
    }
    #page-header .global-header .logo {
        padding-top: 42px;
        width: 22%;
    }
    #page-header.sticky .global-header .logo {
        padding-top: 12px;
    }
    .umbrella-page #page-header .global-header .logo {
        padding-top: 12px;
    }
    #page-header .global-header .logo img {
        max-height: 55px;
    }
    .global-nav .nav-item>i.icon-angle-down {
        float: none;
    }
    .global-nav .sub-menu-container {
        position: absolute;
        z-index: 100;
        padding-bottom: 6px;
        border-left: 0;
        border-right: 0;
        top: 139px;
        left: -40px;
        background: #d62144;
        background: -webkit-linear-gradient(left, #d62144, #bc1d71);
        background: -o-linear-gradient(right, #d62144, #bc1d71);
        background: -moz-linear-gradient(right, #d62144, #bc1d71);
        background: linear-gradient(to right, #d62144, #bc1d71);
        transition: all 0.25s;
    }
    .sticky .global-nav .sub-menu-container {
        top: 79px;
    }
    .global-nav .sub-menu {
        display: table;
        border-left: 1px solid #ddd;
        border-top: 1px solid #ddd;
        background: #fff;
    }
    .global-nav .sub-menu-container .menu-col {
        display: table-cell;
        border-right: 1px solid #ddd;
    }
    .global-nav .sub-menu-container .sub-item {
        width: 160px;
        text-align: left;
        background: #fff;
    }
    .global-nav .sub-menu-container .sub-item:hover {
        background: #f3f3f3;
    }
    .store-lists .store-tile {
        height: 340px;
        margin-bottom: 30px;
        padding: 10px;
        text-align: center;
    }
    .store-lists .store-tile .brand-logo {
        position: static;
        width: auto;
        max-width: 150px;
        display: inline-block;
        margin-top: 0;
    }
    .store-lists .store-tile .store-info {
        border-left: 0;
        text-align: center;
        padding: 0;
    }
    .store-tile .store-info .sep {
        margin-top: 0;
        margin-bottom: 15px;
        border-top: 0;
        border-bottom: 2px solid #ddcc95;
        width: 40%;
    }
    .store-lists .store-tile .name {
        font-size: 21px;
        white-space: normal;
        line-height: 1.3em;
    }
    .store-lists .store-tile .name.long-store-name {
        font-size: 16px;
    }
    .store-lists .store-tile .text-bottom {
        position: absolute;
        z-index: 1;
        bottom: 10px;
        left: 0;
        width: 100%;
    }
    .store-lists .store-tile .text-bottom span {
        display: block;
        margin-right: 0;
        font-size: 14px;
    }
    .store-lists .index-tile {
        height: 340px;
        background: #d9d8d4;
        box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
        position: relative;
        margin-bottom: 30px;
    }
    .store-lists .index-tile h5 {
        text-align: center;
        font-size: 60px;
        height: 100px;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -50px;
        width: 100%;
    }
    .search-module .input-group {
        border-bottom: 0;
        border-left: 1px solid #999;
        padding-left: 15px;
    }
    .filter-module {
        padding-top: 15px;
    }
    .filter-module {
        padding-right: 110px;
    }
    .filter-module.no-gift-card {
        padding-right: 55px;
    }
    .filter-module .button-wrapper {
        right: 0;
    }
    .filter-module .button-wrapper.toggle-offer-btn-wrapper {
        right: 55px;
    }
    .filter-module.no-gift-card .button-wrapper.toggle-offer-btn-wrapper {
        right: 0;
    }
    .filter-module .select-wrapper {
        width: 50%;
        padding: 0 5px;
    }
    .filter-module .select-wrapper:first-child {
        padding-left: 0;
    }
    .filter-module .select-wrapper:nth-child(2) {
        padding-right: 0;
    }
    .switch-module.mobile {
        display: none;
    }
    .switch-module .btn {
        margin: 0 10px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .filter-module button .text {
        display: none;
    }
    .banner-tile-container {
        margin-bottom: 30px;
    }
    .main-body-start {
        padding-top: 140px;
    }
    .umbrella-page .main-body-start {
        padding-top: 80px;
    }
    #hero-banner,
    .main-body-start.content-banner,
    .main-body-start.normal-banner {
        padding-top: 60px;
    }
    .main-body-start.content-banner .container {
        padding-top: 80px;
    }
    .breadcrumb {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .breadcrumb>li {
        font-size: 13px;
    }
    .page-content .article {
        padding: 30px 0;
    }
    .page-content .article p {
        font-size: 21px;
        margin-bottom: 20px;
    }
    .page-content .article ol li,
    .page-content .article ul li {
        font-size: 21px;
    }
    .video-thumbnail-container,
    .page-content .article img {
        margin-bottom: 25px;
    }
    .sidebar-container {
        padding-bottom: 6px;
    }
    .section-header .date {
        font-size: 15px;
    }
    .info-tiles .info-tile {
        height: auto;
        padding: 0;
        margin-bottom: 30px;
    }
    .info-tiles .info-tile .image {
        position: static;
    }
    .info-tiles .info-tile .image img {
        height: auto;
    }
    .info-tiles .info-tile .info-content {
        position: relative;
        height: 260px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .info-tiles .info-tile .info-content .tile-icon {
        position: absolute;
        top: -20px;
        left: 50%;
        margin-left: -20px;
        z-index: 100;
    }
    .info-tiles .info-tile .name {
        font-size: 26px;
        padding: 40px 0 20px 0;
        text-align: center;
        white-space: normal;
    }
    .info-tiles .info-tile .sep {
        margin-top: 0;
        margin-bottom: 15px;
        border-top: 0;
        border-bottom: 2px solid #ddcc95;
        width: 40%;
    }
    .info-tiles .info-tile .desc {
        padding: 5px 15px;
        font-size: 17px;
        text-align: center;
    }
    .info-tiles .info-tile .text-bottom {
        position: absolute;
        z-index: 1;
        bottom: 10px;
        left: 10px;
        right: 10px;
        text-align: center;
        font-size: 17px;
        font-weight: bold;
        margin-bottom: 0;
        padding-bottom: 10px;
    }
    .info-tiles .info-tile .text-bottom span {
        position: relative;
    }
    .info-tiles .info-tile .text-bottom span:after {
        position: absolute;
        top: 120%;
        left: 0;
        width: 100%;
        height: 4px;
        background: #c71c58;
        content: '';
        opacity: 0;
        -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
        -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
        transition: height 0.3s, opacity 0.3s, transform 0.3s;
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    .info-tiles .info-tile:hover .text-bottom span:after {
        height: 4px;
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
    }
    .info-tiles .info-tile .tile-arrow {
        display: none;
    }
    .centre-info-module .sub-title {
        padding-left: 30px;
        padding-right: 30px;
    }
    .benner-text .counting-down h4 {
        font-size: 28px;
    }
    .centre-info-module .sub-title h4 {
        font-size: 22px;
    }
    .top-banner {
        height: 680px;
    }
    .centre-info-module {
        text-align: center;
    }
    .normal-banner .centre-info-module {
        margin-top: 80px;
    }
    .centre-info-module .header-modules {
        display: inline-block;
        width: auto;
        padding-bottom: 50px;
    }
    .centre-info-module .header-modules>li {
        float: left;
        border-bottom: 0;
        border-left: 1px solid #666;
        padding: 3px 25px;
        text-align: left;
    }
    .centre-info-module .header-modules>li:first-child {
        border-left: 0;
        padding-left: 25px;
    }
    .offer-item-wrapper {
        margin-bottom: 30px;
    }
    .offer-item {
        border-width: 4px;
        height: 180px;
    }
    .offer-item .thumb-nail {
        position: absolute;
        z-index: 1;
        right: 0;
        height: 172px;
    }
    .offer-item .thumb-nail img {
        height: 172px;
    }
    .offer-item .offer-logo {
        position: absolute;
        z-index: 1;
        width: 172px;
        height: 172px;
        border-bottom: 0;
        border-right: 4px dotted #e4e5df;
        padding: 20px;
    }
    .offer-item-wrapper.content-accordion .offer-logo {
        padding: 20px;
    }
    .offer-item-wrapper.content-accordion .offer-logo img {
        max-width: 100%;
    }
    .offer-item-wrapper .offer-logo img {
        max-width: 100%;
    }
    .offer-item .offer-info {
        height: 172px;
        padding: 10px 270px 30px 186px;
    }
    .offer-item-wrapper .offer-info .text-bottom {
        left: 186px;
        right: 270px;
        font-size: 13px;
    }
    .offer-item-wrapper .thumb-nail .btn-zoom:hover {
        background: rgba(0, 0, 0, 0.5);
    }
    .offer-item-wrapper .thumb-nail .btn-zoom {
        width: 40px;
        height: 40px;
        font-size: 14px;
        line-height: 28px;
        border-radius: 20px;
    }
    .offer-item-wrapper .thumb-nail .btn-zoom i {
        font-size: 20px;
        line-height: 26px;
    }
    .offer-item-wrapper.content-accordion .thumb-nail {
        float: right;
        width: 262px;
        height: 180px;
        border: 4px solid #e4e5df;
        border-left: 0;
    }
    .offer-item-wrapper.content-accordion .thumb-nail img {
        width: 258px;
        height: 172px;
    }
    .offer-item-wrapper.content-accordion .offer-logo {
        float: left;
        width: 180px;
        min-height: 180px;
        border: 4px solid #e4e5df;
        border-right-style: dotted;
    }
    .offer-item-wrapper.content-accordion .offer-info-wrapper {
        float: left;
        width: calc(100% - 442px);
        min-height: 180px;
        border-top: 4px solid #e4e5df;
        border-bottom: 4px solid #e4e5df;
        border-left: 0;
        border-right: 0;
    }
    .offer-item-wrapper.content-accordion .offer-info .text-bottom {
        left: 10px;
        right: 10px;
    }
    .offer-item .offer-info {
        height: 172px;
    }
    .offer-item-wrapper.content-accordion .offer-info {
        min-height: 172px;
        padding-bottom: 30px;
    }
    .modal .modal-footer .btn {
        min-width: 120px;
    }
    .page-content~.page-content-bottom {
        border-top: 2px solid #e4e5df;
        margin-top: 30px;
    }
    .page-content-bottom .page-content-title {
        font-size: 26px;
        padding: 15px 0 25px 0;
        margin: 0;
    }
    .docked #sub-header {
        top: 80px;
    }
    #subscribeModal .modal-title {
        font-size: 30px;
    }
    #preference-iframe {
        height: 1550px;
    }
    .almost-full-screen {
        top: 140px;
    }
    .normal-banner .container,
    .normal-banner .top-banner {
        height: 480px;
    }
    /*	.christmas .normal-banner .benner-text {
		top: 140px;
	}*/
    .normal-banner .banner-logo {
        width: 240px;
    }
    .news-tile .tile-content p {
        font-size: 17px;
    }
    .toolkit-tiles .news-tile {
        height: 500px;
    }
    .event-panel {
        padding: 40px 15px;
        margin-top: 40px;
    }
    .event-panel .desc {
        text-align: center;
    }
    .time-list-container {
        border-top: 0;
        padding-top: 40px;
    }
    .time-list-container .info-list {
        padding-left: 40px;
        border-left: 1px solid #acacac;
    }
    .sepcific-event .sepcific-layer {
        top: -10px;
        width: 300px;
    }
    .custom-bg .container {
        padding-top: 100px;
    }
    .general-row {
        padding: 30px 0 15px 0;
    }
    .general-tile-container {
        margin-bottom: 30px;
    }
    .benner-text.full-banner-text {
        right: 15px;
        width: auto;
    }
    .sum-progress-container {
        padding-left: 15px;
    }
    .giftr-steps-container {
        padding-top: 0;
        border-bottom: 1px solid #c7c7c7;
        margin-bottom: 15px;
    }
    .giftr-step {
        padding: 30px 10px 10px 10px;
        text-align: center;
    }
    .giftr-step .btn-icon {
        top: -20px;
        left: 50%;
        margin-left: -20px;
    }
    .giftr-step.icon-promo .btn-icon {
        position: static;
        width: 80px;
        height: 80px;
        line-height: 80px;
        border-radius: 40px;
        margin: 0 0 15px 0;
    }
    .giftr-step.icon-promo .btn-icon i {
        font-size: 30px;
    }
    .sum-row .sum-logo {
        float: right;
        padding: 8px 0 0 15px;
    }
    /*	.sum-row .sum-logo img {
		height: 50px;
		width: auto;
	}*/
    .sum-row .sum {
        float: right;
    }
    .sum-row {
        overflow: hidden;
        padding: 10px 0;
    }
    .progress-row .desc {
        padding-left: 30px;
    }
    .product-tile {
        height: 550px;
    }
    .product-tile .text-bottom {
        position: absolute;
        z-index: 1;
        bottom: 25px;
        left: 0;
        right: 0;
        width: auto;
        font-size: 17px;
    }
    .product-tile .retailer-logo img {
        width: 150px;
    }
    .product-info .product-name {
        font-size: 20px;
    }
    .favourites-popup-container {
        overflow: inherit;
        padding: 0;
        position: relative;
        z-index: 103;
    }
    .favourites-popup {
        position: absolute;
        z-index: 30;
        right: 15px;
        bottom: 15px;
    }
    .quiz-viewport {
        padding-top: 0;
    }
    .quiz-viewport li .container {
        position: relative;
    }
    .quiz-viewport .card-content-container {
        position: absolute;
        z-index: 10;
        top: 0;
        height: auto;
    }
    .quiz-viewport .card-content {
        display: block;
        padding: 60px 15px 0 15px;
    }
    .quiz-viewport .card-content p {
        color: #fff;
        font-size: 26px;
    }
    .quiz-control-container {
        position: relative;
    }
    .quiz-control {
        position: absolute;
        left: 50%;
        bottom: 30px;
        z-index: 100;
        width: 400px;
        margin-left: -200px;
        padding: 0;
    }
    .quiz-control .sep {
        display: block;
    }
    .btn-answer {
        color: #fff;
    }
    .btn-answer svg {
        fill: #fff;
    }
    .skip-msg {
        padding-top: 40px;
        font-size: 18px;
    }
    .skip-msg a {
        font-size: 18px;
    }
    .quiz-viewport .card-logo {
        display: block;
        width: 40px;
        position: absolute;
        z-index: 10;
        top: 20px;
        left: 15px;
    }
    .quiz-viewport .card-logo img {
        width: 100%;
        height: auto;
    }
    .content-banner .content-banner-info {
        padding: 50px 0 10px 0;
    }
    .content-banner .content-banner-info .giftr-logo {
        width: 180px;
    }
    .product-category {
        min-height: 200px;
    }
    .normal-banner .benner-text .link-top-left,
    .content-banner .content-banner-info .link-top-right {
        top: 30px;
        font-size: 16px;
    }
    .content-top-bar .heading {
        padding-top: 20px;
    }
    .content-top-bar .filters {
        display: flex;
        justify-content: center;
        align-content: center;
        padding-top: 20px;
    }
    .content-top-bar .filters .btn-wrapper {}
    .content-top-bar .filters .favourites-btn {
        display: inline-block;
        width: auto;
    }
    .content-top-bar .filters .select-wrapper {
        display: inline-block;
        margin-left: 15px;
        width: 160px;
    }
    .product-tile-container {
        margin-bottom: 30px;
    }
    #wishlist .content-top-bar {
        display: flex;
        justify-content: space-between;
    }
    #wishlist .start-giftr {}
    .product-tile .product-img img {
        width: 100%;
    }
    #wishlist .content-top-bar .start-giftr {
        margin-top: 15px;
        margin-bottom: 0;
    }
    /* content list */
    .content-list-container .list-item {
        padding-left: 190px;
        position: relative;
        min-height: 193px;
    }
    .content-list-container .list-thumbnail {
        width: 160px;
        position: absolute;
        top: 15px;
        left: 0;
        z-index: 1;
    }
    .content-list-container .list-info {
        padding-top: 0;
    }
    .content-list-container .list-body p {
        font-size: 16px;
    }
    .anchor {
        top: -100px;
    }
    .carpark-info {
        left: 130px;
        padding-top: 48px;
        right: inherit;
        text-align: center;
        font-weight: bold;
    }
    .carpark-info span {
        font-size: 12px;
    }
    #page-header.sticky .carpark-info {
        padding-top: 14px;
    }
    .component-wrapper .name {
        font-size: 22px;
        padding: 10px 0 20px 0;
    }
    .filter-module .button-wrapper .popover {
        right: -40px;
    }
    .category-selection .swiper-slide {
        margin-right: 20px;
        margin-left: 20px;
    }
    .category-selection .instruction {
        display: none;
    }
    .category-selection .swiper-container {
        overflow: visible;
    }
    .category-selection .swiper-container {
        margin: 0 auto;
        width: auto;
    }
    .curated-list .curated-item {
        padding-left: 230px;
    }
    .curated-item .item-img {
        width: 230px;
        height: 149px;
        left: 0;
        top: 0;
    }
    .curated-item .item-content {
        min-height: 149px;
        padding: 20px 15px 15px 15px;
    }
    .curated-item.store-style .item-content {
        padding-top: 42px;
    }
    #routing-banner {
        /*padding: 40px;*/
    }
    .routing-panel .title {
        font-size: 18px;
    }
    .routing-panel-container {
        max-width: 600px;
    }
    .routing-panel {
        padding: 35px 15px;
    }
    .routing-panel .select-style {
        margin-bottom: 30px;
    }
    .routing-panel .title {
        margin-bottom: 30px;
    }
    #flex-header .container {
        justify-content: flex-start;
    }
    #flex-footer .footer-content {
        justify-content: flex-end;
    }
    #routing-banner .banner-body .desc {
        padding-top: 80px;
    }
    .video-tile .info-content {
        height: 240px;
    }
    .news-tile-container.event-tile .tile-content .title {
        min-height: 50px;
    }
    .news-tile .tile-content .title.title-full {
        display: none;
    }
    .news-tile .tile-content .short-desc {
        font-size: 14px;
        line-height: 1.2em;
    }
    .news-tile-container.event-tile .tile-content .short-desc {
        margin-right: -75px;
    }
    #umbrella-footer .footer-text p {
        text-align: right;
    }
    .umbrella-tile-container.expanding .expanding-tile-wrapper {
        transform: scale(1);
    }
    .umbrella-tile-wrapper .umbrella-tile-link {
        display: none;
    }
    html.touch .umbrella-tile-wrapper .umbrella-tile-link {
        display: block;
    }
    .umbrella-page .mobile-bg {
        display: none;
    }
    .direction-map-section #map {
        height: 480px;
    }
    .direction-detail-area .sep,
    .direction-detail-area .desc {
        text-align: left;
        font-size: 18px;
    }
    .direction-detail-area .desc {
        padding-top: 0;
    }
    .direction-map-section .sidebar {
        min-height: 480px;
        padding-top: 0;
        padding-bottom: 130px;
    }
    .direction-map-section .bottom-info {
        position: absolute;
        bottom: 0;
        left: 15px;
        right: 15px;
        z-index: 10;
    }
    .direction-map-section .parking-detail-area {
        padding-top: 0;
    }
    .job-getter-info .desc-container {
        padding: 35px 15px;
    }
    .job-getter-info .desc p {
        font-size: 18px;
    }
    .job-getter-info .link-container .link-image img,
    .job-getter-info .link-container .link-image {
        width: 150px;
        height: 150px;
    }
    .job-getter-info .links-row {
        display: flex;
    }
    .job-getter-info .link-container {
        width: 50%;
        flex: 0 0 auto;
    }
    .job-getter-info .link-container .link-item {
        padding: 10px 40px 10px 25px;
        text-align: center;
    }
    .job-getter-info .link-container .link-label {
        font-size: 18px;
    }
    .banner-row {
        margin-top: 30px;
        display: flex;
    }
    .banner-row .image-container {
        width: 50%;
        flex: 0 0 auto;
        display: flex;
    }
    .banner-row .image-container img {
        object-fit: cover;
    }
    .banner-row .banner-content {
        width: 50%;
        flex: 0 0 auto;
        padding: 30px;
        display: flex;
        flex-direction: column;
    }
    #post-job-section .article p {
        text-align: justify;
    }
    .job-result-wrapper .panel {
        padding-left: 25px;
        padding-right: 25px;
    }
    .job-result-wrapper .panel h3 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .job-result-wrapper .col-sm-4 .btn,
    .job-result-wrapper .col-sm-4~.col-sm-3 .btn {
        min-width: 200px;
    }
    .job-getter-page .top-banner {
        top: 80px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .info-list-container .social-btns button {
        width: 40px;
        height: 40px;
        border-radius: 20px;
        line-height: 28px;
        font-size: 14px;
    }
    .sidebar-tier .info-list li .date {
        width: 100%;
        margin-bottom: 5px;
    }
    .item-list.has-info>li a {
        font-size: 13px;
    }
    .product-category p {
        font-size: 14px;
    }
    .content-top-bar .filters .favourites-btn {
        width: 40px;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }
    .content-top-bar .filters .favourites-btn span {
        display: none;
    }
    .offer-item-wrapper .offer-info .desc {
        font-size: 11px;
        margin-bottom: 0;
    }
    .page-content .sidebar .article ol li,
    .page-content .sidebar .article ul li,
    .page-content .sidebar .article p {
        font-size: 17px;
    }
    .news-tile .tile-content .short-desc {
        line-height: 1.2em;
    }
    .umbrella-tile-col:nth-child(even) .expanding-tile-wrapper {
        transform-origin: top right;
        left: auto;
        right: 0;
    }
    .umbrella-tile-col.bottom-line-sm .expanding-tile-wrapper {
        transform-origin: bottom left;
        left: 0;
        top: auto;
        bottom: 0;
    }
    .umbrella-tile-col.bottom-line-sm:nth-child(even) .expanding-tile-wrapper {
        transform-origin: bottom right;
        left: auto;
        top: auto;
        bottom: 0;
        right: 0;
    }
    .benner-text .counting-down {
        text-align: left;
        padding-top: 35px;
    }
}

@media (min-width:992px) {
    #hero-banner {
        height: 650px;
    }
    #hero-banner .container {
        height: 590px;
    }
    .benner-text {
        width: 600px;
        top: 120px;
    }
    .benner-text .counting-down {
        text-align: left;
        height: 350px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .benner-text h2 {
        font-size: 70px;
    }
    .benner-text.giftr-banner h2 {
        font-size: 50px;
    }
    .header-modules {
        width: auto;
        bottom: 40px;
    }
    .header-modules>li {
        float: left;
        border-bottom: 0;
        border-left: 1px solid #666;
        padding: 3px 15px;
    }
    .header-modules>li:first-child {
        border-left: 0;
        padding-left: 0;
    }
    .header-modules>li:last-child {
        max-width: 260px;
    }
    .more-info-container {
        width: 320px;
    }
    .more-info-container .more-info>li {
        padding: 10px 20px;
    }
    .more-info-container .more-info>li.title {
        padding: 35px 20px;
        font-size: 22px;
    }
    .more-info-container .more-info>li.btn-row {
        padding: 35px 20px;
    }
    .more-info-container .more-info>li a:not(.btn) {
        padding: 15px 0 15px 70px;
        min-height: 60px;
    }
    .more-info-container .more-info>li .btn-static {
        margin-top: -30px;
    }
    #gallery-slider .slider-wrapper {
        margin-left: -970px;
        margin-right: -970px;
    }
    #gallery-slider .bx-wrapper .bx-controls-direction a.bx-prev {
        left: 1000px;
    }
    #gallery-slider .bx-wrapper .bx-controls-direction a.bx-next {
        right: 1000px;
    }
    .form-control {
        height: 60px;
        font-size: 20px;
    }
    .input-circle {
        border-radius: 30px !important;
    }
    .general-form {
        padding: 20px 0;
    }
    .general-form .form-group {
        margin-bottom: 30px;
    }
    .general-form .form-control {
        height: 50px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 17px;
    }
    .general-form .input-circle {
        border-radius: 25px !important;
    }
    .general-form .select-style {
        height: 50px;
        border-radius: 25px;
        margin-bottom: 30px;
    }
    .general-form .select-style select {
        height: 50px;
        font-size: 17px;
    }
    .general-form .select-style:after {
        line-height: 50px;
    }
    .general-form .btn:not(.btn-icon) {
        height: 50px;
        border-radius: 25px;
        line-height: 38px;
        min-width: 250px;
    }
    .article .btn {
        min-width: 220px;
    }
    .general-form textarea.input-circle {
        height: 150px;
    }
    .form-actions {
        margin-bottom: 30px;
    }
    .checkbox-style,
    .radio-style {
        margin-bottom: 30px;
    }
    .checkbox-style label,
    .radio-style label {
        font-size: 17px;
    }
    .form-sub-head {
        font-size: 18px;
    }
    .form-sub-head-wrapper p {
        font-size: 18px;
    }
    .more-info-container .more-info>li.btn-row {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .section-header h1,
    .section-header h3 {
        font-size: 60px;
    }
    .christmas .section-header h1,
    .christmas .section-header h3 {
        font-size: 40px;
    }
    .section-header hr {
        margin-bottom: 20px;
    }
    #page-header .global-header .logo {
        width: 20%;
    }
    #page-header .btn-subscribe {
        width: auto;
    }
    .global-nav {
        width: 80%;
        padding-right: 180px;
    }
    .global-nav .nav-item-container {
        padding-left: 12px;
        padding-right: 12px;
    }
    .global-nav .sub-menu-container .sub-item {
        width: 200px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .global-nav .sub-menu-container {
        left: -55px;
    }
    .news-tile {
        height: 390px;
    }
    .news-tile .tile-thumbnail {
        height: 190px;
    }
    .news-tile-container.pure-img-tile .news-tile .tile-content {
        padding-top: 195px;
    }
    .news-tile-container.event-tile .calendar {
        top: 205px;
    }
    .banner-tile {
        display: block;
        height: 386px;
    }
    .btn {
        height: 60px;
        line-height: 48px;
        border-radius: 30px;
        font-size: 20px;
    }
    .btn-sm {
        height: 40px;
        line-height: 28px;
        border-radius: 20px;
        font-size: 14px;
    }
    .btn.btn-icon {
        width: 60px;
    }
    .btn.btn-icon.btn-sm {
        width: 40px;
    }
    .btn-icon i {
        font-size: 32px;
        line-height: 46px;
    }
    .btn.btn-icon.btn-sm i {
        font-size: 20px;
        line-height: 26px;
    }
    .btn.btn-transparent:not(.btn-sm) {
        line-height: 44px;
    }
    .btn.spinner-loading:before {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        border-width: 3px;
    }
    .select-style {
        height: 60px;
        border-radius: 30px;
    }
    .select-style select {
        height: 60px;
        font-size: 18px;
        padding-left: 20px;
    }
    .select-style:after {
        line-height: 60px;
        font-size: 24px;
    }
    .filter-module {
        padding-right: 155px;
    }
    .filter-module.no-gift-card {
        padding-right: 75px;
    }
    .filter-module .button-wrapper {
        right: 5px;
    }
    .filter-module .button-wrapper.toggle-offer-btn-wrapper {
        right: 80px;
    }
    .search-module input[type=text] {
        font-size: 40px;
    }
    .search-module .input-group-addon i {
        font-size: 36px;
    }
    .filter-module {
        padding-top: 15px;
    }
    .switch-module .btn {
        padding-left: 40px;
        padding-right: 40px;
    }
    .select-style .remove-content-btn {
        right: 35px;
        font-size: 22px;
    }
    .filter-module .select-style select {
        padding-right: 45px;
    }
    .banner-tile-container .tile-image {
        display: none;
    }
    .page-content .article {
        padding: 40px 0;
    }
    .sidebar-header .btn-icon {
        top: -20px;
        margin-left: -30px;
    }
    .sidebar-header .title {
        padding: 50px 0 20px 0;
        font-size: 22px;
    }
    .sidebar-tier {
        padding: 20px 0;
    }
    .sidebar-tier .header {
        font-size: 13px;
    }
    .sidebar-tier .info-list li {
        font-size: 17px;
    }
    .item-list>li a {
        font-size: 17px;
    }
    .item-list.has-info>li {
        padding-right: 74px;
    }
    .item-list>li .additional-info {
        font-size: 15px;
    }
    .item-list.has-icon>li {
        padding: 15px 0 15px 70px;
        font-size: 17px;
    }
    .item-list.has-icon>li>.btn-icon {
        margin-top: -30px;
    }
    .info-tiles .info-tile .info-content {
        height: 350px;
    }
    .info-tiles .info-tile .name {
        font-size: 22px;
        padding-top: 50px;
    }
    .info-tiles .info-tile .info-content .tile-icon {
        top: -30px;
        margin-left: -30px;
    }
    .centre-info-module .sub-title {
        padding-top: 25px;
        padding-bottom: 60px;
    }
    .benner-text .counting-down h4 {
        font-size: 38px;
        margin-bottom: 30px;
    }
    .centre-info-module .sub-title h4 {
        font-size: 40px;
    }
    .offer-item-wrapper .offer-info .title {
        font-size: 21px;
    }
    .offer-item-wrapper .offer-info .desc {
        font-size: 17px;
    }
    .offer-item-wrapper .offer-info .text-bottom {
        font-size: 15px;
    }
    .offer-toggle-content p {
        font-size: 15px;
    }
    .info-content p {
        font-size: 15px;
    }
    .info-toggle {
        font-size: 15px;
    }
    .gallery-mask-wrapper {
        padding: 35px 40px;
    }
    .gallery-mask-wrapper .gallery-control a {
        font-size: 32px;
        color: #7c7773;
        text-shadow: none;
    }
    .gallery-mask-wrapper .gallery-control a:hover {
        color: #333;
    }
    .global-header .btn-subscribe {
        padding-left: 10px;
        padding-right: 10px;
    }
    #preference-iframe {
        height: 1900px;
    }
    .social-btns {
        min-height: 60px;
    }
    .normal-banner .container,
    .normal-banner .top-banner {
        height: 660px;
    }
    .normal-banner.nb-md-500 .container,
    .normal-banner.nb-md-500 .top-banner {
        height: 500px;
    }
    .normal-banner.nb-md-600 .container,
    .normal-banner.nb-md-600 .top-banner {
        height: 500px;
    }
    .normal-banner .banner-logo {
        width: 330px;
    }
    .toolkit-tiles .col-md-6 .news-tile {
        height: 550px;
    }
    .event-panel .desc .heading {
        font-size: 24px;
    }
    .event-panel .desc {
        padding: 0 15px;
    }
    .event-panel .desc p {
        font-size: 17px;
    }
    .time-list-container {
        padding-top: 50px;
    }
    .time-list-container .info-list {
        padding-left: 55px;
    }
    .time-list-container .info-list li {
        font-size: 17px;
    }
    .toolkit-tiles .col-md-6 .news-tile .info-list li .date {
        width: 40%;
    }
    .article p {
        font-size: 17px;
    }
    .giftr-steps-container {
        padding: 0 60px 30px 60px;
        margin-bottom: 30px;
    }
    .sum-progress-container {
        padding-left: 30px;
    }
    .quiz-viewport .card-content {
        padding-top: 80px;
    }
    .quiz-viewport .card-content p {
        font-size: 40px;
    }
    .quiz-viewport .card-logo {
        width: 60px;
        top: 40px;
        left: 30px;
    }
    .quiz-control {
        bottom: 50px;
    }
    #wishlist .start-giftr {
        min-width: 220px;
    }
    .giftr-banner .btn {
        min-width: 240px;
    }
    /*	.product-tile .product-img img {
		width: 140px;
	}*/
    .content-top-bar {
        display: flex;
        justify-content: space-between;
        align-content: center;
        align-items: center;
    }
    .content-top-bar .heading {
        display: flex;
        align-content: center;
    }
    .content-top-bar .filters {
        flex: 1 1 auto;
        justify-content: flex-end;
    }
    .each-kid {
        padding-top: 30px;
    }
    .each-kid .remove-kid {
        font-size: 46px;
        line-height: 42px;
    }
    .modal-wider {
        width: 900px;
    }
    .giftr-step.icon-promo .btn-icon {
        width: 120px;
        height: 120px;
        line-height: 136px;
        border-radius: 60px;
    }
    .giftr-step.icon-promo .btn-icon i {
        font-size: 50px;
    }
    .carpark-info {
        left: 170px;
    }
    .carpark-info span {
        font-size: 16px;
    }
    .offer-item-wrapper .offer-info .desc {
        font-size: 13px;
    }
    .trading-hour-table>table tr>td {
        font-size: 20px;
        padding: 12px 8px;
    }
    .component-wrapper .name {
        font-size: 30px;
        padding: 25px 0;
    }
    .trading-hour-module .bx-wrapper .bx-controls-direction a {
        top: 20px;
    }
    .trading-hour-module .bx-wrapper .bx-controls-direction a span {
        font-size: 18px;
    }
    .trading-hour-module .bx-wrapper .bx-controls-direction a i {
        font-size: 36px;
    }
    .trading-hour-module .bx-wrapper .bx-next {
        padding-right: 20px;
    }
    .trading-hour-module .bx-wrapper .bx-prev {
        padding-left: 20px;
    }
    .trading-hour-module .bx-wrapper .bx-pager,
    .trading-hour-module .bx-wrapper .bx-controls-auto {
        bottom: -56px;
    }
    .sidebar-header .title .centre-countdown {
        font-size: 40px;
    }
    .select-style .select2-container .select2-selection--single {
        height: 60px;
        font-size: 17px;
    }
    .select-style .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 60px;
    }
    .filter-module .button-wrapper .popover {
        bottom: 73px;
        right: -30px;
    }
    #close-search-btn {
        font-size: 48px;
    }
    #search-header .search-field-wrapper .help-block {
        font-size: 18px;
    }
    #global-search .main-body-start {
        padding-top: 180px;
    }
    .category-selection .swiper-slide {
        margin-left: 30px;
        margin-right: 30px;
    }
    .category-selection .category-item h5 {
        font-size: 18px;
    }
    .category-selection .category-item .amount {
        min-width: 30px;
        height: 30px;
        line-height: 26px;
        font-size: 12px;
    }
    .search-loading #search-header .search-field-wrapper:before {
        width: 20px;
        height: 20px;
        top: 20px;
        right: 20px;
        border-width: 3px;
    }
    .routing-panel .select-style:before {
        line-height: 60px;
        right: 40px;
        font-size: 14px;
    }
    .routing-panel-container {
        max-width: 800px;
        padding-bottom: 8px;
        /*margin-bottom: -40px;*/
    }
    .routing-panel .select-style {
        max-width: 500px;
    }
    .routing-panel .btn-routing {
        min-width: 300px;
    }
    .video-tile .image iframe {
        height: 280px;
    }
    .umbrella-tile-col:nth-child(3n) .expanding-tile-wrapper {
        transform-origin: top right;
        left: auto;
        right: 0;
    }
    .umbrella-tile-col.bottom-line-md .expanding-tile-wrapper {
        transform-origin: bottom left;
        left: 0;
        top: auto;
        bottom: 0;
    }
    .umbrella-tile-col.bottom-line-md:nth-child(3n) .expanding-tile-wrapper {
        transform-origin: bottom right;
        left: auto;
        top: auto;
        bottom: 0;
        right: 0;
    }
    .umbrella-tiles {
        padding-top: 100px;
    }
    .cuisine-carousel-section {
        padding: 20px 0;
    }
    .store-groups-wrapper {
        padding-top: 30px;
    }
    .top-carousel-container .swiper-nav-btn {
        display: inline-block;
    }
    .tab-switch-btns-container .tab-switch-btn {
        min-width: 180px;
        margin: 0 10px;
    }
    .direction-detail-area .sep,
    .direction-detail-area .desc {
        font-size: 22px;
    }
    .banner-row .banner-content .banner-list .list-item .text {
        font-size: 17px;
    }
}

@media screen and (min-width:992px) and (max-width:1399px) {
    .toolkit-tiles .col-md-3 .news-tile .tile-content p {
        font-size: 13px;
    }
    .toolkit-tiles .col-md-3 .info-list li {
        font-size: 13px;
    }
    .toolkit-tiles .col-md-3 .news-tile .info-list li .date {
        width: 80px;
    }
    .expanding-tile-wrapper .expanding-tile .action-tier {
        bottom: 10px;
    }
    .umbrella-tile .tile-info .name {
        font-size: 16px;
    }
}

@media (min-width:1400px) {
    .container {
        width: 1200px;
    }
    #hero-banner {
        height: 710px;
    }
    #hero-banner .container {
        height: 650px;
    }
    .benner-text {
        top: 150px;
        width: 620px;
    }
    .header-modules>li {
        padding: 3px 26px;
    }
    .header-modules>li:last-child {
        max-width: 360px;
    }
    .header-modules>li:last-child .item-main .text {
        white-space: normal;
    }
    .more-info-container {
        width: 370px;
    }
    .more-info-container .more-info>li {
        padding: 10px 25px;
    }
    .more-info-container .more-info>li.title {
        padding: 35px 25px;
        font-size: 26px;
    }
    .more-info-container .more-info>li.btn-row {
        padding: 35px 25px;
    }
    .news-tile {
        height: 494px;
    }
    .news-tile .tile-thumbnail {
        height: 240px;
    }
    .news-tile-container.pure-img-tile .news-tile .tile-content {
        padding-top: 245px;
    }
    .banner-tile {
        height: 500px;
    }
    #gallery-slider .slider-wrapper {
        margin-left: -855px;
        margin-right: -855px;
    }
    #gallery-slider.normal-gallery .slider-wrapper {
        padding-left: 115px;
        padding-right: 115px;
    }
    #gallery-slider .bx-wrapper .bx-controls-direction a.bx-prev {
        left: 890px;
    }
    #gallery-slider .bx-wrapper .bx-controls-direction a.bx-next {
        right: 890px;
    }
    .footer-info li {
        float: left;
        margin-right: 6px;
    }
    .footer-info.footer-links li {
        margin-right: 30px;
        font-size: 16px;
    }
    #umbrella-footer .footer-text p {
        font-size: 16px;
    }
    .footer-info li a:hover {
        text-decoration: none;
    }
    .footer-info li i {
        display: inline-block;
    }
    .footer-text {
        text-align: right;
    }
    .news-tile .tile-content {
        padding: 10px 20px;
    }
    .news-tile .tile-content .category {
        font-size: 13px;
    }
    .news-tile .tile-content .title {
        font-size: 26px;
    }
    .news-tile .tile-content.pure-text .title {
        font-size: 40px;
    }
    .news-tile .tile-content .text-bottom {
        font-size: 17px;
        bottom: 20px;
    }
    .news-tile-container.event-tile .calendar {
        top: 260px;
        width: 80px;
        height: 85px;
    }
    .news-tile-container.event-tile .tile-content {
        padding-right: 100px;
    }
    .news-tile-container.event-tile .calendar .num {
        padding: 23px 0 4px 0;
        font-size: 30px;
    }
    .news-tile-container.event-tile .calendar.multiple .num {
        font-size: 22px;
    }
    .news-tile-container.event-tile .calendar .text {
        font-size: 13px;
    }
    .section-header .btn-icon {
        width: 80px;
        height: 80px;
        border-radius: 40px;
        font-size: 65px;
        top: -40px;
        margin-left: -40px;
    }
    .section-header .btn-icon i {
        font-size: 52px;
        line-height: 68px;
    }
    #home-news .section-header {
        margin-top: -60px;
    }
    .global-nav {
        padding-right: 180px;
    }
    .global-nav .nav-item {
        font-size: 16px;
    }
    .global-nav .nav-item-container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .global-nav .sub-menu-container .sub-item {
        width: 240px;
    }
    .global-nav .sub-menu-container {
        left: -65px;
    }
    .sidebar {
        padding: 0 30px;
    }
    .item-list>li .text-lg {
        font-size: 30px;
    }
    .time-sheet>li {
        height: 85px;
        padding-left: 90px;
    }
    .time-sheet>li .calendar {
        width: 80px;
        height: 85px;
    }
    .time-sheet>li .calendar .num {
        padding: 23px 0 4px 0;
        font-size: 30px;
    }
    .time-sheet>li .calendar .text {
        font-size: 13px;
    }
    .time-sheet>li span.time {
        height: 80px;
        font-size: 21px;
    }
    .time-sheet>li .desc {
        font-size: 22px;
    }
    .time-sheet.recurring>li {
        margin-top: 40px;
    }
    .time-sheet.recurring .time-range .dots {
        line-height: 85px;
    }
    .info-tiles .info-tile .info-content {
        height: 330px;
    }
    .info-tiles .info-tile .name {
        font-size: 26px;
    }
    .info-tiles .info-tile .sep {
        width: 20%;
    }
    .top-banner {
        height: 760px;
    }
    .job-getter-page .top-banner {
        height: 680px;
    }
    .filter-module .select-style select {
        padding-right: 45px;
    }
    .normal-banner .container,
    .normal-banner .top-banner {
        height: 700px;
    }
    .toolkit-tiles .col-md-6 .news-tile {
        height: 600px;
    }
    .sepcific-event .event-panel {
        width: 970px;
        margin-left: auto;
        margin-right: auto;
    }
    .sepcific-event .sepcific-layer {
        top: -50px;
        width: 405px;
    }
    .custom-bg .container {
        padding-top: 140px;
    }
    .toolkit-tiles .col-md-4 .news-tile .info-list li .date {
        width: 40%;
    }
    .giftr-steps-container {
        padding-left: 100px;
        padding-right: 100px;
    }
    .quiz-viewport .card-content {
        padding-top: 150px;
    }
    .quiz-viewport .card-content p {
        font-size: 48px;
    }
    .quiz-control {
        width: 550px;
        margin-left: -275px;
    }
    .btn-answer {
        font-size: 80px;
    }
    .btn-answer svg {
        height: 80px;
    }
    .btn-answer.answer-no svg {
        width: 99px;
    }
    .btn-answer.answer-yes svg {
        width: 130px;
    }
    .quiz-control .sep {
        font-size: 100px;
        top: -4px;
    }
    .product-tile {
        height: 600px;
    }
    .product-category {
        min-height: 170px;
    }
    .normal-banner .benner-text .link-top-left,
    .content-banner .content-banner-info .link-top-right {
        font-size: 17px;
    }
    .modal-wider {
        width: 1000px;
    }
    .giftr-step.icon-promo .btn-icon {
        width: 150px;
        height: 150px;
        line-height: 175px;
        border-radius: 75px;
    }
    .giftr-step.icon-promo .btn-icon i {
        font-size: 68px;
    }
    .offer-item-wrapper .offer-info .desc {
        font-size: 17px;
    }
    .trading-hour-table>table tr.past>td {
        font-size: 22px;
    }
    .sidebar-header .title .centre-countdown {
        font-size: 50px;
    }
    #routing-banner .banner-body .desc {
        padding-top: 150px;
    }
    .news-tile .tile-content .short-desc {
        font-size: 16px;
    }
    .news-tile-container.event-tile .news-tile .tile-content .title {
        min-height: 65px;
    }
    .umbrella-tiles {
        padding-top: 150px;
    }
    .umbrella-page .container {
        width: 1360px;
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}