/*GENERAL*/
body {
    color: #512706;
    font-family: Biryani,"Microsoft JhengHei","apple LiGothic Medium","Noto Sans",Arial,sans-serif;
    position: relative;
}

h1 {
    font-size: 1.75em;
}

h2 {
    font-size: 1.25em;
}

a {
    text-decoration: none;
    color: #512706;
}

button:focus, :focus {
    outline: 0;
}

.content-wrapper {
    padding-top: 135px;
    padding-bottom: 50px;
    min-height: 800px;
}

.container {
    width: 95%;
    max-width: 920px;
    margin: auto;
}

.salesAd-wrapper {
    margin: 50px auto;
    width: 100%;
    text-align: center;
}

.salesAd {
    width: 302px;
    height: 252px;
    background-color: rgba (255, 238, 190, 0.3);
    margin: 10px;
    border: 1px solid #FFEEBE;
    vertical-align: top;
    display: inline-block;
}

/*HEADER*/
#header, #header-m {
    background: url('/Images/Marketing/xmas2015/header-bg.png') repeat-x;
    height: 135px;
    width: 100%;
    position: absolute;
    z-index: 9;
}

.header-container {
    width: 95%;
}

    .header-container .nav-wrapper {
        text-align: right;
        max-width: 610px;
    }

    .header-container .top-nav {
        font-size: .75em;
        font-weight: 700;
    }

        .header-container .top-nav .li {
            margin: 10px;
            line-height: 25px;
            display: inline-block;
            vertical-align: top;
        }

        .header-container .top-nav .li-s {
            margin: 10px 3px;
        }

#header .header-container .top-nav .li .socials-icon {
    display: block;
    width: 19px;
    height: 25px;
}

.header-container .top-nav .socials-icon.fb-link {
    background: url('/Images/Marketing/xmas2015/icons.png') no-repeat -214px -0px;
}

.header-container .top-nav .socials-icon.twitter-link {
    background: url('/Images/Marketing/xmas2015/icons.png') no-repeat -181px -0px;
}

.header-container .top-nav .socials-icon.google-link {
    background: url('/Images/Marketing/xmas2015/icons.png') no-repeat -247px -0px;
}

.header-container hr {
    margin: 0 2px;
    border: none;
    height: 1px;
    background-color: #512706;
}

.header-container .main-menu {
    font-size: .935em;
    font-weight: 700;
}

.main-menu .menu {
    margin-top: 5px;
    display: block;
    position: relative;
}

    .main-menu .menu.active::after {
        content: '';
        background: url('/Images/Marketing/xmas2015/icons.png') no-repeat -15px -42px;
        width: 73px;
        height: 24px;
        display: block;
        float: right;
        margin: -15px -6px 0 0;
    }

    .main-menu .menu.menu-macau {
        background-color: #512706;
        color: #fff8d8;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        text-align: center;
        line-height: 23px;
    }

    .main-menu .menu .menu-icon {
        display: block;
        width: 20px;
        height: 20px;
        float: left;
    }

    .main-menu .menu.menu-index .menu-icon {
        background: url('/Images/Marketing/xmas2015/icons.png') no-repeat -6px -3px;
    }

    .main-menu .menu.menu-rest .menu-icon {
        background: url('/Images/Marketing/xmas2015/icons.png') no-repeat -39px -3px;
    }

    .main-menu .menu.menu-gift .menu-icon {
        background: url('/Images/Marketing/xmas2015/icons.png') no-repeat -72px -3px;
    }

    .main-menu .menu.menu-event .menu-icon {
        background: url('/Images/Marketing/xmas2015/icons.png') no-repeat -108px -3px;
    }

    .main-menu .menu.menu-campaign .menu-icon {
        background: url('/Images/Marketing/xmas2015/icons.png') no-repeat -143px -2px;
    }

#header-m {
    display: none;
}

.nav-wrapper-m {
    display: none;
}

/*INDEX*/
#canvas-snow {
    display: block;
    position: fixed;
    height: 100%;
}

.index-content {
    background: #902706 url('/Images/Marketing/xmas2015/tree.png') no-repeat center bottom;
    padding-top: 80px;
}

