/*Page inital */
html,
body {
    width: 100%;
    height: 100%;
}

*:focus {
    outline: none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

body,
a,
button,
textarea,
select {
    font-family: 'dinot-regular', 'Microsoft JhengHei';
    /* color: #484742; */
    text-decoration: none;
    /*  text-transform: lowercase;*/
    font-size: 14px;
    line-height: 1.5em;
    color: #FFF;
    text-decoration: none;
}


input {
    font-size: 16px;
}

a {
    text-decoration: underline;
}

button {
    cursor: pointer;
}

body.has-nav-open .content-box {
    /* display: none; */
    overflow: hidden;
}

.animated {
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.hidden {
    opacity: 0;
}

.show {
    opacity: 1;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.noTxtTransform,
.site_name {
    text-transform: none;
}

.load-section {
    position: relative;
}

.scroll {
    overflow: auto;
    /* -webkit-overflow-scrolling: touch;  */
}

.ui-autocomplete {
    z-index: 999999 !important;
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 233px !important;
}

#memberLoginCloseBtn {
    background: url(../img/white-big-cross.png) no-repeat 0 0;
    width: 17px;
    height: 18px;
    position: absolute;
    right: 5%;
    cursor: pointer;
    display: none;
    top: 40px;
}

#header #status .member-login .form-box .form-input-box .input-group:first-child,
.load-content .member-login .form-box .form-input-box .input-group:first-child {
    margin-bottom: 18px;
}

.icon-lg-cross {
    background: url(../img/white-big-cross.png) no-repeat 0 0;
    width: 17px;
    height: 18px;
    display: inline-block;
}

.icon-cross {
    background: url(../img/small-cross.png) no-repeat 0 0;
    width: 12px;
    height: 12px;
    display: inline-block;
}

.text-bold {
    font-weight: 900;
}

.text-bold-200 {
    font-weight: 200;
}

.text-bold-300 {
    font-weight: 300;
}

.text-bold-400 {
    font-weight: 400;
}

.text-bold-500 {
    font-weight: 500;
}

.text-bold-600 {
    font-weight: 600;
}

.text-bold-700 {
    font-weight: 700;
}

.text-bold-800 {
    font-weight: 800;
}

.text-bold-900 {
    font-weight: 900;
}

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

.input-errMsg {
    color: #FF0000;
    font-size: 12px;
    /* padding-top: 5px; */
    text-align: left;
    /* position: absolute; */
}

.frm-input {
    /* font-weight: 300; */
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder {
    /* Chrome/Opera/Safari */
    font-family: 'dinot-light' !important;
    color: #d0d0d0 !important;
    opacity: 1;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-family: 'dinot-light' !important;
    color: #afaeae !important;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-family: 'dinot-light' !important;
    color: #afaeae !important;

}

::-ms-input-placeholder {
    /* Microsoft Edge */
    font-family: 'dinot-light' !important;
    color: #afaeae !important;

}

.btnNotify {
    cursor: pointer;
}

.mfp-bg,
.mfp-wrap {
    z-index: 999999;
}

#container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 9;
}

#container > .wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

#container #left-nav {
    width: 60%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99999;
    background-color: #FFF;
    display: none;
}

#container #left-nav .top {
    position: relative;
    /* height: 160px; */
    /* overflow:auto; */
    width: 140px;
    padding-top: 24px;
    padding-left: 15px;
}

#container #left-nav .top .site-logo {
    display: block;
    width: 140px;
    /* height:56px; */
    /* margin: 14px 0 0 26px; */
    /* background: url(../img/club-logo.png) no-repeat 0 0; */
    /* background-size:contain; */
    /* padding-top: 14px; */
    /* padding-left: 16%; */
}

#container #left-nav .load-section {
    height: calc(100% - 135px);
    overflow: auto;
    padding-top: 75px;
}

#clubLogo {
    width: 100%;
}

.mobile-group-logo {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    -ms-transition: visibility 0s, opacity 0.5s linear;
    -moz-transition: visibility 0s, opacity 0.5s linear;
    -o-transition: visibility 0s, opacity 0.5s linear;
    -webkit-transition: visibility 0s, opacity 0.5s linear;
}

#groupLogo {
    width: 100%;
}

#container #main {
    width: 100%;
    height: 100%;
    position: relative;
    /* margin-left:194px; */
    /* padding-top: 70px; */
}

#container #main #header {
    width: 100%;
    height: 60px;
    background: transparent;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    /* padding-left: 5%; */
    line-height: 70px;
    display: block;
}

#popupCover {
    display: none;
}

#main.login-open #popupCover {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* background-color: red; */
    z-index: 99;
}

.btnLogout {
    color: #fff;
    white-space: nowrap;
}

#container #main #header .site-logo {
    width: 176px;
    /* height: 22px; */
    float: right;
    padding: 26px 0;
    /* background: url(../img/side-logo.png) no-repeat 0 0; */
    /* background-size:contain; */
    margin-right: 30px;
    opacity: 1;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

#container.member_login .nameWrapper {
    /* display: none; */
}

#nameTxt,
#helloText {
    top: 7.42vw;
    right: 3.42vw;
    /* right: 0; */
    z-index: 99;
    color: #FFF;
    font-size: 2vw;
}

#nameTxt .title,
#nameTxt .name {
    display: inline-block;
}

.nameWrapper {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    white-space: nowrap;
}

#container #main .content-box {
    width: 100%;
    height: 100vh;
    position: relative;
}

#container #main .content-box .load-section {
    width: 100%;
    height: 100%;
    min-height: calc(100vh - 60px);
}

#container #main .content-box #status {
    width: 200px;
    height: 100%;
    background: #1a1a1a;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
    opacity: 1;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

#container #main .content-box #pages {
    width: calc(100% - 200px);
    height: 100%;
    background: #FFF;
    position: absolute;
    margin-left: 200px;
    z-index: 1;
    width: 100%;
    margin-left: 0;
    font-size: 0;
}

#container #main .content-box #pages .load-section {
    /* position:absolute; */
    left: 0;
    top: 0;
    z-index: 1;
    background-color: #FFF;
}

#mNav {
    display: none;
}

#headerR {
    width: 38.2%;
    float: right;
    position: relative;
    padding-left: 3.5%;
}

ul.lang-bar {
    display: inline-block;
    vertical-align: top;
}

ul.lang-bar li.item.active {
    display: none;
    vertical-align: middle;
}

ul.lang-bar li.item {
    display: inline-block;
    margin-right: 10px;
    -webkit-transition: all ease .6s;
    -moz-transition: all ease .6s;
    -ms-transition: all ease .6s;
    -o-transition: all ease .6s;
    transition: all ease .6s;
}

ul.lang-bar li.item a {
    text-decoration: none;
    color: #FFF;
    -webkit-transition: all ease .6s;
    -moz-transition: all ease .6s;
    -ms-transition: all ease .6s;
    -o-transition: all ease .6s;
    transition: all ease .6s;
}

.subpage.blackmenu .btn-navLogin,
.subpage.blackmenu #logoutTxt,
.subpage.blackmenu ul.lang-bar li.item a {
    color: #484742;
}

.btn-navLogin,
#logoutTxt {
    margin-right: 10%;
    color: #FFF;
}

.btnLoginStatus {
    display: none;
}

.btnLoginStatus.active {
    display: inline-block;
}

/* LEFT NAV */
/* LEFT NAV FOOTER */
#container #left-nav .left-nav-footer {
    position: relative;
    /* bottom: 80px; */
    display: table-row;
    width: calc(100% - 26px);
    /* margin: 0 13px; */
    min-height: 200px;
}

#container.member_info #left-nav .left-nav-footer .social-media,
#container.member_info #left-nav .left-nav-footer .lang-bar {
    margin-left: 24px;
}

#container.member_info #left-nav .nav-bar .table-desc {
    margin-bottom: 160px;
}

#container #left-nav .left-nav-footer .social-media {
    width: 120px;
    margin-bottom: 25px;
    margin-left: 13px;
}

#container #left-nav .left-nav-footer .social-media .item {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

#container #left-nav .left-nav-footer .lang-bar {
    margin-left: 13px;
}

#container #left-nav .left-nav-footer .lang-bar .item {
    display: inline-block;
    margin-right: 18px;
    margin-bottom: 10px;
    position: relative;
    font-size: 12px;
    font-weight: 800;
    line-height: 25px;
}

#container #left-nav .left-nav-footer .lang-bar .item a {
    color: #666;
    text-decoration: none;
}

#container #left-nav .left-nav-footer .lang-bar .item.active a {
    color: #000;
    font-size: 14px;
}

#container #left-nav .left-nav-footer .lang-bar .item .sep-line {
    position: absolute;
    right: -11px;
    top: 5px;
    width: 2px;
    height: 14px;
    background-color: #666;
}

/* JOIN OUR CLUB */


.load-content {
    position: relative;
    /*
    left: 50%;
    top: -50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
*/
    width: 85%;
    /* max-width: 500px; */
    /* padding: 52px 60px; */
    text-align: left;
    color: #605F5C;
    /* font-size: 14px; */
    /*    height: 80%;*/
    /* overflow: hidden; */
    max-height: 80%;
    max-width: 1024px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    /*
    top: unset;
    left: unset;
    transform: unset;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
*/
}


#lightbox.signup.show .load-content {
    height: 80%;
}

#lightbox.happenings .load-content {
    max-width: 800px;
}

#lbContentWrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    /* max-height: 80%; */
}

#btnSignupClose {
    position: absolute;
    right: -40px;
    top: 0;
    /* background-color: yellow; */
    width: 17px;
    height: 18px;
    /* z-index: 9999999; */
    /* display: block; */
}

#btnSignupClose.hideMode {
    display: none;
}

#registrationformWrapper.active {
    min-height: 600px;
}

#lightbox .signup .title {
    /* font-size: 40px; */
    /* text-align: center; */
    /* margin-bottom: 40px; */
    font-family: 'dinot-regular', 'Microsoft JhengHei';
}

#lightbox .signup .sub-title {
    margin-bottom: 10px;
}

.registerdesc {
    margin-bottom: 10px;
}

#lightbox .signup .must-fill {
    font-family: 'dinot-regular', 'Microsoft JhengHei';
    /* margin-bottom: 25px; */
    font-style: italic;
}

#genderWrapper .input-group {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

#genderWrapper {
    margin-bottom: 15px;
}

input[type="radio"] {
    margin-left: 0;
    vertical-align: sub;
}

#registrationform {
    /* position: relative; */
    /* height: auto; */
    /* height: 100%; */
}

.registrationSection {
    display: none;
    /* opacity: 0; */
    position: relative;
    /* height: auto; */
    height: 100%;
}

#tncWrapper,
#picsWrapper {
    padding: 52px 60px;
}

.btnback {
    cursor: pointer;
}

.btnback:before {
    background-image: url(./../img/btnBack.png);
    background-size: 10px 10px;
    display: inline-block;
    width: 10px;
    height: 10px;
    content: "";
    vertical-align: middle;
}



.registrationSection.active {
    display: block;
    opacity: 1;
    /* padding: 52px 60px; */
}

.regards {
    position: absolute;
    bottom: 5%;
}

#thankyouWrapper .regards {
    padding: 52px 60px;
    position: relative;
}

#thankyouWrapper {
    position: relative;
    height: 100%;
}

.officeclubImg {
    /* width: 220px; */
    /* height: 70px; */
    /* background-color: #333; */
}

.regards p {
    margin-bottom: 10px;
}

.emailAddr {
    /* text-decoration: none; */
}

#container #left-nav .join-our-club {
    margin: 0 10px;
    height: auto;
    min-height: 520px;
    /* display: table; */
    position: relative;
}

#container #left-nav .join-our-club .title,
#container #left-nav .join-our-club .table-desc {
    /* display: table-row; */
}

#container #left-nav .join-our-club .title {
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    height: auto;
    line-height: 26px;
    display: block;
}

#container #left-nav .join-our-club .table-desc .wrapper {
    font-size: 14px;
    margin: 0 13px;
}

#container #left-nav .join-our-club .table-desc .wrapper .sub-title {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
}

#container #left-nav .join-our-club .table-desc .wrapper .desc {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 50px;
    text-align: justify;
}

#container #left-nav .join-our-club .table-desc .wrapper .btn-signup,
#container #left-nav .join-our-club .table-desc .wrapper .btn-navLogin {
    display: inline-block;
    font-size: 16px;
    line-height: 18px;
    color: #FFF;
    font-weight: 700;
    width: 130px;
    background: #000;
    margin-bottom: 24px;
    padding: 10px 6px 6px;
    text-align: center;
    text-decoration: none;
}

#container #left-nav .join-our-club .table-desc .wrapper .btn-navLogin {
    /* display: none; */
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s, opacity 0.5s linear;
    -moz-transition: visibility 0s, opacity 0.5s linear;
    -o-transition: visibility 0s, opacity 0.5s linear;
    transition: visibility 0s, opacity 0.5s linear;
    cursor: pointer;
}

#container #left-nav .join-our-club .table-desc .wrapper {
    min-height: 400px;
}

#left-nav-groupLogo {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s, opacity 0.5s linear;
    -moz-transition: visibility 0s, opacity 0.5s linear;
    -o-transition: visibility 0s, opacity 0.5s linear;
    transition: visibility 0s, opacity 0.5s linear;
}

#container #left-nav .join-our-club .table-desc .wrapper .nav .item {
    margin-bottom: 16px;
}

#container #left-nav .join-our-club .table-desc .wrapper .nav .item a {
    text-decoration: none;
    font-size: 13px;
}

/* SIGNUP */
#container .signup {
    /* height:100%; */
}

#container .signup .header {
    /* height:98px; */
    position: relative;
    margin-bottom: 25px;
    padding: 52px 60px;
    padding: 52px 60px 0;
}

#container .signup .header .title .btn-close-signup {
    position: absolute;
    right: 16px;
    top: 0;
}

#container .signup .header .sub-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    font-family: 'dinot-regular';
}

#container .signup .header .must-fill {
    font-weight: 300;
}

#container .signup .form-box,
.LBlistWrapper {
    height: 80%;
    /*    position: relative;*/
}

#container .signup .form-box .form-input-box {
    /* margin-bottom:50px; */
    /* padding: 10px  37px; */
    padding: 0 52px 60px 52px;
}

#container .signup .form-box .input-group {
    margin-bottom: 18px;
    font-size: 0;
}

#container .signup .form-box .select-group {
    display: inline-block;
    margin-right: 4%;
}

#container .signup .form-box .input-group .col-1,
#container .signup .form-box .input-group .col-2 {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    margin-right: 2%;
}

#container .signup .form-box .input-group .col-1 .col-1,
#container .signup .form-box .input-group .col-2 .col-1 {
    margin-right: 4%;
}

#container .signup .form-box .input-group .col-2 {
    margin-right: 0;
}

#container .signup .form-box .label {
    font-size: 13px;
    margin-bottom: 6px;
    text-align: left;
    line-height: 1em;
}

#container .signup .form-box .input-group .col-2 #fileupload .label {
    /* padding-left: 13px; */
    width: calc(80% - 108px);
    display: inline-block;
}

#container .signup .form-box .input-group .col-2 .input-errMsg {
    /* padding-left: 13px; */
}

#container .signup .form-box .input-group .col-4 {
    display: inline-block;
    vertical-align: top;
}

#container .signup .form-box .frm-input {
    background-color: transparent;
    font-size: 14px;
    /* border-bottom: 1px solid #666; */
    padding-bottom: 3px;
    /* color: #000; */
    width: 100%;
    /* height: 30px; */
    padding: 6px;
}

#container .signup .form-box select.frm-input {
    /* border-bottom: 1px solid #666; */
    padding: 4px 6px;
    /* font-weight: 300; */
    color: #666;
}

#container .signup .form-box .frm-input.signup-date,
#container .signup .form-box .frm-input.signup-month,
#container .signup .form-box .frm-input.signup-title,
#container .signup .form-box .frm-input.signup-gender {
    width: 88px;
}

#container .signup .form-box .input-group #mobilePrefixSelect {
    width: 120px;
    border-color: #828282;
}

.tnclabel,
.collectionlabel {
    text-decoration: underline;
    cursor: pointer;
}

.registrationSection .LBlistWrapper {
    text-align: center;
}

#tncWrapper ol {
    list-style-type: none;
    counter-reset: item;
    margin: 0;
    padding: 0;
    text-align: left;
}

#tncWrapper ol > li {
    display: table;
    counter-increment: item;
    margin-bottom: 0.6em;
}

#tncWrapper ol > li:before {
    content: counters(item, ".") ". ";
    display: table-cell;
    padding-right: 0.6em;
}

#tncWrapper li ol > li {
    margin: 0;
}

#tncWrapper li ol > li:before {
    content: counters(item, ".") " ";

}

#picsWrapper ol {
    list-style-type: none;
    counter-reset: listStyle;
    margin: 0;
    padding: 0;
    text-align: justify;
}

#picsWrapper ol li {
    display: table;
    counter-increment: listStyle;
    margin-bottom: 0.6em;
}

#picsWrapper ol li:before {
    content: counter(listStyle, lower-alpha);
    display: table-cell;
    padding-right: 0.6em;
}

#picsWrapper ol ol li:before {
    content: "("counter(listStyle, lower-roman) ")";
    display: table-cell;
    padding-right: 0.6em;
    padding-left: 0.6em;
    width: 50px;
}



span.ui-datepicker-year {
    display: none;
}

.ui-widget-header {
    background: #EEE;
    border: 1px solid #555;
    /* color: #EEE; */
    border: 1px solid #dddddd;
}

.ui-datepicker-year,
.ui-datepicker-month {
    color: black;
}

#container .signup .form-box .frm-input#officeFloor {
    width: 40px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.towerWrapper {
    display: inline-block;
    width: 100%;
    /* margin-left: 20px; */
    /* vertical-align: middle; */
}

.towerRadio {
    display: inline-block;
    width: 70%;
    margin-left: 20px;
    vertical-align: top;
}

#container .signup .form-box .label.floor,
#container .signup .form-box .label .towerRadio .select-group input {
    display: inline-block;
    vertical-align: baseline;
    line-height: 30px;
    margin-bottom: 0;
}

#container .signup .form-box .towerRadio .select-group .label {
    line-height: 30px;
}

.group.pics,
.group.terms {
    margin-bottom: 20px;
    line-height: 1.5em;
}

#container .signup .form-box .agreement {
    /* font-size: 10px; */
    /* line-height:14px; */
    font-weight: 700;
}

#container .signup .form-box .agreement .agree {
    margin-bottom: 12px;
}

#container .signup .form-box .agreement .desc {
    margin-bottom: 22px;
}

#container .signup .form-box .agreement .chkbox {
    display: inline-block;
    width: 24px;
    vertical-align: top;
}

#container .signup .form-box .agreement .chkbox .frm-input {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
}

#container .signup .form-box .agreement .txt {
    display: inline-block;
    width: calc(100% - 30px);
    vertical-align: bot;
}