.hero-block {
    background-color: #512706;
    padding-top: 80px;
}

    .hero-block .container {
        position: relative;
        max-width: 1000px;
    }

        .hero-block .container > img {
            margin-bottom: -50px;
            width: 77.6%;
        }

    .hero-block #link-btn {
        width: 27.6%;
        display: block;
        position: absolute;
        bottom: -7.9%;
        right: 0;
    }

.intro-block {
    background: #e7a89e; /* Old browsers */
    background: -moz-linear-gradient(top, #e7a89e 0%, #f1cfc9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7a89e), color-stop(100%,#f1cfc9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e7a89e 0%,#f1cfc9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e7a89e 0%,#f1cfc9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e7a89e 0%,#f1cfc9 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e7a89e 0%,#f1cfc9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7a89e', endColorstr='#f1cfc9',GradientType=0 ); /* IE6-9 */
    padding: 85px 0 40px;
}

    .intro-block .container {
        padding: 0 60px;
    }

    .intro-block .title-img {
        background: url('/Images/Marketing/xmas2015/icons.png') no-repeat -15px -165px;
        width: 300px;
        height: 80px;
        margin: 0 auto;
    }

.slider-block {
}

    .slider-block #index-slider {
        padding-left: 0;
        position: relative;
    }

.slick-arrow {
    width: 57px;
    height: 47px;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 6;
    border: none;
    text-indent: -999px;
}

.slick-prev {
    background: url('/Images/Marketing/xmas2015/icons.png') no-repeat -119px -28px;
    left: -60px;
}

#index-slider .slick-prev {
    left: 0;
    right: 730px;
}

.slick-next {
    background: url('/Images/Marketing/xmas2015/icons.png') no-repeat -181px -28px;
    right: -60px;
}

#index-slider .slick-next {
    left: 730px;
    right: 0;
}

.slick-slide {
    position: relative;
    margin: 0 2px;
}

#index-slider .slick-slide::before {
}

#index-slider .slick-slide:not(.slick-current)::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    opacity: 0.8;
    -webkit-transition: opacity .7s;
    transition: opacity .7s;
}

.slick-dots {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    padding: 0;
}

    .slick-dots li {
        list-style-type: none;
        display: inline-block;
    }

        .slick-dots li button {
            line-height: 0;
            display: block;
            width: 10px;
            height: 10px;
            padding: 5px;
            cursor: pointer;
            border: 0;
            outline: none;
            background: #512706;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            font-size: 0;
            margin: 7px;
        }

        .slick-dots li.slick-active button {
            background: #cb6e2b;
        }

.rest-block {
    padding: 10px 0;
}

    .rest-block .container {
        position: relative;
    }

    .rest-block .title-img {
        background: url('/Images/Marketing/xmas2015/icons.png') no-repeat -7px -80px;
        width: 285px;
        height: 85px;
        margin: 0 auto;
    }

    .rest-block .show-all-btn {
        background-color: #512706;
        color: #ae7b4b;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        text-align: center;
        padding: 2px 15px;
        position: absolute;
        right: 0;
        margin-top: -35px;
        font-size: .875em;
    }

    .rest-block #rest-grid {
        margin-top: 10px;
    }

        .rest-block #rest-grid li {
            padding: 3px;
        }

        .rest-block #rest-grid .item {
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            background-color: #fff8d8;
            overflow: hidden;
            position: relative;
            padding-bottom: 50px;
        }

            .rest-block #rest-grid .item .item-img {
                position: relative;
                -webkit-border-top-left-radius: 10px;
                -moz-border-top-left-radius: 10px;
                border-top-left-radius: 10px;
                -webkit-border-top-right-radius: 10px;
                -moz-border-top-right-radius: 10px;
                border-top-right-radius: 10px;
                overflow: hidden;
            }

                .rest-block #rest-grid .item .item-img-icon {
                    /*content: '';*/
                    background: url('/Images/Marketing/vday2016/box-deco.png') no-repeat center top;
                    width: 100%;
                    height: 38px;
                    /*position: absolute;*/
                    /*left: 0;*/
                    /*bottom: 0;*/
                    background-color: #fff8d8;
                }

                .rest-block #rest-grid .item .item-img img {
                    width: 100%;
                }

            .rest-block #rest-grid .item .item-title {
                font-weight: 700;
                padding: 0 15px;
                margin: 0px 0 5px;
                color: #b90046;
            }
            .rest-block #rest-grid .item .item-title:hover {
                color: #f63a80;
            }


            .rest-block #rest-grid .item .item-excerpt {
                padding: 0 15px;
                margin: 5px 0;
            }

            .rest-block #rest-grid .item > span {
                display: block;
                background-color: #ce4d76;
                color: #ffffff;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
                text-shadow: 1px 1px 1px #640000;
                text-align: center;
                position: absolute;
                bottom: 15px;
                left: 0;
                right: 0;
                margin: auto;
                width: 90px;
                height: 24px;
                font-size: .875em;
            }