#container .signup .form-box .agreement .txt a {

    //* color: #00F; */F; */}
    #container .signup .form-box .btn-row {
        text-align: center;
        margin-top: 40px;
        padding-bottom: 10px;
    }

    #container .signup .form-box .btnSubmit,
    #lightbox .forget_password .body form .btnSubmit,
    #lightbox .alert-box .btnOK,
    #lightbox .change_password .body form .btnSubmit,
    .link-change_pwd {
        font-size: 16px;
        /* color: #FFF; */
        font-weight: 700;
        width: 180px;
        /* background: #F15A25; */
        border: none;
        outline: none;
        padding: 5px 0 7px;
        color: #605F5C;
        border: 1px solid;
    }

    #container .signup .form-box .btnSubmit {
        background: #F15A25;
        color: #FFF;
        border: 1px solid #F15A25;
    }

    #container #left-nav {
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        -o-transition: all .5s ease-out;
        transition: all .5s ease-out;
    }

    #container #main {
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        -o-transition: all .5s ease-out;
        transition: all .5s ease-out;
    }

    #container #left-nav.signup-open {
        width: 274px;

        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        -o-transition: all .5s ease-out;
        transition: all .5s ease-out;
    }

    #container #main.signup-open {
        width: calc(100% - 274px);
        margin-left: 274px;

        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        -o-transition: all .5s ease-out;
        transition: all .5s ease-out;
    }

    #container .signup .form-box .input-group .col-1 .col-1,
    #container .signup .form-box .input-group .col-2 .col-1 {
        /* margin-right: 5%; */
    }

    #namegroup {
        margin-right: 2%;
    }

    #ageGroupWrapper .input-group {
        display: inline-block;
        margin-right: 4%;
    }

    #ageGroupWrapper .input-group:last-child {
        margin-right: 0;
    }

    #container .signup .form-box #fileupload input {
        border: none;
        outline: none;
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1;

    }

    input:-webkit-autofill {
        background-color: #FFF !important;
        -webkit-box-shadow: 0 0 0px 1000px white inset;
    }

    #container .signup .form-box #fileupload label#uploadLabel {
        background-color: #484742;
        color: #FFF;
        padding: 6px 30px 11px;
        width: 107px;
        display: inline-block;
        text-align: center;
        margin-bottom: 0;
    }

    #container .signup .form-box #fileupload .label {
        width: calc(100% - 112px);
        display: inline-block;
        vertical-align: middle;
    }

    #container .signup .form-box .input-group .col-2#fileupload {
        vertical-align: bottom;
    }

    #container .signup .form-box #filegroup .col-1,
    #filegroup .col-2 {
        vertical-align: middle;
        display: inline-block;
    }

    /* NAV BAR */
    #container #left-nav .nav-bar {
        height: 100%;
        min-height: 520px;
        position: relative;
    }

    #container #left-nav .nav-bar .table-desc {
        position: relative;
    }

    #container #left-nav .nav-bar .table-desc {
        font-size: 14px;
        margin: 0 24px;
    }

    #container #left-nav .nav-bar .table-desc .nav-large .item {
        margin-bottom: 24px;
    }

    #container #left-nav .nav-bar .table-desc .nav-large .item a {
        font-size: 20px;
        font-weight: 700;
        text-decoration: none;
        line-height: 26px
    }

    #container #left-nav .nav-bar .table-desc .nav .item {
        margin-bottom: 16px;
    }

    #container #left-nav .nav-bar .table-desc .nav .item a {
        text-decoration: none;
    }

    #container #left-nav .nav-bar .left-nav-footer {
        left: 24px;
    }

    #mobile-left-nav-groupLogo {
        width: 130px;
        max-width: 150px;
    }

    /* STATUS */
    /* MEMBER LOGIN */
    #main.login-open #status {
        display: block;
    }

    #header #status {
        background-color: #FFF;
        z-index: 999;
        width: 270px;
        height: auto;
        padding: 30px 20px;
        text-align: center;
        line-height: 1em;
        display: none;
    }

    #lightbox.happenings_member_login .load-content {
        max-width: 500px;
        height: auto;
    }


    .load-content .member-login {
        background-color: #FFF;
        z-index: 999;
        /*        width: 270px;*/
        width: 90%;
        max-width: 500px;
        height: auto;
        padding: 40px 20px;
        text-align: center;
        line-height: 1em;
        margin: auto;
        top: 0;
        bottom: 0;
        height: fit-content;
        position: absolute;
        left: 0;
        right: 0;
    }

    .load-content .member-login .btnLBClose {
        position: absolute;
        top: 10px;
        right: 10px;
    }


    #header #status .member-login,
    .load-content .member-login {
        /* margin: 90px 30px 0; */
    }

    #header #status .member-login .title,
    .load-content .member-login .title {
        font-size: 21px;
        line-height: 26px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 62px;
    }

    #header #status .member-login .form-box .input-group {
        /* margin-bottom: 18px; */
    }

    #header #status .member-login .form-box .label,
    .load-content .member-login .form-box .label {
        font-size: 10px;
        font-weight: 900;
        margin-bottom: 10px;
    }

    #header #status .member-login .form-box .frm-input,
    .load-content .member-login .form-box .frm-input {
        background-color: transparent;
        font-size: 16px;
        /*        font-size: 14px;*/
        border: 1px solid #a7a7a7;
        width: 100%;
        padding-bottom: 3px;
        color: #a7a7a7;
        padding: 5px 12px;
        font-style: italic;
    }

    #header #status .member-login .form-box .btnSubmit,
    .load-content .member-login .btnSubmit {
        border: 1px solid #FFF;
        outline: 0;
        font-size: 16px;
        font-weight: 700;
        color: #FFF;
        /* margin-top: 38px; */
        margin-bottom: 25px;
        width: 100%;
        padding: 4px 0 5px;
        background-color: #bf916f;
        vertical-align: middle;
        text-align: center;
        cursor: pointer;
        white-space: nowrap;
    }

    #header #status .member-login .form-box .forgot_pwd,
    .load-content .member-login .form-box .forgot_pwd {
        font-size: 11px;
        text-align: right;
        line-height: 18px;
        margin-bottom: 20px;
    }

    #header #status .member-login .form-box .forgot_pwd .desc.link-forgot_pwd,
    .load-content .member-login .form-box .forgot_pwd .desc.link-forgot_pwd {
        color: #fff;
    }

    a.btn-signup {
        font-style: italic;
    }

    #container #status .member-login .form-box .forgot_pwd .link-forgot_pwd,
    .load-content .member-login .form-box .forgot_pwd .link-forgot_pwd {
        color: #666;
        /* text-decoration:none; */
        font-size: 13px;
    }

    .link-forgot_pwd {
        text-transform: initial;
    }

    #happenings_login-form .btnSubmit {
        background-color: #bf916f;
    }


    /* MEMBER INFO */
    #header #status .member-info {
        /* margin: 72px 28px 0; */
        /* text-align:center; */
    }

    #header #status .member-info .hello {
        font-size: 20px;
    }

    #header #status .member-info .row {
        /* margin-bottom: 45px; */
        max-width: 250px;
        left: 0;
        right: 0;
        margin: 0 auto;
        margin-bottom: 45px;
    }

    #header #status .member-info .title {
        font-size: 14px;
        margin-bottom: 8px;
    }

    #header #status .member-info .name {
        font-size: 20px;
        font-weight: 700;
    }

    #header #status .member-info .you_have {
        font-size: 14px;
    }

    #header #status .member-info .get_points {
        font-size: 34px;
        margin: 8px 0;
    }

    #header #status .member-info .points {
        font-size: 14px;
    }

    #header #status .member-info .btnLogout {
        border: 1px solid #FFF;
        outline: 0;
        font-size: 16px;
        font-weight: 700;
        color: #FFF;
        width: 100%;
        line-height: 29px;
        padding: 4px 0 0;
    }

    #header #status .member-info .link-change_pwd {
        color: #fff;
        border-bottom: 1px solid #666;
        font-size: 12px;
        text-decoration: none;
    }

    #header #status .member-info .link-referral {
        color: #fff;
        border-bottom: 1px solid #666;
        font-size: 12px;
        text-decoration: none;
    }

    /* PAGES */



    /* COMMON */
    #container #pages .bg {
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
    }

    #container .icon_msg {
        background: url(../img/icon_msg.png) no-repeat 0 0;
        width: 33px;
        height: 29px;
        background-size: 100%;
    }

    #container .icon_wallet {
        background: url(../img/icon_wallet.png) no-repeat 0 0;
        width: 33px;
        height: 31px;
    }

    #container .icon_gift {
        background: url(../img/icon_gift.png) no-repeat 0 0;
        width: 33px;
        height: 33px;
    }

    #container .icon_gift_s {
        background: url(../img/icon_gift_s.png) no-repeat 0 0;
        width: 25px;
        height: 25px;
    }

    #container .icon_inbox {
        background: url(../img/icon_inbox.png) no-repeat 0 0;
        width: 33px;
        height: 27px;
    }

    .leftSection,
    .rightSection {
        height: 100vh;
        position: relative;
        display: inline-block;
        vertical-align: top;
        z-index: 10;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 15px;
    }

    #confirmSelection {
        text-align: center;
    }

    .leftSection {
        width: 61.8%;
        padding: 180px 3% 3% 5%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 1.5em;
        font-size: 15px;
        display: inline-block;
    }

    .rightSection {
        width: 38.2%;
    }

    /* TINYMCE */
    #container #pages .tiny_mce p {
        font-weight: 600;
        line-height: 22px;
    }

    #container #pages .tiny_mce strong {
        font-weight: bold;
    }

    #container #pages .tiny_mce a {
        color: #00F;
    }

    #container #pages .tiny_mce.about p {
        margin-bottom: 20px;
    }

    /* HOME BANNER */
    /* #container #pages .owl-carousel { position:relative; } */
    /* #container #pages .owl-carousel,  */
    /* #container #pages .owl-carousel .owl-stage-outer, */
    /* #container #pages .owl-carousel .owl-stage-outer .owl-stage, */
    /* #container #pages .owl-carousel .owl-stage-outer .owl-stage .owl-item  { height:100%; } */
    /* #container #pages .owl-carousel .item { position: relative; display:block; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } */
    /* #container #pages .owl-carousel.owl-theme .owl-dots { position:absolute; right:25px; bottom:20px; } */
    /* #container #pages .owl-carousel.owl-theme .owl-dots .owl-dot span { margin: 8px 15px; } */
    /* #container #pages .owl-carousel.owl-theme .owl-dots .owl-dot.active span { background: #1a1a1a; } */

    .homeBannerWrapper .leftSection,
    .my_account .leftSection {
        background-color: #77CDA0;
    }

    .homeBannerWrapper .rightSection,
    .my_account .rightSection {
        /* background-color: #333; */
    }

    .homeBannerWrapper #imgSequence {
        display: none;
    }

    #homeSlider {
        position: absolute;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 60%;
        z-index: 99;
        /* height: 70%; */
        max-width: 1200px;
    }

    .home-banner {
        position: relative;
        /* left: 17%; */
        /* width: 115%; */
        width: 100%;
        height: 100%;
    }

    .bannerDetails {
        position: absolute;
        top: 5%;
        left: 4%;
        font-size: 20px;
        z-index: 5;
        height: 95%;
        width: 96%;
        color: #484742;
    }

    .bannerImg {
        opacity: 0;
    }

    #homeSlider .item {
        background-size: cover;
        width: 100%;
        height: 100%;
        display: block;
    }

    .bannerTag {
        text-decoration: underline;
        margin-bottom: 5%;
        font-size: 1vw;
    }

    .bannerTitle {
        font-size: 2vw;
        font-style: italic;
        margin-bottom: 8%;
    }

    .bannerItem:after {
        content: '';
        background-color: rgba(255, 255, 255, 0.4);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    #banner2:after {
        content: '';
        background-color: rgba(255, 255, 255, 0.3);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    #banner3:after {
        content: '';
        background-color: rgba(255, 255, 255, 0.3);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .bannerContent {
        width: 40%;
        text-align: left;
        text-transform: none;
    }


    .bannerBtn {
        padding: 5px 60px;
        font-size: 1vw;
        border: 1px solid #EF5924;
        display: inline-block;
        position: absolute;
        bottom: 5%;
        color: #FFF;
        background-color: #EF5924;
    }

    .owl-dots {
        position: absolute;
        bottom: 10px;
        right: 10px;
    }

    .bottomIfcWhiteLogo,
    .bottomIfcGreyLogo {
        position: absolute;
        /* left: 8%; */
        bottom: 5%;
        /* background-color: #ffff62; */
        width: 80px;
        opacity: 1;
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -o-transition-delay: 1s;
        transition-delay: 1s;
        transition: opacity .6s cubic-bezier(.4, 0, .2, 1), transform .6s cubic-bezier(.4, 0, .2, 1), -webkit-transform .6s cubic-bezier(.4, 0, .2, 1), -moz-transform .6s cubic-bezier(.4, 0, .2, 1), -o-transform .6s cubic-bezier(.4, 0, .2, 1);
        transition: visibility 0s, opacity 1s linear;
        -ms-transition: visibility 0s, opacity 1s linear;
        -moz-transition: visibility 0s, opacity 1s linear;
        -o-transition: visibility 0s, opacity 1s linear;
        -webkit-transition: visibility 0s, opacity 1s linear;
    }

    .bottomIfcGreyLogo a {
        /* display: block; */
        opacity: 0;
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -o-transition-delay: 1s;
        transition-delay: 1s;
        transition: opacity .6s cubic-bezier(.4, 0, .2, 1), transform .6s cubic-bezier(.4, 0, .2, 1), -webkit-transform .6s cubic-bezier(.4, 0, .2, 1), -moz-transform .6s cubic-bezier(.4, 0, .2, 1), -o-transform .6s cubic-bezier(.4, 0, .2, 1);
        transition: visibility 0s, opacity 1s linear;
        -ms-transition: visibility 0s, opacity 1s linear;
        -moz-transition: visibility 0s, opacity 1s linear;
        -o-transition: visibility 0s, opacity 1s linear;
        -webkit-transition: visibility 0s, opacity 1s linear;
    }

    .has-nav-open .bottomIfcGreyLogo a {
        opacity: 1;
        display: block;
        font-size: 0;
    }

    .bottomIfcWhiteLogo img,
    .bottomIfcGreyLogo img {
        width: 100%;
    }

    .homeMobileSection {
        display: none;
    }

    .mobilebannerContent {
        text-transform: none;
    }

    /* MY ACCOUNT */
    #container #pages .my_account {
        width: 100%;
    }

    #container #pages .my_account .content {
        height: 100%;
        background-color: rgba(255, 255, 255, 0.9);
        padding: 13px 13px 16px;
    }

    #container #pages .my_account .content .last_update {
        font-size: 10px;
        color: #666;
        text-align: right;
        margin-bottom: 20px;
    }

    #container #pages .my_account .content .list_box {
        height: calc(100% - 30px);
    }

    #container #pages .my_account .content .list_box .acc_list {
        width: 32%;
        margin-right: 2%;
        height: 100%;
        float: left;
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        -o-transition: all .5s ease-out;
        transition: all .5s ease-out;
    }

    #container #pages .my_account .content .list_box .acc_list.last {
        margin-right: 0%;
    }

    #container #pages .my_account .content .list_box .acc_list .header {
        position: relative;
        padding: 5px 0 14px;
        border-bottom: 2px solid #666;
        margin-bottom: 20px;
    }

    #container #pages .my_account .content .list_box .acc_list .header .title {
        font-size: 16px;
        padding-top: 5px;
    }

    #container #pages .my_account .content .list_box .acc_list .header .icon {
        position: absolute;
        right: 0;
        top: 0;
    }

    #container #pages .my_account .content .list_box .acc_list .list {
        height: calc(100% - 61px);
        position: relative;
        min-height: 100px;
    }

    #container #pages .my_account .content .list_box .acc_list .list .list-content {
        position: relative;
        height: 100%;
    }

    #container #pages .my_account .content .list_box .notify.acc_list .list .item {
        margin-bottom: 5px;
        padding: 15px;
        background: #e2e2e2;
        font-size: 10px;
        line-height: 14px;
        width: calc(100% - 2px);
    }

    #container #pages .my_account .content .list_box .notify.acc_list .list .item .title {
        font-weight: 700;
    }

    #container #pages .my_account .content .list_box .notify.acc_list .list .item .date {
        font-size: 9px;
        color: #666;
    }

    #container #pages .my_account .content .list_box .purc_redee.acc_list .row-desc {
        min-height: 50px;
        padding: 10px 0;
    }

    #container #pages .my_account .content .list_box .purc_redee.acc_list .list .item {
        padding: 8px 6px 8px 0;
        border-bottom: 2px solid #e2e2e2;
        font-size: 10px;
        width: calc(100% - 2px);
    }

    #container #pages .my_account .content .list_box .purc_redee.acc_list .list .item .type {
        display: inline-block;
        width: 60%;
        vertical-align: top;
    }

    #container #pages .my_account .content .list_box .purc_redee.acc_list .list .item .date {
        display: inline-block;
        width: 40%;
        text-align: right;
        vertical-align: top;
        color: #666;
    }

    #container #pages .my_account .content .list_box .purc_redee.acc_list .list .item .title {
        font-size: 14px;
        font-weight: 600;
    }

    #container #pages .my_account .content .list_box .purc_redee.acc_list .list .item .point_get {
        display: inline-block;
        width: 60%;
        vertical-align: baseline;
        color: #666;
    }

    #container #pages .my_account .content .list_box .purc_redee.acc_list .list .item .point {
        display: inline-block;
        width: 40%;
        text-align: right;
        vertical-align: baseline;
        font-size: 19px;
    }

    #container #pages .my_account .content .list_box .acc_list .list .load-more {
        display: block;
        padding: 10px 0 0;
        width: auto;
        margin-right: 8px;
        float: right;
        font-size: 14px;
        text-decoration: none;
    }

    #container #pages .my_account .content .list_box .acc_list .none {
        position: relative;
        width: 100%;
        height: 100%;
    }

    #container #pages .my_account .content .list_box .acc_list .none.notify-list {
        background-color: #e2e2e2;
    }

    #container #pages .my_account .content .list_box .acc_list .none .none-box {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 90%;
        transform: translate(-50%, -50%);
        text-align: center;
    }

    #container #pages .my_account .content .list_box .acc_list .none .none-box .icon {
        background-repeat: no-repeat;
        background-position: top center;
        width: 100%;
        height: 75px;
    }

    #container #pages .my_account .content .list_box .acc_list .none .none-box .text {
        font-weight: 900;
        color: #999;
        font-size: 18px;
    }

    #container #pages .my_account .content .list_box .acc_list .none.notify-list .none-box .icon {
        background-image: url(../img/no-noti.png);
    }

    #container #pages .my_account .content .list_box .acc_list .none.purchase-list .none-box .icon {
        background-image: url(../img/no-purchase.png);
    }

    #container #pages .my_account .content .list_box .acc_list .none.redeem-list .none-box .icon {
        background-image: url(../img/no-gift.png);
    }

    .my_account .rightSection {
        background-image: url(./../img/IMG_3011_bw.jpg);
        background-size: cover;
        height: 100%;
        height: 100vh;
        background-position: center center;
    }

    #container.member_info {
        color: #FFF;
    }

    #container #privilegeWrapper #pageName,
    #container #happeningsWrapper #pageName {
        color: #484742;
    }

    #memberDetailsWrapper {
        float: left;
        width: 30%;
        vertical-align: top;
    }

    #memberCard {
        width: 68%;
        float: right;
        vertical-align: top;
    }

    #memberDetailsWrapper .detailsGroup {
        margin-bottom: 20px;
    }

    #memberDetailsWrapper label.detailsLabel {
        font-family: 'dinot-light';
        font-size: 13px;
    }

    #memberDetailsWrapper .detailsData {
        font-size: 23px;
    }

    .link-change_pwd {
        color: #FFF;
        padding: 7px 15px;
        text-decoration: none;
    }

    #memberDetailsWrapper .detailsGroup:last-child {
        margin-top: 40px;
    }

    #howtoJoinWrapper {
        width: 100%;
        max-width: 540px;
        line-height: 1.8em;
    }

    #howToJoinTxt {
        font-size: 20px;
        font-style: italic;
        margin-bottom: 40px;
        text-align: left;
    }

    #howToJoinTxt2 {
        font-size: 15px;
        margin-bottom: 120px;
        text-align: justify;
    }

    #howToJoinBtn {
        display: inline-block;
        text-decoration: none;
        color: #FFF;
        background-color: #EF5924;
        padding: 3px 70px;
        font-size: 15px;
    }

    .my_account_tab_wrapper {
        position: relative;
        display: block;
        max-width: 900px;
        margin-left: auto;
        margin-bottom: 70px;
    }

    .my_account_tab_wrapper .tab_list {
        display: flex;
        flex-direction: row;
        position: relative;
        margin-bottom: 30px;
    }


    .my_account_tab_wrapper .tab_list .tab-list-item {
        padding-bottom: 8px;
        font-size: 16px;
        display: block;
        position: relative;
        color: #FFF;
        font-weight: 700;
        cursor: pointer;
        border: 1px solid #FFF;
        padding: 4px 20px;
    }

    .my_account_tab_wrapper .tab_list .tab-list-item:not(:last-child) {
        margin-right: 30px;
    }

    /*  .my_account_tab_wrapper .tab_list .tab-list-item:after {
        content: '';
        width: 0;
        height: 2px;
        background-color: #484742;
        transition: width 0.3s ease;
        position: absolute;
        left: 0;
        bottom: 0;
    }*/

    .my_account_tab_wrapper .tab_list .tab-list-item:hover,
    .my_account_tab_wrapper .tab_list .tab-list-item.active {
        border: 1px solid #F7955B;
        background-color: #F7955B;
    }


    .my_account .leftSection .body {
        display: none;
    }

    .my_account .leftSection .body.active {
        display: block;
    }

    .voucher-list-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .voucher-card {
        flex: 0 0 30%;
        margin-bottom: 60px;
        margin-right: 5%;
    }

    .voucher-card:nth-child(3n) {
        margin-right: 0;
    }

    .voucher .thumbnail {
        width: 100%;
        margin-bottom: 25px;
    }

    .thumbnail {
        width: 100%;
        padding-bottom: 60%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        margin-bottom: 12px;
        position: relative;
    }

    .voucher-card .thumbnail {
        padding-bottom: 0;
    }

    .myUsedOffer .thumbnail:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #FFF;
        opacity: 0.6;
    }
}


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