.event-block {
    margin: 80px auto 0;
    padding-bottom: 70px;
}

    .event-block .container {
    }

    .event-block .title-img img {
        margin: 0 auto 15px;
        display: block;
    }

    .event-block .panel {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background-color: #fff8d8;
        position: relative;
        margin: 10px 5px;
        padding-bottom: 15px;
        display: block;
    }

        .event-block .panel .date-marker {
            position: absolute;
            top: -3px;
            right: 10px;
            color: #fff8d8;
            text-align: center;
            width: 84px;
            height: 84px;
            background: url('/Images/Marketing/xmas2015/datemarker.png') no-repeat left top;
            z-index: 1;
        }

            .event-block .panel .date-marker .day {
                font-size: 28px;
                margin: 5px auto 0;
                float: right;
                line-height: 1;
            }

            .event-block .panel .date-marker .month {
                font-size: 14px;
                margin: 0 auto;
                float: right;
            }

        .event-block .panel.small-panel .date-marker {
            width: 65px;
            height: 65px;
            background-size: cover;
        }

            .event-block .panel.small-panel .date-marker .day {
                font-size: 22px;
                margin: 5px 10px 0 0;
                padding: 0;
            }

            .event-block .panel.small-panel .date-marker .month {
                font-size: 11px;
                margin: 0 10px 0 0;
                padding: 0;
            }

        .event-block .panel .panel-img {
            -webkit-border-top-left-radius: 10px;
            -moz-border-top-left-radius: 10px;
            border-top-left-radius: 10px;
            -webkit-border-top-right-radius: 10px;
            -moz-border-top-right-radius: 10px;
            border-top-right-radius: 10px;
            overflow: hidden;
            position: relative;
        }

.index-content .event-block .panel .panel-img::after {
    content: '';
    background: url('/Images/Marketing/xmas2015/wavy-curve.png') repeat-x center top;
    width: 100%;
    height: 7px;
    position: absolute;
    bottom: 0;
}

.event-block .panel .panel-img img {
    width: 100%;
}

.event-block .panel .title {
    padding: 0 15px;
    margin: 5px 0;
}

.index-content .event-block .panel.small-panel .title {
    font-size: 1.3em;
}

.event-block .panel .title a {
    color: #902706;
    text-decoration: underline;
}

.event-block .panel p {
    padding: 0 15px;
    margin: 5px 0;
}

/*FEATURED RESTAURANT*/
.rest-content {
    background-color: #feede3;
}

    .rest-content .listing-block {
        margin: 10px 0 40px;
    }

        .rest-content .listing-block .title-img {
            background: url('/Images/Marketing/xmas2015/icons.png') no-repeat -7px -80px;
            width: 285px;
            height: 85px;
            margin: 0 auto;
        }

        .rest-content .listing-block .masonry-listing {
            margin: 20px 0;
        }

/*SHOPPING GIFTS*/
.gift-content {
    background-color: #902706;
}

    .gift-content .container {
        max-width: 720px;
    }

        .gift-content .container .loader-gif {
            background: url('/Images/Marketing/xmas2015/loader.gif');
            width: 64px;
            height: 64px;
            margin: auto;
        }

    .gift-content .title-img {
        background: url('/Images/Marketing/xmas2015/icons.png') no-repeat -7px -250px;
        width: 255px;
        height: 80px;
        margin: 40px auto 20px;
    }

    .gift-content .single-slide-container {
        background-color: #ffeebe;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        padding: 10px;
        opacity: 0;
        display: none;
    }

.single-slide-container .slick-slider {
    margin: 0;
    text-align: center;
    padding: 0;
}

    .single-slide-container .slick-slider img {
        margin: auto;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

.thumb-slide-container {
    margin-bottom: 100px;
    opacity: 0;
    display: none;
}

    .thumb-slide-container .slick-slider {
        padding: 0;
    }

        .thumb-slide-container .slick-slider .slick-list {
            padding: 0 !important;
        }

            .thumb-slide-container .slick-slider .slick-list .slick-slide img {
                width: 100%;
            }


/*EVENTS*/
.event-content {
    background-color: #1c2a3e;
}

    .event-content .listing-block {
        margin: 40px auto;
    }

        .event-content .listing-block .container {
            position: relative;
        }

        .event-content .listing-block .title-img {
            background: url('/Images/Marketing/xmas2015/icons.png') no-repeat -355px -165px;
            width: 285px;
            height: 85px;
            margin: 0 auto;
        }

    .event-content .event-block .sort-btn-group {
        float: right;
        margin-top: -45px;
    }

        .event-content .event-block .sort-btn-group .sort-btn {
            width: 120px;
            height: 38px;
            display: inline-block;
            margin: 0 5px;
        }

        .event-content .event-block .sort-btn-group .sort-cat1 {
            background: url('/Images/Marketing/xmas2015/icons.png') no-repeat -335px -275px;
        }

        .event-content .event-block .sort-btn-group .sort-cat2 {
            background: url('/Images/Marketing/xmas2015/icons.png') no-repeat -470px -275px;
            width: 130px;
        }

    .event-content .event-block #event-grid {
        margin-top: 15px;
    }

        .event-content .event-block #event-grid li {
            padding: 0;
        }

        .event-content .event-block #event-grid .panel {
            position: relative;
            margin-bottom: 0;
        }

        .event-content .event-block #event-grid .title {
            margin-top: 15px;
        }

        .event-content .event-block #event-grid .cat-marker {
            position: absolute;
            top: -2px;
            right: 5px;
            width: 32px;
            height: 40px;
            z-index: 1;
        }

.cat-marker.cat1 {
    background: url('/Images/Marketing/xmas2015/icons.png') no-repeat -691px -280px;
}

.cat-marker.cat2 {
    background: url('/Images/Marketing/xmas2015/icons.png') no-repeat -640px -280px;
}

/*CAMPAIGN*/
.campaign-content {
    background-color: #2b110e;
    padding-top: 60px;
}

.banner-slider {
    padding: 0;
}

    .banner-slider .slick-slide {
        margin: 0;
    }

        .banner-slider .slick-slide.slide1 {
            background-color: #6C3727;
        }

            .banner-slider .slick-slide.slide1::after {
                content: '';
                display: block;
                width: 100%;
                height: 181px;
                margin-top: -181px;
                background-color: #fff;
            }

        .banner-slider .slick-slide.slide2 {
            background-color: #0E9E8B;
        }

        .banner-slider .slick-slide img {
            width: 100%;
            max-width: 1280px;
            margin: auto;
        }

    .banner-slider .slick-dots {
        text-align: right;
        padding-right: 20px;
    }

        .banner-slider .slick-dots li:not(.slick-active) button {
            background: #fff;
        }

.campaign-content .calendar-block {
    padding: 50px 0 80px;
}

.calendar-block .title-img {
    background: url('/Images/Marketing/xmas2015/icons.png') no-repeat -335px -0px;
    width: 455px;
    height: 70px;
    margin: 0 auto 60px;
}

.calendar-block .dayweek {
    width: 60px;
    height: 32px;
    display: block;
    margin: auto;
}

.dayweek.sun {
    background: url('/Images/Marketing/xmas2015/campaign/dayweek.png') no-repeat 1px -0px;
}

.dayweek.mon {
    background: url('/Images/Marketing/xmas2015/campaign/dayweek.png') no-repeat -137px -0px;
}

.dayweek.tue {
    background: url('/Images/Marketing/xmas2015/campaign/dayweek.png') no-repeat -268px -0px;
}

.dayweek.wed {
    background: url('/Images/Marketing/xmas2015/campaign/dayweek.png') no-repeat -400px -0px;
    width: 67px !important;
}

.dayweek.thu {
    background: url('/Images/Marketing/xmas2015/campaign/dayweek.png') no-repeat -534px -0px;
}

.dayweek.fri {
    background: url('/Images/Marketing/xmas2015/campaign/dayweek.png') no-repeat -669px -0px;
}

.dayweek.sat {
    background: url('/Images/Marketing/xmas2015/campaign/dayweek.png') no-repeat -806px -0px;
}