.voucher-details .title {
    font-size: 15px;
}

.voucher-details .date,
.voucher-details .btn-tenant-redeem-reject {
    opacity: 0.6;
    font-size: 13px;
}

.voucher-details .btn-tenant-redeem-approved {
    padding: 5px 12px;
    display: inline-block;
    margin-top: 10px;
    border: 1px solid #FFF;
    cursor: pointer;
    font-size: 14px;
}


.voucher-details .btn-tenant-redeem-pending {
    font-family: 'dinot-light';
    padding: 3px 12px;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    display: inline-block;
    margin-top: 20px;
    font-size: 14px;
}

.voucher-details .btn-tenant-redeem-approved:hover {
    background-color: #F7955B;
    border: 1px solid #F7955B;
}


/* PAGES CONTENT */
#container #pages .pages_content {
    position: relative;
    padding: 82px 60px;
    min-height: 100%;
    height: auto;
}

#container #pages .pages_content .topbanner {
    position: absolute;
    width: 100%;
    height: 240px;
    left: 0;
    top: 0;
    z-index: -1;
    background-position: center center;
}

#container #pages .pages_content .bg-color {
    position: absolute;
    width: 100%;
    height: calc(100% - 240px);
    left: 0;
    top: 240px;
    background-color: #ddd;
    z-index: -1;
}

#container #pages .pages_content .body {
    background: #FFF;
    height: 100%;
    /* padding: 22px 37px; */
    text-align: justify;
}

#container #pages .pages_content .body > .title {
    position: relative;
    /* padding-left: 60px; */
    line-height: 33px;
    font-size: 18px;
    margin-bottom: 20px;
}

#container #pages .pages_content .body > .title .icon {
    /* position:absolute; */
    /* left:0; */
    /* top:0; */
    display: block;
    display: inline-block;
    vertical-align: middle;
    margin-right: 18px;
}

#container #pages .pages_content .body .lists .group {
    margin-bottom: 30px;
}

#container #pages .pages_content .body .lists .group .title {
    display: inline-block;
    width: auto;
    font-size: 18px;
    line-height: 18px;
    padding-right: 24px;
    padding-bottom: 2px;
    margin-bottom: 10px;
    border-bottom: 2px solid #b0b0b0;
}

#container #pages .pages_content .body .lists .group .item {
    margin-bottom: 8px;
}

#container #pages .pages_content .body .lists .group .item .name {
    font-size: 16px;
    font-weight: 600;
}

#container #pages .pages_content .body .lists .group .item .address {
    font-size: 12px;
    line-height: 16px;
    color: #666;
}

#container #pages .pages_content .body .lists .group .item .tel {
    font-size: 12px;
    line-height: 16px;
    color: #666;
}

/* TERMS */
#container #pages .pages_content .body.terms > .title.terms {
    padding-left: 0;
}

#container #pages .pages_content .body.terms .lists .group {
    margin-bottom: 25px;
}

#container #pages .pages_content .body.terms .lists .group .title {
    border-bottom: none;
    padding-bottom: 0;
}

#container #pages .pages_content .body.terms .lists .group .item .statement {
    line-height: 18px;
    font-size: 12px;
}

.group.terms ol {
    list-style-type: decimal;
}

.body.terms .leftSection,
.my_account .leftSection {
    /* background-color: #eb5b40; */
}

.body.terms .rightSection,
.my_account .rightSection {
    background-color: #333;
}

/* PICS */
#container #pages .pages_content .body.pics > .title.terms {
    padding-left: 0;
}

#container #pages .pages_content .body.pics .lists .group {
    margin-bottom: 25px;
}

#container #pages .pages_content .body.pics .lists .group .title {
    border-bottom: none;
    padding-bottom: 0;
}

#container #pages .pages_content .body.pics .lists .group .item .statement,
#picsIntro {
    line-height: 18px;
    font-size: 12px;
}

#picsIntro {
    margin-bottom: 30px;
}

.group.pics ol {
    list-style-type: decimal;
}

.body.pics .leftSection,
.my_account .leftSection {
    background-color: #BF916F;
}

.body.pics .rightSection,
.my_account .rightSection {
    background-color: #333;
}

#container #pages .pages_content .body > .title.terms.text-bold,
#container #pages .pages_content .body > .title.pics.text-bold {
    font-size: 40px;
    text-align: center;
    margin-bottom: 40px;
    font-family: 'dinot-regular';
}

.body.terms .lists,
.body.pics .lists {
    height: auto;
}

.body.terms #listWrapper,
.body.pics #listWrapper {
    width: 100%;
    height: calc(100vh - 207px);
    overflow: hidden;
}

.lists .group.terms .item,
.lists .group.pics .item {
    /* padding-left: 50px; */
}

.lists .group.terms .item .statement ol ul,
.lists .group.pics .item .statement ol ul {
    padding-left: 30px;
}

/* FAQs */
#faqTitleWrapper {
    margin-bottom: 20px;
}

#container #pages .pages_content .body.faqs .icon_msg {
    margin-right: 27px;
}

#container #pages .pages_content .body.faqs .icon_msg,
#container #pages .pages_content .body.faqs .title {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    text-align: left;
}

#container #pages .pages_content .body.faqs .open-answer {
    text-decoration: none;
}

#container #pages .pages_content .body.faqs .lists .group {
    margin-bottom: 10px;
}

#container #pages .pages_content .body.faqs .lists .group .title {
    border-bottom: none;
    padding-right: 0;
    padding-bottom: 0;
    margin-bottom: 5px;
    position: relative;
    width: 100%;
    font-size: 16px;
    font-weight: 900;
}

#container #pages .pages_content .body.faqs .lists .group .title .close-answer {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}

#container #pages .pages_content .body.faqs .lists .group .item {
    display: none;
}

#container #pages .pages_content .body.faqs .lists .group .item .answer {
    padding-right: 20px;
    font-size: 14px;
    color: #666;
    line-height: 18px;
    font-weight: 600;
}

#container #pages .pages_content .body.faqs .lists .group.show .title .close-answer {
    display: block;
}

#container #pages .pages_content .body.faqs .lists .group.show .title .close-answer {
    display: block;
}

#container #pages .pages_content .body.faqs .lists .group.show .item {
    display: block;
    margin-bottom: 30px;
}

/* BENEFIT */
#container #pages .pages_content .body.benefit .lists .group {
    margin-bottom: 15px;
}