.calendar-block .cal-grid li {
    padding: 3px;
}

.calendar-block .cal-grid .day {
    width: 100%;
    display: block;
    background-color: #612702;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
}

.campaign-content .cal-grid li.empty .day {
    background-color: #411a0a;
    cursor: default;
}

.calendar-block .cal-grid .day.past {
    opacity: 0.5;
    cursor: default;
}

.calendar-block .cal-grid .day.current {
    background-color: #902706;
}

.calendar-block .cal-grid .day:before {
    content: "";
    display: block;
    padding-top: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.calendar-block .cal-grid .day:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 60px;
    height: 50px;
}

.calendar-block .cal-grid .day.current:after {
    display: none;
}

.day.day1:after {
    background: url('/Images/Marketing/xmas2015/campaign/days.png') no-repeat -137px 4px;
}

.day.day2:after {
    background: url('/Images/Marketing/xmas2015/campaign/days.png') no-repeat -207px 4px;
}

.day.day3:after {
    background: url('/Images/Marketing/xmas2015/campaign/days.png') no-repeat -274px 4px;
}

.day.day4:after {
    background: url('/Images/Marketing/xmas2015/campaign/days.png') no-repeat -345px 4px;
}

.day.day5:after {
    background: url('/Images/Marketing/xmas2015/campaign/days.png') no-repeat -413px 4px;
}

.day.day6:after {
    background: url('/Images/Marketing/xmas2015/campaign/days.png') no-repeat 6px -53px;
}

.day.day7:after {
    background: url('/Images/Marketing/xmas2015/campaign/days.png') no-repeat -64px -53px;
}

.day.day8:after {
    background: url('/Images/Marketing/xmas2015/campaign/days.png') no-repeat -137px -53px;
}

.day.day9:after {
    background: url('/Images/Marketing/xmas2015/campaign/days.png') no-repeat -207px -53px;
}

.day.day10:after {
    background: url('/Images/Marketing/xmas2015/campaign/days.png') no-repeat -274px -53px;
}

.day.day11:after {
    background: url('/Images/Marketing/xmas2015/campaign/days.png') no-repeat -345px -53px;
}

.day.day12:after {
    background: url('/Images/Marketing/xmas2015/campaign/days.png') no-repeat -413px -53px;
}

.day.day13:after {
    background: url('/Images/Marketing/xmas2015/campaign/days.png') no-repeat 6px -111px;
}

.day.day14:after {
    background: url('/Images/Marketing/xmas2015/campaign/days.png') no-repeat -64px -111px;
}

.day.day15:after {
    background: url('/Images/Marketing/xmas2015/campaign/days.png') no-repeat -137px -111px;
}

.day.day16:after {
    background: url('/Images/Marketing/xmas2015/campaign/days.png') no-repeat -207px -111px;
}

.day.day17:after {
    background: url('/Images/Marketing/xmas2015/campaign/days.png') no-repeat -274px -111px;
}

.day.day18:after {
    background: url('/Images/Marketing/xmas2015/campaign/days.png') no-repeat -345px -111px;
}

.day.day19:after {
    background: url('/Images/Marketing/xmas2015/campaign/days.png') no-repeat -413px -111px;
}

.day.day20:after {
    background: url('/Images/Marketing/xmas2015/campaign/days.png') no-repeat 6px -169px;
}

.day.day21:after {
    background: url('/Images/Marketing/xmas2015/campaign/days.png') no-repeat -64px -169px;
}

.day.day22:after {
    background: url('/Images/Marketing/xmas2015/campaign/days.png') no-repeat -137px -169px;
}

.day.day23:after {
    background: url('/Images/Marketing/xmas2015/campaign/days.png') no-repeat -207px -169px;
}

.day.day24:after {
    background: url('/Images/Marketing/xmas2015/campaign/days.png') no-repeat -274px -169px;
}

.day.day25:after {
    background: url('/Images/Marketing/xmas2015/campaign/days.png') no-repeat -345px -169px;
}

.day .day-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 80px;
    height: 80px;
}

.day.day1 .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/soon-icons.png') no-repeat -145px -275px;
}

.day.day2 .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/soon-icons.png') no-repeat -415px 0px;
}

.day.day3 .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/soon-icons.png') no-repeat -553px 0px;
}

.day.day4 .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/soon-icons.png') no-repeat -686px 0px;
}

.day.day5 .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/soon-icons.png') no-repeat -819px 0px;
}

.day.day6 .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/soon-icons.png') no-repeat -7px -133px;
    width: 85px;
    height: 88px;
}

.day.day7 .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/soon-icons.png') no-repeat -133px -133px;
    width: 100px;
}

.day.day8 .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/soon-icons.png') no-repeat -280px -136px;
}

.day.day9 .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/soon-icons.png') no-repeat -415px -136px;
}

.day.day10 .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/soon-icons.png') no-repeat -548px -136px;
    width: 85px;
    height: 82px;
}

.day.day11 .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/soon-icons.png') no-repeat -685px -139px;
}

.day.day12 .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/soon-icons.png') no-repeat -819px -137px;
}

.day.day13 .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/soon-icons.png') no-repeat -9px -275px;
}

.day.day14 .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/soon-icons.png') no-repeat -145px -275px;
}

.day.day15 .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/soon-icons.png') no-repeat -280px -275px;
}

.day.day16 .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/soon-icons.png') no-repeat -400px -275px;
    width: 107px;
}

.day.day17 .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/soon-icons.png') no-repeat -547px -273px;
    width: 83px;
    height: 87px;
}

.day.day18 .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/soon-icons.png') no-repeat -684px -277px;
}

.day.day19 .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/soon-icons.png') no-repeat -819px -275px;
}

.day.day20 .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/soon-icons.png') no-repeat -0px -410px;
    width: 95px;
}

.day.day21 .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/soon-icons.png') no-repeat -144px -417px;
}

.day.day22 .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/soon-icons.png') no-repeat -280px -416px;
}

.day.day23 .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/soon-icons.png') no-repeat -415px -416px;
}

.day.day24 .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/soon-icons.png') no-repeat -550px -416px;
}

.day.day25 .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/soon-icons.png') no-repeat -678px -416px;
}


.day.current .day-icon, .day.past .day-icon {
    width: 90%;
    height: 90%;
    max-width: 103px;
    max-height: 103px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.day1.current .day-icon, .day1.past .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/current-icons.png') no-repeat -265px 0px;
}

.day2.current .day-icon, .day2.past .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/current-icons.png') no-repeat -400px 0px;
}

.day3.current .day-icon, .day3.past .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/current-icons.png') no-repeat -532px 0px;
}

.day4.current .day-icon, .day4.past .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/current-icons.png') no-repeat -668px 0px;
}

.day5.current .day-icon, .day5.past .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/current-icons.png') no-repeat -796px 0px;
}

.day6.current .day-icon, .day6.past .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/current-icons.png') no-repeat -1px -129px;
}

.day7.current .day-icon, .day7.past .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/current-icons.png') no-repeat -130px -129px;
}

.day8.current .day-icon, .day8.past .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/current-icons.png') no-repeat -265px -129px;
}

.day9.current .day-icon, .day9.past .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/current-icons.png') no-repeat -401px -129px;
}

.day10.current .day-icon, .day10.past .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/current-icons.png') no-repeat -532px -129px;
}

.day11.current .day-icon, .day11.past .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/current-icons.png') no-repeat -668px -129px;
}

.day12.current .day-icon, .day12.past .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/current-icons.png') no-repeat -796px -129px;
}

.day13.current .day-icon, .day13.past .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/current-icons.png') no-repeat -1px -259px;
}

.day14.current .day-icon, .day14.past .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/current-icons.png') no-repeat -130px -259px;
}

.day15.current .day-icon, .day15.past .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/current-icons.png') no-repeat -265px -259px;
}

.day16.current .day-icon, .day16.past .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/current-icons.png') no-repeat -401px -259px;
}

.day17.current .day-icon, .day17.past .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/current-icons.png') no-repeat -532px -259px;
}

.day18.current .day-icon, .day18.past .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/current-icons.png') no-repeat -668px -259px;
}

.day19.current .day-icon, .day19.past .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/current-icons.png') no-repeat -796px -259px;
}

.day20.current .day-icon, .day20.past .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/current-icons.png') no-repeat -1px -391px;
}

.day21.current .day-icon, .day21.past .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/current-icons.png') no-repeat -130px -391px;
}