#container #pages .pages_content .body .sub-list {
    padding: 0 20px;
}

#container #pages .pages_content .body .sub-list .group .title {
    border-bottom: none;
    padding-bottom: 2px;
    margin-bottom: 0;
    font-size: 14px;
}

#container #pages .pages_content .body .sub-list .group .item .desc {
    font-size: 14px;
    padding-bottom: 2px;
}

#container #pages .pages_content .body .sub-list .group .item .link {
    font-size: 14px;
}

#container #pages .pages_content .body .sub-list .group .item .link a {
    color: #00F;
    font-size: 12px;
    font-weight: 600;
}

/* CONTACT US */

#container #pages #contactUsWrapper .body.contact-us .lists .group .col-2 {
    display: inline-block;
    width: 40%;
    margin-right: 10%;
    vertical-align: top;
}

#container #pages #contactUsWrapper .body.contact-us .lists .group .title {
    border-bottom: none;
    margin-bottom: 5px;
    font-size: 15px;
}

#container #pages #contactUsWrapper .body.contact-us .lists .group .frm-input {
    /* border-bottom: 1px solid #666; */
    width: 100%;
    color: #666;
    padding-bottom: 3px;
    font-size: 14px;
    background-color: #FFF;
    height: 25px;
}

#container #pages #contactUsWrapper .body.contact-us .lists .group textarea.frm-input {
    border: 1px solid #666;
    height: 200px;
}

#container #pages #contactUsWrapper .body.contact-us .lists .group .btnSubmit {
    outline: 0;
    font-size: 16px;
    /* font-weight:700; */
    color: #FFF;
    width: 170px;
    line-height: 29px;
    padding: 7px 0;
    /* background:#1a1a1a; */
    border: .5px #FFF solid;
    line-height: 1em;
}

#container #pages #contactUsWrapper .body.contact-us .lists .group .title {
    font-style: italic;
}

#contactUsWrapper .leftSection {
    background-color: #374F3F;
    color: #FFF;
}

#contactUsWrapper .rightSection {
    background-image: url(./../img/IFC-Update-191_bw.jpg);
    background-size: cover;
    height 100vh;
    height: 100vh;
    background-position: center center;
}

.light {
    font-family: 'dinot-light';
}

#contactUsWrapper #pageName {
    color: #FFF;
}

.pageSubtitle {
    padding: 20px 0;
}

.leftSectionContainer {
    width: 100%;
    float: right;
    max-width: 900px;
}

#contactUsWrapper .leftSection .group {
    margin-bottom: 15px;
}


#recaptcha .input-errMsg {
    margin-bottom: 25px;
    transform: scale(1.2);
    transform-origin: 0 0;
}

.g-recaptcha {
    transform: scale(0.8);
    transform-origin: 0 0;
}

/* REDEMPTION */
#container #pages .pages_content.redeem {
    padding: 0;
}

#container #pages .pages_content.redeem .body {
    padding: 10px 0;
}

#container #pages .pages_content.redeem .body > .title {
    padding-left: 48px;
    margin: 0 15px 10px;
}

#container #pages .pages_content.redeem .body .nav {
    margin: 0 15px;
    text-align: center;
    min-width: 600px;
    font-size: 0;
}

#container #pages .pages_content.redeem .body .nav .item {
    display: inline-block;
    padding: 10px 30px;
    font-size: 18px;
    position: relative;
}

#container #pages .pages_content.redeem .body .nav .item a {
    text-decoration: none;
}

#container #pages .pages_content.redeem .body .nav .item .sep-line {
    position: absolute;
    right: 0;
    top: 7px;
    width: 1px;
    height: 20px;
    background-color: #ddd;
}

#container #pages .pages_content.redeem .body .lists {
    /* min-width: 630px; */
    width: 90%;
    /* max-width: 630px; */
    margin: 0 auto;
    /* text-align: center; */
    max-width: 1000px;
    font-size: 0;
}

#container #pages .pages_content.redeem .body .lists .item {
    width: 180px;
    display: inline-block;
    margin: 13px;
    position: relative;
    min-height: 320px;
    width: 21.5%;
    /* max-width: 200px; */
    /* min-width: 175px; */
    margin: 1.75%;
}

#container #pages .pages_content.redeem .body .lists .item .img {
    margin-bottom: 18px;
    width: 180px;
    /* height: 180px; */
    width: 100%;
}

#container #pages .pages_content.redeem .body .lists .item .img img {
    width: 100%;
    height: 100%;
}

#container #pages .pages_content.redeem .body .lists .item .name {
    min-height: 50px;
    font-weight: 600;
    font-size: 15px;
    text-align: left;
}

.point_row {
    text-align: right;
    padding-bottom: 30px;
}

#container #pages .pages_content.redeem .body .lists .item .point_box,
#container #pages .pages_content.redeem .body .lists .item .btnRedeem {
    display: inline-block;
    vertical-align: bottom;
}

#container #pages .pages_content.redeem .body .lists .item .point_box {
    width: 84px;
    text-align: left;
    float: left;
}

#container #pages .pages_content.redeem .body .lists .item .point_box .points {
    font-size: 28px;
    margin-bottom: 3px;
}

#container #pages .pages_content.redeem .body .lists .item .point_box .require {
    font-size: 8px;
    color: #666;
}

#container #pages .pages_content.redeem .body .lists .item .btnRedeem {
    background-color: #1a1a1a;
    color: #fff;
    font-weight: 700;
    width: 85px;
    padding: 3px 0 1px;
}

#container #pages .pages_content.redeem .body .lists .item .underline {
    width: 148px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #ddd;
    right: 0;
    margin: 0 auto;
    width: 80%;
}

/* LIGHTBOX */
/*COMMON */
#lightbox .alert-box {
    height: 176px;
    text-align: center;
}

#lightbox .alert-box > .title {
    display: inline;
}

#lightbox .alert-box .body {
    margin: 15px 15px 30px 15px;
}

#lightbox .alert-box .btnOK {
    /* display:inline-block; */
    /* background: #1a1a1a; */
    /* color: #605F5C; */
    /* width:97px; */
    /* padding-top:3px; */
    width: 130px;
}

/* REDEMPTION */
#lightbox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 200px;
    top: 0;
    z-index: 999;
    display: none;
    width: calc(100% - 200px);
    align-items: center;
    justify-content: center;
}

#lightbox.show {
    display: block;
    z-index: 9999;
    left: 0;
    width: 100%;
    display: flex;
    /*
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: row;
    flex: 0 0 auto;
*/
}

#lightbox .overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
}

#lightbox.happenings .overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(191, 145, 111, 0.8);
}

#lightbox .lb {
    position: relative;
    overflow-y: scroll;
    height: 100%;
    /*    position: absolute;*/
    /*
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
*/
}

body[data-page='redeem'] {
    background-color: #FFF;
    height: auto;
}

body[data-page='redeem'] #container {
    max-width: 768px;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: auto;
    overflow: initial;
}

body[data-page='redeem'] img#greyLogo {
    display: block;
}

body[data-page='redeem'] .btn-navLogin,
body[data-page='redeem'] #logoutTxt {
    color: #;
}

body[data-page='redeem'] #headerR {
    display: none;
}

body[data-page='redeem'] .site-menu__icon span {
    background: #484742;
}

body[data-page='redeem'] #headerL {
    width: 100%;
}

body[data-page='redeem'] .site-menu {
    display: none;
}

.redemption {
    background-color: #FFF;
    width: 100%;
    padding: 22px 30px;
    min-height: calc(100vh - 60px);
    height: auto;
    margin-top: 60px;
}

.redemption > .title .icon {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}

.redemption .title {
    position: relative;
    /* padding-left: 48px; */
    line-height: 33px;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 900;
    color: #78CEA1;
    text-align: center;
    font-size: 30px;
}

.redemption .btnLBClose {
    position: absolute;
    top: 10px;
    right: 10px;
}

.redemption .body {
    height: 85%;
}

.redemption .body .col-2 {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.redemption .body .col-2 .wrapper {
    width: 180px;
}

.redemption .body .img {
    margin-bottom: 34px;
    width: 180px;
    height: 180px;
}

.redemption .body .img img {
    width: 100%;
    height: 100%;
}

.redemption .body .name {
    height: 50px;
    min-height: 50px;
    height: auto;
}

.redemption .body .point_box .require {
    display: inline-block;
    font-size: 10px;
    color: #666;
    width: 70%;
}

.redemption .body .point_box .points {
    display: inline-block;
    font-size: 26px;
    width: 30%;
    text-align: right;
}

.redemption .body .group .title {
    font-size: 12px;
    text-align: left;
    margin-bottom: 2px;
}

.redemption .body .group .input {
    margin-bottom: 25px;
}

.redemption .body .group .input .frm-input {
    padding: 5px 0;
    border-bottom: 1px solid #666;
    width: 100%;
    font-size: 14px;
    color: #666;
}

.redemption .body .group .input select.frm-input {
    border: 1px solid #000;
    background: transparent;
    padding: 1px 0;
    color: #000;
    font-weight: 500;
    margin-top: 5px;
}

.redemption .body form {
    text-align: center;
}

/*#lightbox .redemption .body form .btnSubmit { background: #1a1a1a; color: #FFF; width:97px; padding-top:3px; } */
.redemption .redeemSection {
    display: none;
}

.redemption .redeemSection.active {
    display: block;
}

#secondStep {
    height: calc(100vh - 110px);
    position: relative;
    width: 100%;
    text-align: center;
}



#txtSureRedeem,
#txtThankyouRedeem,
#txtFinishedRedeem {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 26px;
    width: 100%;
    padding: 5%;
    line-height: 1.25em;
}

#txtFinishedRedeem {
    font-size: 15px;
    top: 30%;
    -ms-transform: translate(-50%, -30%);
    -webkit-transform: translate(-50%, -30%);
    -moz-transform: translate(-50%, -30%);
    transform: translate(-50%, -30%);
    text-transform: initial;
}

.redemption .btnCtrlWrapper {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    font-size: 18px;
    bottom: 0;
    display: block;
}

body[data-page='redeem'] .btnCtrlWrapper {
    position: absolute;
    display: flex;
    flex-direction: row;
    column-gap: 20px;
}

.btnShowCodeBox,
#btnStaffOnly,
.btnCloseRedeem,
.redemption .btnSubmit {
    display: inline-block;
    padding: 7px 40px;
    background-color: #78CEA1;
    color: #FFF;
    letter-spacing: 2px;
    cursor: pointer;
}



#btnStaffOnly {
    margin-top: 20px;
}

.btnCloseRedeem {
    font-size: 14px;
    line-height: 1.5em;
}

.verification_wrapper {
    display: flex;
    flex-direction: column;
    width: 200px;
    right: 0;
    left: 0;
    margin: 0 auto;
    display: none;
}

#staff_verification_code {
    text-align: center;
}

.incorrect_staff_ver_code {
    color: red;
    display: none;
}

div#txtSureRedeem {
    width: 80%;
}

.redemption.alert-box {
    height: auto;
    text-align: center;
    line-height: 1.25em;
}

.redemption.alert-box > .title {
    display: inline;
}

.redemption.alert-box .body {
    margin: 15px;
}

.redemption.alert-box .btnOK {
    display: inline-block;
    background: #1a1a1a;
    color: #FFF;
    width: 97px;
    padding-top: 3px;
}

body[data-page='redeem'] #lightbox {
    position: relative;
    background-color: #FFF;
    top: 60px;
    text-align: center;
    height: auto;
}

body[data-page='redeem'] #lightbox .overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    display: none;
}

body[data-page='redeem'] .load-content {
    top: 0;
    left: 0;
    transform: initial;
    -ms-transform: initial;
    -webkit-transform: initial;
    -moz-transform: initial;
    height: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
}

body[data-page='redeem'] #container #main .content-box #pages {
    /* display: none; */
}

body[data-page='redeem'] #container > .wrapper {
    height: auto;
}

body[data-page='redeem'] #container #main {
    height: auto;
}

body[data-page='redeem'] #container #main .content-box {
    height: auto;
}

body[data-page='redeem'] #container #main .content-box .load-section {
    top: 0;
    left: 0;
    transform: initial;
    -ms-transform: initial;
    -webkit-transform: initial;
    -moz-transform: initial;
    height: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #605F5C;
    font-size: 14px;
}

body[data-page='redeem'] #welcome_gift_img {
    width: 100%;
    max-width: 300px;
}

/* Happenings Redemption */
#lightbox .happenings-redemption.alert-box {
    height: auto;
    min-height: initial;
    background-color: #FFF;
    width: 80%;
    max-width: 480px;
    padding: 22px 30px;
    text-align: center;
}

#lightbox .happenings-redemption.alert-box .btnOK {
    color: #FFF;
    background: #1a1a1a;
    background-color: #484742;
    padding: 5px 20px;
    font-size: 14px;
    font-weight: 500;
}

#lightbox .happenings-redemption.alert-box .body {
    font-size: 18px;
}


/* CHANGE PASSWORD */
#lightbox .change_password {
    background-color: #FFF;
    width: 80%;
    max-width: 400px;
    padding: 22px 30px;
}

#lightbox .change_password > .title .icon {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}

#lightbox .change_password > .title {
    position: relative;
    /* padding-left: 48px; */
    line-height: 33px;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 900;
}

#lightbox .change_password .btnLBClose {
    position: absolute;
    top: 10px;
    right: 10px;
}

#lightbox .change_password .body .group .title {
    font-size: 12px;
    text-align: left;
    margin-bottom: 2px;
}

#lightbox .change_password .body .group .input {
    margin-bottom: 25px;
}

#lightbox .change_password .body .group .input .frm-input {
    padding: 5px 0;
    /* border-bottom: 1px solid #666; */
    width: 100%;
    font-size: 14px;
    color: #666;
}

#lightbox .change_password .body .group .input select.frm-input {
    border: 1px solid #666;
    background: transparent;
    padding: 1px 0;
}

#lightbox .change_password .body form {
    text-align: center;
}

#lightbox .change_password .body form .btnSubmit {
    /* background: #1a1a1a; */
    /* color: #FFF; */
    width: 97px;
    padding-top: 3px;
}

/* FORGET PASSWORD */
#lightbox .forget_password {
    background-color: #FFF;
    width: 80%;
    max-width: 400px;
    padding: 22px 30px;
    height: auto;
}

#lightbox .forget_password > .title .icon {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}

#lightbox .forget_password > .title {
    position: relative;
    /* padding-left: 48px; */
    line-height: 33px;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 900;
}

#lightbox .forget_password .btnLBClose {
    position: absolute;
    top: 10px;
    right: 10px;
}

#lightbox .forget_password .body .group .title {
    font-size: 12px;
    text-align: left;
    margin-bottom: 2px;
}

#lightbox .forget_password .body .group .input {
    margin-bottom: 25px;
}

#lightbox .forget_password .body .group .input .frm-input {
    padding: 5px 0;
    /* border-bottom: 1px solid #666; */
    width: 100%;
    font-size: 14px;
    color: #666;
}

#lightbox .forget_password .body .group .input select.frm-input {
    border: 1px solid #666;
    background: transparent;
    padding: 1px 0;
}

#lightbox .forget_password .body form {
    text-align: center;
}

#lightbox .forget_password .body form .btnSubmit {
    /* background: #1a1a1a; */
    /* color: #FFF; */
    /* width:97px; */
    /* padding-top:3px; */
}

/* CONTACT US */
#lightbox .contact_us.alert-box {
    height: auto;
}

#lightbox .contact_us {
    background-color: #ddd;
    width: 80%;
    max-width: 500px;
    padding: 22px 30px;
    /* left: 0; */
    /* right: 0; */
    /* margin: 0 auto; */
}

#lightbox .contact_us > .title .icon {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}

#lightbox .contact_us > .title {
    position: relative;
    padding-left: 48px;
    line-height: 33px;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 900;
}

#lightbox .contact_us .btnLBClose {
    position: absolute;
    top: 10px;
    right: 10px;
}

#lightbox .contact_us .body .group .title {
    font-size: 12px;
    text-align: left;
    margin-bottom: 2px;
}

#lightbox .contact_us .body .group .input {
    margin-bottom: 25px;
}

#lightbox .contact_us .body .group .input .frm-input {
    padding: 5px 0;
    border-bottom: 1px solid #666;
    width: 100%;
    font-size: 14px;
    color: #666;
}

#lightbox .contact_us .body .group .input select.frm-input {
    border: 1px solid #666;
    background: transparent;
    padding: 1px 0;
}

#lightbox .contact_us .body form {
    text-align: center;
}

#lightbox .contact_us .body form .btnSubmit {
    background: #1a1a1a;
    color: #FFF;
    width: 97px;
    padding-top: 3px;
}

/*SIGNUP */
#lightbox .signup {
    background-color: #FFF;
    /* width: 85%; */
    /* max-width: 500px; */
    /* padding: 52px 60px; */
    /* text-align: left; */
    /* color: #605F5C; */
    /* font-size: 14px; */
    /* height: 80%; */
    overflow: hidden;
    /* max-width: 1024px; */
    height: 100%;
    width: 100%;
}

.btn-signup {
    text-decoration: underline;
    font-style: italic;
    font-size: 14px;
    color: #666;
    text-transform: initial;
}

#lightbox .signup .title.registration,
#lightbox .signup .title.thankyou,
#lightbox .signup .title.terms,
#lightbox .signup .title.pics {
    font-size: 40px;
    text-align: center;
    margin-bottom: 40px;
    line-height: 1em;
}

.thankyouTxt a,
.statement a,
#picsWrapper a {
    color: #484742;
}

#lightbox .happenings_redemption {
    background-color: #FFF;
    padding: 20px 30px;
    /*    width: 95%;*/
    width: 100%;
    /*    height: 100%;*/
    /*    max-height: 80%;*/
    overflow-y: scroll;
}

#lightbox .happenings_redemption a.btnLBClose {
    position: absolute;
    right: 10px;
    top: 10px;
}

#lightbox .happenings_redemption .lb_title {
    font-weight: bold;
    font-size: 20px;
    margin-right: 5px;
}

#lightbox .happenings_redemption .inner-wrapper {
    display: flex;
    flex-direction: row;
}

#lightbox .happenings_redemption .form-details {
    width: 60%;
    padding-right: 10%;
    font-family: 'dinot-light';
}

#lightbox .happenings_redemption .happenings-details {
    width: 40%;
    text-align: center;
}

#lightbox .happenings_redemption .happenings-details .happenings-img {
    width: 100%;
    margin-bottom: 20px;
}

#lightbox .happenings_redemption .happenings-details .happenings-title {
    font-size: 22px;
    margin-bottom: 8px;
    text-transform: none;
}

#lightbox .happenings_redemption .happenings-details .happenings-subtitle {
    text-transform: none;
}

#lightbox .happenings_redemption .description {
    font-family: 'dinot-light';
    margin-bottom: 10px;
    text-transform: none;
}

#lightbox .happenings_redemption #user_lang {
    position: absolute;
}

#lightbox .happenings_redemption .frm-happenings_redemption_passcode__wrapper.lb-content,
#lightbox .happenings_redemption .frm-happenings_redemption_tenant__wrapper.lb-content {
    height: 100%;
}

#lightbox .happenings_redemption .frm-happenings_redemption_passcode__wrapper.lb-content .body,
#lightbox .happenings_redemption .frm-happenings_redemption_tenant__wrapper.lb-content .body {
    height: calc(100% - 70px);
    position: relative;
}

#lightbox .happenings_redemption .happengings-form-details {
    height: 100%;
    position: relative;
}

#lightbox .happenings_redemption #frm-happenings_redemption_passcode,
#lightbox .happenings_redemption #frm-happenings_redemption_tenant {
    height: 100%;
}

#lightbox .happenings_redemption .inner-wrapper {
    height: 82%;
}

#lightbox .happenings_redemption .happenings-details {
    height: 100%;
    overflow: hidden;
}

#lightbox #frm-happenings_redemption ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ccc;
    opacity: 1;
    /* Firefox */
}

#lightbox #frm-happenings_redemption :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #ccc;
}

#lightbox #frm-happenings_redemption ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #ccc;
}

#lightbox .happenings_redemption #frm-happenings_redemption .group .title,
#lightbox .happenings_redemption #frm-happenings_redemption_passcode .group .title,
#lightbox .happenings_redemption #frm-happenings_redemption_tenant .group .title {
    display: inline-block;
    vertical-align: middle;
    width: calc(35% - 20px);
    flex: 0 0 auto;
    line-height: 1em;
    margin-right: 10px;
    font-size: 13px;
}

#lightbox .happenings_redemption #frm-happenings_redemption .group,
#lightbox .happenings_redemption #frm-happenings_redemption_tenant .group,
#lightbox .happenings_redemption #frm-happenings_redemption_passcode .group {
    margin-bottom: 20px;
    display: flex;
    align-items: baseline;
}

#lightbox .happenings_redemption #frm-happenings_redemption .input-wrapper {
    display: inline-block;
    vertical-align: middle;
    color: #605F5C;
    width: 100%;
    font-size: 0;
    position: relative;
}

#lightbox .happenings_redemption .upload_reception-section {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #605F5C;
}

#lightbox .happenings_redemption .lb_title-wrapper {
    margin-bottom: 40px;
}

#lightbox .happenings_redemption .description-remarks-wrapper {
    margin-bottom: 25px;
    width: 100%;
}

#lightbox .happenings_redemption #frm-happenings_redemption_tenant .remarks {
    margin-bottom: 10px;
}

/*
#lightbox .happenings_redemption .#frm-happenings_redemption .shop-name-input {
    flex: 1 1 auto;
}
*/

#lightbox .happenings_redemption #frm-happenings_redemption .shop-name-input {
    width: 100%;
    color: #484742;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#lightbox .happenings_redemption #frm-happenings_redemption #shopname_filter {
    text-transform: lowercase;
    width: 100%;
    color: #484742;
    padding: 6px;
    position: relative;
    z-index: 5;
}

#lightbox .happenings_redemption #frm-happenings_redemption .frm-input {
    padding: 6px;
}

#lightbox .happenings_redemption #frm-happenings_redemption .group_fileupload {
    display: inline-block;
    vertical-align: middle;
}

#lightbox .happenings_redemption #frm-happenings_redemption .group_fileupload#paymentslip_fileupload {
    margin-right: 20px;
}

#lightbox .happenings_redemption #frm-happenings_redemption .group_fileupload iframe {
    height: 30px;
    width: 120px;
}


/*
    iframe#paymentSlipUploadForm,
    iframe#paymentSlipUploadForm {
        width: 120px;
        background-color: #F7955B;
        background-image: url(./../img/icon-upload-orange.png);
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-size: 16px;
        height: 27px;
    }
*/


#lightbox .happenings_redemption .btnSubmit {
    background-color: #484742;
    width: 100px;
    padding: 3px 0 5px 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: block;
    margin-top: 80px;
}


#lightbox .happenings_redemption .double-confirm-wrapper,
#lightbox .happenings_redemption .redeem-repeat,
#lightbox .happenings_redemption .thanks-wrapper {
    text-align: center;
}

#lightbox .happenings_redemption .double-confirm-wrapper .lb_title-wrapper,
#lightbox .happenings_redemption .redeem-repeat .lb_title-wrapper {
    margin-bottom: 20px;
}

#lightbox .happenings_redemption .double-confirm-wrapper .lb_title-wrapper .lb_title,
#lightbox .happenings_redemption .redeem-repeat .lb_title-wrapper .lb_title,
#lightbox .happenings_redemption .thanks-wrapper {
    font-size: 20px;
    margin-right: 0;
}

#lightbox .happenings_redemption .thanks-wrapper .thanks {
    font-size: 14px;
}

#lightbox .happenings_redemption .double-confirm-wrapper .btn-wrapper {
    text-align: center;
}