.day22.current .day-icon, .day22.past .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/current-icons.png') no-repeat -265px -391px;
}

.day23.current .day-icon, .day23.past .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/current-icons.png') no-repeat -401px -391px;
}

.day24.current .day-icon, .day24.past .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/current-icons.png') no-repeat -532px -391px;
}

.day25.current .day-icon, .day25.past .day-icon {
    background: url('/Images/Marketing/xmas2015/campaign/current-icons.png') no-repeat -668px -391px;
}


.day.past:before {
    background-color: #411a0a;
}

.day.past .day-icon {
    opacity: 0.5;
}

.day.past:after {
    display: none;
}

/*FOOTER*/
#footer {
    background: url('/Images/Marketing/xmas2015/footer-bg.png') repeat-x center top;
    width: 100%;
    height: 119px;
    margin-top: -50px;
    position: relative;
}

    #footer #backtop-btn {
        width: 45px;
        height: 65px;
        background: url('/Images/Marketing/xmas2015/icons.png') no-repeat -735px -178px;
        margin: auto;
        cursor: pointer;
        position: absolute;
        left: 0;
        right: 0;
    }

.sponsor-group {
    color: #902706;
    background: url('/Images/Marketing/xmas2015/footer.png') repeat-x top left;
    padding: 50px 0 0;
    position: relative;
    background-color: #fff;
}

    .sponsor-group p {
        margin: 0 0 20px;
        text-align: center;
    }

.sponsor-list li {
    height: 100px;
    padding-bottom: 0;
    margin-bottom: 20px;
    position: relative;
}

    .sponsor-list li img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        max-height: 100px;
    }

.copyright-container {
    background-color: #000;
    font-size: .7em;
    color: #ccc;
    padding: 8px 0;
    line-height: 26px;
    position: relative;
}

    .copyright-container #OR_FOOT_logo {
        margin-right: 8px;
        float: left;
    }

    .copyright-container a {
        color: #ccc;
        line-height: 26px;
        float: right;
    }

/*MEDIA QUERIES*/
@media (max-width: 820px) {
    #index-slider .slick-next {
        left: 560px;
    }

    #index-slider .slick-prev {
        right: 560px;
    }

    .event-content .event-block .sort-btn-group {
        float: none;
        margin: 10px;
        text-align: center;
    }
}

@media (max-width: 768px) {

    #header {
        display: none;
    }

    #header-m {
        display: block;
    }

    /* Nav Trigger */
    .nav-trigger {
        position: relative;
        overflow: hidden;
        margin: 0;
        padding: 0;
        width: 30px;
        height: 30px;
        font-size: 0;
        cursor: pointer;
        -webkit-transition: background .3s;
        transition: background .3s;
        float: right;
        margin-top: 15px;
    }

    .trigger-icon {
        -webkit-transition: background 0s .3s;
        transition: background 0s .3s;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        height: 2px;
        width: 100%;
        background: #000;
    }


        .trigger-icon:before, .trigger-icon:after {
            -webkit-transition-duration: .3s,.3s;
            transition-duration: .3s,.3s;
            -webkit-transition-delay: .3s,0s;
            transition-delay: .3s,0s;
            position: absolute;
            display: block;
            left: 0;
            right: 0;
            margin: auto;
            width: 100%;
            height: 2px;
            background-color: #000;
            content: "";
            display: block;
        }

        .trigger-icon:before {
            top: -8px;
            -webkit-transition-property: top,-webkit-transform;
            transition-property: top,transform;
        }

        .trigger-icon:after {
            bottom: -8px;
            -webkit-transition-property: bottom,-webkit-transform;
            transition-property: bottom,transform;
        }

    .nav-open .trigger-icon:before, .nav-open .trigger-icon:after {
        -webkit-transition-delay: 0s,.3s;
        transition-delay: 0s,.3s;
    }

    .nav-open .trigger-icon {
        background: 0 0;
    }

        .nav-open .trigger-icon:before {
            top: 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .nav-open .trigger-icon:after {
            bottom: 0;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }


    .nav-wrapper-m {
        position: absolute;
        top: -430px;
        left: 0;
        width: 100%;
        max-width: none;
        z-index: 7;
        text-align: left;
        transition: top .3s ease;
        display: block;
    }

    .nav-open .nav-wrapper-m {
        top: 0;
    }

    .nav-wrapper-m .main-menu {
        margin: 0;
        padding-top: 140px;
        background-color: #CB6E2B;
    }

        .nav-wrapper-m .main-menu li {
            width: 100%;
            float: none;
            border-bottom: 1px solid #fff8d8;
            padding: 10px 20px;
        }

    .main-menu .menu {
        margin-top: 0;
        font-size: 1.2em;
    }

        .main-menu .menu .menu-icon {
            margin-right: 7px;
        }

        .main-menu .menu.active::after {
            display: none;
        }


    .slick-next {
        left: 75%;
    }

    .slick-prev {
        right: 75%;
    }
}