#lightbox .happenings_redemption .double-confirm-wrapper .btn-wrapper .btn,
#lightbox .happenings_redemption .redeem-repeat .btn-repeat-reload {
    background-color: #484742;
    width: 100px;
    padding: 3px 0 5px 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: block;
    /* margin-top: 80px; */
    color: #FFF;
    display: inline-block;
    margin: 0 10px;
}


#lightbox .happenings-redeem-success {
    background-color: #FFF;
    padding: 20px 30px;
    width: 100%;
    max-width: 480px;
    padding: 22px 30px;
    text-align: center;
    margin: 0 auto;
    height: auto;
}

#lightbox i.icon.icon_gift_s {
    font-size: 20px;
}

#lightbox .btn_my_acc {
    background-color: #484742;
    padding: 5px 20px;
    text-decoration: none;
    position: relative;
    display: inline-block;
}

#lightbox .happenings-redeem-success .title {
    position: relative;
    line-height: 33px;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 900;
}

#lightbox .happenings-redeem-success .body {
    margin-bottom: 40px;
}

#lightbox .happenings-redeem-success .btnLBClose {
    position: absolute;
    right: 10px;
    top: 10px;
}

/* POPUP */
#popup {
    position: relative;
    background: #DDD;
    padding: 20px;
    width: auto;
    max-width: 700px;
    margin: 0px auto;
    text-align: center;
    background-color: #FFF;
    width: 80%;
    max-width: 400px;
    padding: 40px 30px;
    color: #484742;
    margin-bottom: 0;
}

#popup .header {
    margin-bottom: 10px;
}

#popup .content {
    margin-bottom: 20px;
    font-size: 16px;
}

#popup .popup-modal-dismiss {
    display: inline-block;
    /* background: #1a1a1a; */
    color: #FFF;
    width: 97px;
    padding-top: 3px;
    font-size: 14px;
    /* color: #FFF; */
    font-weight: 700;
    width: 180px;
    /* background: #F15A25; */
    border: none;
    outline: none;
    padding: 5px 0 7px;
    color: #605F5C;
    border: 1px solid;
}



video#bgVideo {
    position: absolute;
    width: 100%;
    height: 100%;
}

.homeBannerWrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

#video-background {
    height: 100vh;
    position: absolute !important;
    top: 0;
    right: 0;
    width: 38.2%;
    color: #FFF;
}

#TopBannerWrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: orange;
}

video#mcmVideo {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
}

#privilegeWrapper {
    color: #77CDA0;
    font-size: 0;
    box-sizing: border-box;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    height: 100%;
}

li.breadcrumbListItem {
    display: inline-block;
}

#pageNameWrapper {
    text-align: center;
    margin-bottom: 10px;
    padding-top: 70px;
    position: absolute;
    display: block;
    z-index: 99;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#pageName {
    font-size: 2.5vw;
    /* padding: 1.5em 0; */
    /* height: auto; */
    line-height: 3.5vw;
    color: #484742;
}

#happeningsWrapper {
    height: 100vh;
    text-transform: none;
}

#privilegeWrapper .leftSection {
    background-color: #EDEDEB;
    /* padding-top: 10%; */
    /* padding-top: 120px; */
    /* background-color: #FFF; */
    padding-right: 0%;
}

li.breadcrumbListItem.active {
    font-size: 30px;
    /* font-weight: bold; */
    letter-spacing: 1.25px;
}

#breadcrumb {
    margin-bottom: 15px;
}

.selectListItem.active {
    /* font-weight: bold;
    color: #77CDA0; */
}

li.selectListItem {
    display: inline-block;
    color: #484743;
    margin-right: 30px;
    font-size: 18px;
    /* padding-left: 30px; */
    margin-bottom: 10px;
    cursor: pointer;
}

#selectType {
    margin-bottom: 10px;
    border-bottom: 1px solid #EDEDED;
}

.selectSubType {
    color: #494843;
    border-bottom: 1px solid #EDEDED;
    font-size: 15px;
    padding-bottom: 10px;
    display: none;
}

.selectSubType.active {
    display: block;
}

#happeningscatOrderList {
    display: block;
    padding-top: 20px;
    border-bottom: 0;
    margin-bottom: 50px;
}

li.catListItem,
li.happeningscatListItem {
    display: inline-block;
    margin-right: 30px;
    /* padding-left: 30px; */
    cursor: pointer;
}

li.happeningscatListItem:last-child {
    margin-right: 0;
}

#alphabetOrderList li.catListItem {
    margin-right: 17px;
}

li.catListItem.active,
li.happeningscatListItem.active,
.selectListItem.active {
    color: #F79459;
}

#privilegeWrapper #selectionWrapper {
    margin-bottom: 20px;
    /* padding-top: 180px; */
}

#privilegeWrapper #selectionWrapper.fix-cat {
    position: fixed;
    width: 100%;
    top: 60px;
    background-color: #FFF;
    z-index: 99;
}

.shopDescWrapper {
    height: 0;
    opacity: 0;
    position: relative;
    overflow: hidden;
}

li.shopListtItem {
    margin-bottom: 10px;
    cursor: pointer;
    width: 100%;
    position: relative;
}

.shopName {
    font-size: 3vw;
    line-height: 3vw;
    display: inline-block;
    margin-right: 10px;
    width: 100%;
}

.shopNo {
    font-size: 1.2vw;
    vertical-align: top;
    line-height: initial;
    vertical-align: top;
    display: inline-block;
    margin-right: 10px;
    margin-top: 6px;
}

.shopNameWrapper .downArrow {
    background-image: url(./../img/arrow-01.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
}

.shopNameWrapper .downArrow.active {
    background-image: url(./../img/arrow-02.png);
}

.shopNameWrapper .downArrow {
    display: inline-block;
    /* background-color: yellow; */
    width: 6%;
    vertical-align: top;
    display: none;
    height: 5vw;
}

.shopNameWrapper {
    display: block;
    position: relative;
}


.shopTag {
    color: #FFF;
    background-color: #77CDA0;
    padding: 5px 8px;
    line-height: 1.7em;
    vertical-align: top;
    display: inline-block;
    padding: 0% 2%;
    font-size: 0.8vw;
    margin-top: 8px;
}

@media (hover:hover) {

    li.shopListtItem:hover {
        color: #F79459;
    }

    li.shopListtItem:hover .shopTag {
        background-color: #F79459;
    }

    li.shopListtItem:hover {
        color: #F79459;
    }

    li.shopListtItem:hover .shopTag {
        background-color: #F79459;
    }
}

body.mobile .shopDescWrapper.active {
    height: auto;
    opacity: 1;
    padding-top: 10px;
}

.shopDesc {
    font-size: 15px;
    color: #484742;
    margin-bottom: 30px;
    text-align: justify;
}

#shopListWrapper {
    /* padding: 0 30px; */
    text-transform: none;
    /* padding-bottom: 80px; */
}

ul#shopList {
    width: 97%;
    padding-bottom: 80px;
}

#selectType.alphabetOrder ~ #catType {
    display: none;
}

#shopListWrapper.shopping .shopListtItem.dining,
#shopListWrapper.dining .shopListtItem.shopping {
    display: none;
}

#shopListWrapper.numeric li.shopListtItem:not([data-type='numeric']),
#shopListWrapper.a li.shopListtItem:not([data-char='a']),
#shopListWrapper.b li.shopListtItem:not([data-char='b']),
#shopListWrapper.c li.shopListtItem:not([data-char='c']),
#shopListWrapper.d li.shopListtItem:not([data-char='d']),
#shopListWrapper.e li.shopListtItem:not([data-char='e']),
#shopListWrapper.f li.shopListtItem:not([data-char='f']),
#shopListWrapper.g li.shopListtItem:not([data-char='g']),
#shopListWrapper.h li.shopListtItem:not([data-char='h']),
#shopListWrapper.i li.shopListtItem:not([data-char='i']),
#shopListWrapper.j li.shopListtItem:not([data-char='j']),
#shopListWrapper.k li.shopListtItem:not([data-char='k']),
#shopListWrapper.l li.shopListtItem:not([data-char='l']),
#shopListWrapper.m li.shopListtItem:not([data-char='m']),
#shopListWrapper.n li.shopListtItem:not([data-char='n']),
#shopListWrapper.o li.shopListtItem:not([data-char='o']),
#shopListWrapper.p li.shopListtItem:not([data-char='p']),
#shopListWrapper.q li.shopListtItem:not([data-char='q']),
#shopListWrapper.r li.shopListtItem:not([data-char='r']),
#shopListWrapper.s li.shopListtItem:not([data-char='s']),
#shopListWrapper.t li.shopListtItem:not([data-char='t']),
#shopListWrapper.u li.shopListtItem:not([data-char='u']),
#shopListWrapper.v li.shopListtItem:not([data-char='v']),
#shopListWrapper.w li.shopListtItem:not([data-char='w']),
#shopListWrapper.x li.shopListtItem:not([data-char='x']),
#shopListWrapper.y li.shopListtItem:not([data-char='y']),
#shopListWrapper.z li.shopListtItem:not([data-char='z']) {
    display: none;
}

.rightSectionDetailWrapper {
    position: relative;
    text-align: left;
    height: 50%;
    padding-left: 10%;
}

#rightSectionShopLogo {
    width: auto;
    /* margin-bottom: 50px; */
    max-width: 300px;
    /* left: 0; */
    /* right: 0; */
    position: absolute;
    bottom: 0;
    /* margin: 0 auto; */
}

#rightSectionShopDesc {
    color: #484742;
    text-align: justify;
    width: 100%;
    padding: 3% 10%;
    height: 50%;
    overflow: hidden;
    padding-bottom: 80px;
    font-size: 15px;
    text-transform: none;
    border-top: 20px solid rgba(0, 0, 0, 0);
    line-height: 1.3em;
}

#rightSectionShopDesc ul ul,
#rightSectionShopDesc ul ul ul {
    list-style-type: none;
}

#rightSectionShopDesc a {
    color: #484742;
}

#rightSectionShopDesc ol {
    list-style: decimal;
    padding-left: 13px;
}

.shopDesc ul,
#rightSectionShopDesc ul {
    list-style-type: initial;
    margin-left: 15px;
}

#rightSectionShopDesc ul {
    margin-left: 30px;
}

#rightSectionShopDesc li {
    margin-bottom: 7px;
}

.shopDescWrapper.active .shopDesc {
    font-size: 2.5vw;
}

#clubName {
    font-size: 9px;
    z-index: 99;
    letter-spacing: 4px;
    left: 10px;
    top: 40%;
    text-transform: none;
    font-family: 'dinot-light';
}

#privilegeWrapper #clubName {
    color: #3B3B3B;
}

#contactUsWrapper #clubName {
    color: #FFF;
}

.verticalTxt {
    position: absolute;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
    -o-transition: -o-transform .3s cubic-bezier(.4, 0, .2, 1);
    -moz-transition: transform .3s cubic-bezier(.4, 0, .2, 1), -moz-transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1), -moz-transform .3s cubic-bezier(.4, 0, .2, 1), -o-transform .3s cubic-bezier(.4, 0, .2, 1);
    -webkit-transform: rotate(90deg translateY(-40%));
    -moz-transform: rotate(90deg) translateY(-40%);
    -ms-transform: rotate(90deg) translateY(-40%);
    -o-transform: rotate(90deg) translateY(-40%);
    transform: rotate(90deg) translateY(-40%);
}

#privilegeWrapper .leftgradientBG {
    width: calc(100% - 17px);
    position: fixed;
    background-color: #EDEDEB;
    height: 110px;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(237, 237, 235, 0) 0%, rgba(237, 237, 235, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(237, 237, 235, 0) 0%, rgba(237, 237, 235, 1) 100%);
    background: linear-gradient(to bottom, rgba(237, 237, 235, 0) 0%, rgba(237, 237, 235, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDEB', endColorstr='#EDEDEB', GradientType=0);
    left: 0;
}

#privilegeWrapper .rightgradientBG {
    width: 100%;
    position: absolute;
    background-color: #FFFFFF;
    height: 80px;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

#welcomeGiftWrapper {
    color: #484742;
}

#welcomeGiftWrapper .sectionTitle {
    color: #F8955C;
    font-size: 27px;
    /* font-family: georgia; */
    font-style: italic;
    margin-bottom: 30px;
    font-size: 2vw;
    text-align: left;
}

#welcomeGiftWrapper .sectionSubtitle {
    margin-bottom: 30px;
}

#welcomeGiftWrapper .rightSection {
    background-image: url(./../img/Spring-2016-0240_bw.jpg);
    background-position: center center;
    background-size: cover;
}

#welcomeGiftWrapper .rightSection:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.welcome_gift_btn {
    background-color: #F8955C;
    display: inline-block;
    padding: 0.2vw 10%;
    color: #FFF;
    line-height: 1.5em;
    border: 1px solid #F8955C;
    font-size: 15px;
    margin-bottom: 50px;
}

.welcome_gift_btn a {
    text-decoration: none;
}

.welcome_gift_remarks {
    margin-bottom: 90px;
    font-size: 1vw;
    font-size: 13px;
    padding-top: 15px;
}

#welcome_gift_back {
    color: #F8955C;
    background-color: #FFF;
    border: 1px solid #F8955C;
    margin-right: 20px
}

.noTxtTransform {
    text-transform: none;
}

#txtClubRedirect {
    color: #F8955C;
}

#welcomeGiftWrapper .tick-select-group input[type="radio"] {
    display: table-cell;
    margin-right: 10px;
    opacity: 0;
    z-index: 10;
    position: absolute;
}

#welcomeGiftWrapper .tick-select-group input[type="radio"] ~ .square-check {
    display: block;
    width: 16px;
    height: 16px;
    position: relative;
    left: 0;
    top: 3px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 15px;
}

#welcomeGiftWrapper .tick-select-group input[type="radio"]:checked ~ .square-check {
    background-image: url(./../img/square-check-128.png);
}

#welcomeGiftWrapper .tick-select-group input[type="radio"] ~ .square-check {
    background-image: url(./../img/square-uncheck-128.png);
}

.tick-select-group {
    display: table;
    margin-bottom: 20px;
    position: relative;
}

.dimTick {
    width: 17px;
    height: 18px;
    margin-right: 15px;
}

.dimTick img {
    width: 100%;
}

.ofs.tick-select-group {
    color: #9E9E9E;
}

#welcomeGiftWrapper .tick-select-group .label {
    display: table-cell;
}

#welcomeGiftWrapper .selectSection {
    display: none;
    text-align: left;
}

#welcomeGiftWrapper .selectSection.active {
    display: block;
}

.gifttnc {
    display: none;
}

#welcomeGiftUpper #shopDetails {
    text-transform: none;
    text-align: left;
    font-size: 16px;
}

#welcome_gift_shopName {
    font-weight: bold;
    font-size: 20px;
}

#welcome_gift_tnc {
    border-top: 1px solid #EDEDEB;
    padding-top: 10px;
    text-align: left;
    margin-bottom: 50px;
}

.present_staff_remarks {
    margin-bottom: 15px;
}

#welcome_gift_tnc_details {
    text-transform: none;
}

#welcome_gift_btn_ctrl {
    text-align: left;
}

#welcomeGiftUpper {
    text-align: center;
    width: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-bottom: 50px;
    width: 100%;
    position: relative;
}

#welcomeGiftUpper img {
    width: 100%;
    position: relative;
}

#welcome_gift_tnc_details ul {
    list-style-type: unset;
    padding-left: 20px;
}

#footer {
    position: relative;
    background-color: #EDEDED;
    padding: 3% 3%;
}

#footer .site-main__nav {
    width: 100%;
}

.footertable-desc {
    margin-left: 40%;
    width: 28%;
    display: inline-block;
    vertical-align: top;
}

.footertable-desc2 {
    width: 31%;
    display: inline-block;
    vertical-align: top;
}

li.site-second_footeritem a {
    color: #484742;
    text-decoration: none;
    font-size: 1.5vw;
}

#footerleftSecondMenu,
#footerrightSecondMenu {
    width: 49%;
    display: inline-block;
    font-size: 0;
    vertical-align: top;
}

#footer .site-main__nav a {
    font-size: 2vw;
}

#footermobileMenuLang,
#footer .bottomIFCLogo {
    display: none;
}

#footer .grid__wrapper {
    padding-left: 40%;
}

body.mobile.show {
    height: auto;
    overflow: hidden;
}

body[data-page='redeem'].show.mobile {
    overflow: auto;
}

body.show.signup .my_account {
    display: none;
}

.country-select {
    width: 100%;
}

.country-select.inside .flag-dropdown {
    width: 100%;
}

.country-select.inside .selected-flag {
    width: 100%;
}

.country-select .selected-flag .flag {
    display: none;
}

.country-select .country-list .flag {
    display: none;
}

.country-select .country-list .country-name {
    font-size: 13px;
}

.country-select .country-list {
    width: 100% !important;
}

ul.lang-bar li.item:hover a,
ul#menu-second_menu #leftSecondMenu li:hover a {
    color: #EF5924;
}

#btnBacktoHome {
    display: inline-block;
    font-size: 15px;
    background: #F8955C;
    color: #FFF;
    border: 1px solid #F8955C;
    text-decoration: none;
    outline: none;
    padding: 5px 0 7px;
    font-size: 16px;
    width: 130px;
    text-align: center;
}

#finishedRedeemedWrapper {
    margin-bottom: 30px;
    text-transform: initial;
}

#happeningsWrapper .rightSection {
    background-image: url(./../img/happenings.png);
    background-position: center center;
    background-color: #EDEDEC;
    -webkit-transition: all ease .6s;
    -moz-transition: all ease .6s;
    -ms-transition: all ease .6s;
    -o-transition: all ease .6s;
    transition: all ease .6s;
}

body[data-page='happenings'] img#greyLogo,
body[data-page='happenings_details'] img#greyLogo {
    display: block;
}

body[data-page='happenings'] img#whiteLogo,
body[data-page='happenings_details'] img#whiteLogo {
    display: none;
}

li.happeningsListItem {
    display: inline-block;
    width: 47.5%;
    vertical-align: top;
    margin-bottom: 50px;
    cursor: pointer;
    /* text-decoration: none; */
}

li.happeningsListItem a {
    text-decoration: none;
    display: block;
}

img.happeningsThumb {
    width: 100%;
    display: block;
}

ul#happeningsList {
    font-size: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

li.happeningsListItem.active:nth-child(2n+1) {
    /*        margin-right: 2%;*/
}

li.happeningsListItem.active:nth-child(2n) {
    /*        margin-left: 2%;*/
}

.happeningsWrapper {
    position: relative;
    width: 100%;
    height: 100%;
    /* padding: 0; */
    /* margin: 0; */
    margin-bottom: 10px;
}

#happeningsWrapper .leftSection {
    padding-top: 180px;
    padding: 180px 5.5% 40px 5%;
    /*    padding: 180px 5.5% 3% 5%;*/
    /*        padding-right: 0;*/
}

.happeningsSubtitle {
    position: absolute;
    text-align: center;
    color: #FFF;
    font-size: 20px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    line-height: 1em;
    width: 90%;
}

.lbl-happenings-status {
    position: absolute;
    right: 0;
    top: 0;
    padding: 4px 10px;
    color: #FFF;
    font-size: 12px;
    line-height: 1em;
}

.lbl-happenings-status.outofstock,
.lbl-happenings-status.redeemed {
    background-color: #A4A4A1;
}

.happeningsTag {
    color: #F7955B;
    font-size: 14px;
    margin-bottom: 5px;
}

.happeningstitle {
    color: #494742;
    font-size: 20px;
    margin-bottom: 5px;
    text-transform: none;
}

.happeningsDate {
    color: #000;
    font-size: 15px;
}

.happeningsDescWrapper {
    width: 100%;
    text-align: center;
    position: relative;
}

#happeningsListWrapper {
    /* overflow: hidden; */
    height: 100%;
}

body[data-page="happenings"] #clubName {
    color: #000;
}

#happeningsWrapper.details #happeningsListWrapper {
    position: absolute;
    display: none;
    overflow: hidden;
}

#happeningsWrapper #eventDetailsWrapper {
    width: 100%;
    height: 100%;
    position: relative;
    visibility: visible;
    display: block;
    /* overflow: hidden; */
    /*        padding-right: 8%;*/
    /*        padding-right: 3%;*/
    /*        padding-left: 3%;*/
}

#eventImg {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    font-size: 15px;
}

#eventDetailsTag {
    color: #F7955B;
    margin-bottom: 10px;
}

#eventDetails #eventDetailsTag {
    font-style: italic;
}

#eventTitle {
    color: #494742;
    font-size: 31px;
    margin-bottom: 10px;
    line-height: 1.2em;
}

#eventSubtitle {
    color: #494742;
    font-size: 16px;
    font-family: 'dinot-light';
    margin-bottom: 5px;
    line-height: 1.2em;
}

#eventDetailsDesc {
    color: #000;
    font-size: 16px;
    /* font-family: 'dinot-light'; */
    margin-bottom: 30px;
    text-transform: none;
}

#eventDetailsDesc a {
    color: #F7955B;
    text-transform: none;
}

#eventDetailsDesc ol {
    list-style-type: decimal;
    list-style-position: outside;
    padding-left: 30px;

}

#eventDetailsDesc ul {
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 30px;
}

#eventDetailsTNC {
    margin-bottom: 40px;
    display: block;
    text-transform: none;
}

#eventDetailsTNC .tnc_text {
    color: #000;
    font-size: 13px;
    text-decoration: underline;
    text-transform: none;
}

#eventDetailsDate {
    color: #494742;
    font-family: 'dinot-light';
    font-size: 16px;
    margin-bottom: 30px;
}

#eventDetails {
    width: 100%;
    /*        height: 100%;*/
    text-align: left;
    padding-bottom: 80px;
    max-width: 1200px;
}

#happeningsWrapper.details .rightSection:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #EDEDEC;
    /* z-index: 9; */
    display: block;
}

#eventDetailsWrapper {
    /* display: none; */
    position: absolute;
}

#eventDetails .btn {
    display: none;
    font-size: 16px;
    width: 200px;
    color: #FFF;
    text-align: center;
    /* padding: 8px 0; */
    font-family: 'dinot-light';
    position: relative;
    padding: 8px 0;
}

#eventDetails .active.btn {
    display: inline-block;
}

#btnEventBack.btn {
    border: 1px solid #494742;
    display: inline-block;
    padding: 0;
}

#btnEventBack a {
    color: #000;
    color: #494742;
    text-decoration: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 8px 0;
    display: block;
}

#btnOutofStock,
#btnRedeemedHappenings {
    border: 1px solid #A4A4A1;
    background-color: #A4A4A1;
    color: #FFF;
    margin-left: 15px;
    cursor: default;
}

#btnRedeemHappenings {
    border: 1px solid #F7955B;
    background-color: #F7955B;
    color: #FFF;
    margin-left: 15px;
}


#eventGradientBottom {
    /* width: calc(100% - 77px); */
    position: absolute;
    background-color: #FFF;
    height: 90px;
    /* bottom: 0; */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDEB', endColorstr='#EDEDEB', GradientType=0);
    /* left: 0; */
    z-index: 10;
    -webkit-transform: translateY(calc(45% - 100px));
    -moz-transform: translateY(calc(45% - 100px));
    -ms-transform: translateY(calc(45% - 100px));
    -o-transform: translateY(calc(45% - 100px));
    transform: translateY(calc(45% - 100px));
    width: 89%;
}

#happeningsWrapper.details .leftSection #eventGradientBottom {
    left: 5%;
}

li.happeningsListItem.lazyloaded {
    opacity: 1;
    animation: listInY 1s ease-out forwards;
    -webkit-animation: listInY 1s ease-out forwards;
    -ms-animation: listInY 1s ease-out forwards;
    -moz-animation: listInY 1s ease-out forwards;
    -o-animation: listInY 1s ease-out forwards;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

li.happeningsListItem.lazyload {
    opacity: 0;
    -webkit-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}