@media (min-width: 641px) {
    .header-container .openrice-logo {
        display: block;
        background: url('/Images/Marketing/xmas2015/christmas-logo-hk.png') no-repeat left top;
        background-size: contain;
        max-width: 198px;
        width: 100%;
        height: 121px;
    }
}

@media (max-width: 640px) {
    #index-slider .slick-next {
        left: inherit;
        right: 0;
    }

    #index-slider .slick-prev {
        right: inherit;
        left: 0;
    }

    body {
        font-size: 12px;
    }

    [class*="block-grid-"] {
        margin: 0;
    }

    #header-m {
        height: 90px;
        background-size: contain;
    }

    .header-container .openrice-logo {
        display: block;
        background: #fff url('/Images/Marketing/xmas2015/xmas-logo-mobile.png') no-repeat center center;
        background-size: 85%;
        width: 130px;
        height: 50px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-bottom-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .nav-trigger {
        margin-top: 10px;
    }

    .nav-wrapper-m .main-menu {
        padding-top: 90px;
    }

    .content-wrapper {
        min-height: 700px;
        padding-top: 70px;
    }

    .index-content {
        ;
        padding-top: 40px;
    }

    .hero-block .container > img {
        width: 100%;
        margin: 0 auto -25px;
    }

    .hero-block #link-btn {
        width: auto;
        bottom: -100px;
    }

    .intro-block {
        padding: 115px 0 40px;
    }

        .intro-block .container {
            padding: 0;
        }

    .rest-block .show-all-btn {
        padding: 5px 15px;
        font-size: 1.5em;
        left: 0;
        bottom: -50px;
    }

    .rest-block #rest-grid {
        margin: 0;
    }

        .rest-block #rest-grid .item > a {
            font-size: 1.2em;
        }


    .event-block .panel.small-panel {
        width: 46%;
        margin: 10px 2%;
        float: left;
    }

    .rest-content .listing-block {
        margin: 0;
    }

    .gift-content .container {
        width: 100%;
    }

    .gift-content .single-slide-container {
        background-color: #451202;
        color: #ffeebe;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        padding: 0 0 10px 0;
    }

        .gift-content .single-slide-container a {
            color: #ffeebe;
        }

    .single-slide-container .slick-slider img {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    .single-slide-container .slick-slider p {
        padding: 0 15px;
        text-align: left;
    }

    .thumb-slide-container {
        margin-bottom: 50px;
    }

        .thumb-slide-container .slick-slide, .single-slide-container .slick-slide {
            margin: 0px;
        }

        .thumb-slide-container .slick-arrow {
            display: none !important;
        }

    .campaign-content {
        padding-top: 45px;
    }

    .calendar-block .title-img {
        background: url('/Images/Marketing/xmas2015/icons.png') no-repeat -341px -95px;
        width: 310px;
        height: 50px;
        margin: 0 auto 10px;
    }

    .campaign-content .dayweek-group {
        display: none;
    }

    .sponsor-list li {
        height: 70px;
    }

        .sponsor-list li img {
            max-height: 70px;
        }

    .copyright-container {
        line-height: 1.5;
    }
}

@media (max-width: 480px) {
    .rest-block #rest-grid .item .item-title {
        font-size: 15px;
    }

    .rest-block #rest-grid .item .item-excerpt {
        font-size: 14px;
    }

    .rest-block #rest-grid li {
        padding: 3px 2px;
    }

    .rest-block .container {
        width: 98;
    }

    .event-block .panel {
        margin: 5px 2px 10px;
    }

    .event-content .listing-block .container {
        width: 98%;
    }

    .event-block .panel p {
        font-size: 15px;
    }

    .rest-block {
        margin-bottom: 40px;
    }
}