@charset "utf-8";
@font-face{
font-family:'opensans';
src:url(fonts/opensans.ttf);
}
@font-face{
font-family:'Roboto-Light';
src:url(fonts/Roboto-Light.ttf);
}
@font-face{
font-family:'Roboto-Regular';
src:url(fonts/Roboto-Regular.ttf);
}
@font-face{
    font-family:"Avenir LT W01_45 Book1475508";
    src:url("fonts/1475508/065a6b14-b2cc-446e-9428-271c570df0d9.woff2") format("woff2"),url("fonts/1475508/65d75eb0-2601-4da5-a9a4-9ee67a470a59.woff") format("woff");
}
@font-face{
    /*font-family:"Avenir LT W01_65 Medium1475532";*/
    font-family:"Avenir";
    src:url("fonts/1475532/17b90ef5-b63f-457b-a981-503bb7afe3c0.woff2") format("woff2"),url("fonts/1475532/c9aeeabd-dd65-491d-b4be-3e0db9ae47a0.woff") format("woff");
}
@font-face{
    font-family:"Avenir LT W01_85 Heavy1475544";
    src:url("fonts/1475544/d513e15e-8f35-4129-ad05-481815e52625.woff2") format("woff2"),url("fonts/1475544/61bd362e-7162-46bd-b67e-28f366c4afbe.woff") format("woff");
}
@font-face{
    font-family:"Avenir LT W01_85 Heavy";
    src:url("fonts/5522815/3e5f70c2-4c9c-4724-88b3-1785e7a6531f.woff2") format("woff2"),url("fonts/5522815/ec434909-ccc3-4dbd-a62a-4e27d7f0245b.woff") format("woff");
}
@font-face{
    /*font-family:"Big Caslon FB W00 Regular";*/
    font-family:"Big Caslon";
    src:url("fonts/6205160/819ba99f-9248-4b9f-9f44-3f74a8f230b9.woff2") format("woff2"),url("fonts/6205160/452fe9bb-499a-47c3-9a53-a63a5efc49ba.woff") format("woff");
}
@font-face{
    font-family:"Big Caslon FB W00 Italic";
    src:url("fonts/6205178/aa023a7f-7999-4b52-bc40-67addfbd1b4f.woff2") format("woff2"),url("fonts/6205178/835b47e4-84c6-42d8-ade0-7726c3db4c49.woff") format("woff");
}
html,body{
	margin:0;
	padding:0;
	font-family:'Avenir',sans-serif;
	font-size:16px;
	background-color:#FFF;
	line-height:1.6;
}
@media (min-width: 1200px){
    .container {
        /*width: 1280px;*/
    }
}
@media (max-width: 992px){
    .dashboardtop .wbtitle { display:block !important; width:100% !important; height:50px; text-align:center;}
	.ucardinfo { width:100%;}
}
ul,li { list-style:none; padding:0;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family:'Big Caslon',Arial,sans-serif;}
body.zh,body.zh h1,body.zh h2,body.zh h3,body.zh h4,body.zh h5,body.zh h6,body.zh .popover,body.zh a,body.zh div,body.zh .headlinkbg span {
    font-family:'Avenir';
}

.modal-content { margin:-2px; box-shadow:none; border-radius: 0;}
.modal-backdrop.in { opacity:0.8;}
.modal-backdrop { background-color:#281C10;}
.form-group1 { margin-bottom:30px;}
/*
.fullcont{ position: relative; max-height: 150px;overflow: hidden;}
.fullcont::after{content: "..."; position: absolute; bottom: 5px; right: 15px; padding-left: 10px; background:transparent;}
*/
background: -webkit-linear-gradient(left, transparent, #fff 55%);
background: -o-linear-gradient(right, transparent, #fff 55%);
background: -moz-linear-gradient(right, transparent, #fff 55%);
background: linear-gradient(to right, transparent, #fff 55%);

@media (min-width:1920px){.container{width:1280px}}
.clear { clear:both;}
.mainpage { /*min-height:100%;*/min-height:1000px; position:relative; padding-bottom:225px;}
#register { padding-bottom:90px;}

.fullfixeddiv { bottom:0; left:0; position:fixed; right:0; top:0; z-index:1030; background:rgba(40,28,16,0.8);}
.fullheader { z-index:1031;}
header { background-color:#D61C38; color:#FFF; position:relative; z-index: 2;}
header a,header a:hover,header a:focus { color:#ECEBE3;}
.headrow { position:relative; }
.weblogo { max-width:300px; padding: 10px 0;}
.logo_login{ max-height:35px;max-width:300px; padding:2px 0;}
.headlink { position:absolute; bottom:0; padding:5px; left:0px; z-index:2; cursor:pointer;/*padding-bottom: 2px;*/}
.headlink_R { right:22px; left:auto;color:white}
.headlink_b { left:20%;padding-left:20px}
.headlink_b > .dropdown-menu { box-shadow:none; background-color:#846A39; border-radius:0; border:none; margin:-1px 0 0; padding:10px 0; width:425px;}
.headlink_b > .dropdown-menu > li > div {padding: 5px 20px;}
.headlink_b > .dropdown-menu > li > a { color:#ECEBE3;}
.headlink_b > .dropdown-menu > li > a:hover,.headlink_b > .dropdown-menu > li > a:focus { color:#ECEBE3; background-color:#846A39;}
#lanmenu > img { margin-right:10px; width:16px;}
.headlinkbg { bottom:0; padding:6px 30px; height:100%; /*border-top-left-radius:2px; border-top-right-radius:2px;*/}
/*.headlinkbg:hover { background-color:#A07F3C;}*/
.signintxt {  display: flex; border-bottom:3px double #FFF; border-top:3px double #FFF; line-height:35px; margin-right:25px; padding-left:15px; padding-right:5px; font-size:14px;width: 97%;margin-top: 10px;}
nav { background-color:#FFF; color:#2D1912; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);}
nav a,nav a:hover,nav a:focus { color:#141414;}
footer { background-color:#D61C38; color:#FFF; line-height:28px; position:absolute; bottom:0; width:100%; background-image:repeating-linear-gradient(35deg, #DE4960 0%, #DE4960 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 87px),repeating-linear-gradient(-35deg, #DE4960 0%, #DE4960 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 87px);}
footer a,footer a:hover,footer a:focus {
    color:#FFF; font-family: 'Avenir';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
}
footer > .container { padding:15px;}
footer ul > li:first-child strong { line-height:50px;font-weight:normal;font-size: 14px;}
footer ul i { color:#FFF;}
.ulborder { border-right:1px dashed #C6BB9E;}
.ulborder i { margin-right:15px; font-size:14px;}
.copyright,.copyright a { color:#FFF; line-height:50px; font-size:12px;}

.logoutmenu { text-align:center; width:225px; line-height:25px; padding-bottom:4px;}
.logoutmenu.open,.logoutmenu .dropdown-menu { background-color:#846A39; width:225px; margin:0; border-radius:0; box-shadow:none; border:none;}
.logoutmenu .dropdown-menu li a,.logoutmenu .dropdown-menu li a:hover { background-color:#846A39; line-height:40px; color:#ECEBE3; text-align:center;}

.topnav { padding:0 6%;}
.topnav li { line-height:35px;}
.topnav li:hover:not(:first-child){background-color: #AB2424} .topnav li:hover:not(:first-child) > a { color:#FFF !important;}
.topnav li.active > a { color:#FFF !important;}
.topnav li:last-child{ border:none;}
.nav-tabs.nav-justified > .active {background-color: #AB2424;}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { border:none; background:none;}
.nav-tabs.nav-justified > li > a { border:none;font-family: 'Avenir'; font-style: normal; font-weight: 900; font-size: 12px;margin: 3px 0;}
.nav > li > a:focus,.nav > li > a:hover{background:none;}

.topnav > li .img { width:32px; height:32px; margin:9px auto; background-size:100%; background-repeat:no-repeat;}
.navmenu_myredcard .img { background-image: url(../images/icon-MyRedCard.png);}
.navmenu_benefits .img { background-image: url(../images/icon-Benefits.png);}
.navmenu_promotions .img { background-image: url(../images/Icon-Promotionsbak.png);}
.navmenu_gift .img { background-image: url(../images/icon-Gift.png);}
.navmenu_new .img { background-image: url(../images/whats-new-icon.png);}
.navmenu_myredcard:hover .img,.navmenu_myredcard.active .img { background-image: url(../images/icon-MyRedCard.png);}
.navmenu_benefits:hover .img,.navmenu_benefits.active .img { background-image: url(../images/icon-Benefits-over.png);}
.navmenu_promotions:hover .img,.navmenu_promotions.active .img { background-image: url(../images/icon-Promotions-over.png);}
.navmenu_gift:hover .img,.navmenu_gift.active .img { background-image: url(../images/icon-Gift-over.png);}
.navmenu_new:hover .img,.navmenu_new.active .img { background-image: url(../images/whats-new-icon-hover.png);}

section { /*min-height:525px;*/}
section > .container {/* padding:30px 15px;*/ color:#2C1811;}
.text-small { font-size:14px;}
.text-smaller { font-size:12px;}
.text-red,a.text-red:hover { color:#D63E4D;}
.text-darkgrey,a.text-darkgrey:hover,a.text-darkgrey:link { color:#2C1811;}
.text-gold,a.text-gold:hover,a.text-gold:link { color:#957840;}
.flkbox .text-gold2{ color:#FFF;display: flex;}
.text-gold2,a.text-gold2:hover { color:#FFF;}
.text-wihte,a.text-wihte:hover { color:#FFF; text-decoration:none;}
.text-littleblack,a.text-littleblack:hover { color:#141414; text-decoration:none;}
.text-littleblack>h2{font-family: 'Big Caslon';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
}
.text-littleblack> .form-group{
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
}
.text-pink,a.text-pink:hover { color:#FC99A4;}
.text-pink2,a.text-pink2:hover { color:#BC636C;}
.text-pink3,a.text-pink3:hover { color:#EB98C4;}
.text-blue,a.text-blue:hover { color:#5F8BBC;}
.text-green,a.text-green:hover { color:#80B633;}
.text-green2,a.text-green2:hover { color:#2A7339;}
.text-grey,a.text-grey:hover { color:#B0B2B1;}
.text-grey2,a.text-grey2:hover { color:#75685F;}
.text-black,a.text-black:hover { color:#2A1C13;}
.text-diamond,a.text-diamond:hover { color:#231B1B;}
.text-zise { color:#884898;}
.hrst01 { height:2px; width:100%; background-color:#CBC9BD; border:none; border-bottom:1px solid #F1F1E9;}
.hrst02 { height:1px; width:100%; background-color:#CBC9BD; border:none;}

.form-control,.btn { border-radius:0;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus,a:focus { outline:none;}
.btn-red,.btn-red:active {
    /*background: -moz-linear-gradient(top, #C50A35 0%, #AD1E32 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C50A35), color-stop(100%,#AD1E32));
    background: -webkit-linear-gradient(top, #C50A35 0%,#AD1E32 100%);
    background: -o-linear-gradient(top, #C50A35 0%,#AD1E32 100%);
    background: -ms-linear-gradient(top, #C50A35 0%,#AD1E32 100%);
    background: linear-gradient(to bottom, #C50A35 0%,#AD1E32 100%);
    border-color: #AD1E32;*/
	background:#D61C38;
    color: #fff;
	/*padding:6px 20px;*/
}
.btn-red:hover,.btn-red:focus { color:#FFF;background:#940517;}
.btn-gold,.btn-gold:active {
    /*background: -moz-linear-gradient(top, #BC890A 0%, #BB8A0A 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BC890A), color-stop(100%,#BB8A0A));
    background: -webkit-linear-gradient(top, #BC890A 0%,#BB8A0A 100%);
    background: -o-linear-gradient(top, #BC890A 0%,#BB8A0A 100%);
    background: -ms-linear-gradient(top, #BC890A 0%,#BB8A0A 100%);
    background: linear-gradient(to bottom, #BC890A 0%,#BB8A0A 100%);*/
    border-color: #846A39;
    color: #fff;
}
.btn-gold:hover,.btn-gold:focus { border-color: #A07F3C; color:#FFF;}
.btn-back,.btn-back:active {
	background-color:#421E1E;
    border-color: #421E1E;
    color: #fff;
}
.btn-back:hover,.btn-back:focus { color:#FFF;}
.btn-grey,.btn-grey:active {
	background-color:#A2A2A2;
    border-color: #A2A2A2;
    color: #fff;
}
.btn-grey:hover,.btn-grey:focus { color:#FFF;}
.fullheightbox { position:relative; margin:0; padding-bottom:30px;}
.container_p { padding:30px 15px;}

.adbg { background-color:#5B2411; color:#ECEBE3; padding:40px 0;overflow:hidden;}
.adbg > .container { position:relative; min-height:180px;}
.adbg .bg_l { position:absolute; bottom:-40px; left:-60px;}
.adbg .bg_r { position:absolute; top:-40px; right:-60px;}
.pages-ad-r { width:320px; position:absolute; right:0; top: 0;}
.g_slbox{margin-right: 304px;}
.flkbox { border-radius:2px; padding:0 15px 10px; display:inline-block !important; line-height:1.5;  }
.flkbox img { width:60%; height:auto;}
.flkbox h2{ margin-top: 0; margin-left: -15px;font-family: 'Big Caslon';font-style: normal;font-weight: 500;}
.flkboxred02 h2 { margin-top:10px; margin-bottom:5px; font-size:24px;}
.flkbox > div { line-height:40px;}
.flkboxred01 { background: url(../images/Rectangle01.png) no-repeat; background-color:#BB020E; border-radius:2px; display:block; cursor:pointer; color:#ECEBE3; padding:0 15px;}
.flkboxred01:hover { background: url(../images/Rectangle01-hover.png) no-repeat; background-color:#A07E3B; color:#ECEBE3; text-decoration:none;}
.flkboxred02 { width: 100%; background: url(../images/rectangle03.png) no-repeat right; background-size:100%; border-radius:2px; cursor:pointer; padding:5px 35px 5px 20px; font-size:14px;display:inline-block;margin-top: 10px}
/*.flkboxred02:hover { background: url(../images/Rectangle02-hover.png) no-repeat right; background-size:100%;}*/

.cards_slider { background-color:#930513; background-position:93% center; background-repeat:no-repeat; border-radius:2px; padding-bottom:10px;}
.mrcbox01,.mrcbox { background: url(../images/Rectangle01.png) no-repeat right; border-radius:2px; cursor:pointer; padding:0 15px;}
.mrcbox01:hover { background: url(../images/Rectangle01-hover.png) no-repeat right;}2
.mrcbox { background: url(../images/Rectangle02.png) no-repeat right; width:100%; height:100%;}
.mrcbox:hover { background: url(../images/Rectangle02-hover.png) no-repeat right;}

/*login CSS*/
.logincards { text-align:left;}
.logincards li { padding:0 15px; font-size:12px;}
.card { position:relative; margin-bottom:15px;}
.card:last-child{ margin:0;}
.cardtext { position:absolute; width:48%; height:100%; left:20px; padding-top:20px;}
.cardtext h3 { margin-top:0;}
.cardtext2 { width:100%; left:0; padding-top:12%;}
.cardtext2 h4 { color:#BA8A0A;}
.btn-more { display:table; padding:4px 20px; border-radius:20px;}
.btn-more.more-w,.btn-more.more-w:hover { background-color:#FFFFFF; color:#B81534;}
.btn-more.more-opc,.btn-more.more-opc:hover { background-color:rgba(255,255,255,0.5); color:#ECEBE3;}
.more-position { position:absolute; bottom:15px;}
.card > img { max-width:100%; border-radius:2px;}

/*.loginbox { background:url(../images/login_bg.png) no-repeat right bottom; background-color:#EEEBE4; border-radius:2px;width:70.7%; position:absolute; height:100%; right:0;}*/
.loginbox{ background: url(../images/login_bg_2.png) no-repeat; background-position: right bottom;}
.loginform { padding:8% 6%; width:50%; height:100%;}
.loginbox input { background-color:#A29994; color:#ECEBE3;}
.loginbox .form-control::-webkit-input-placeholder{ color:#BBB;}
.loginbox .form-control::-moz-placeholder{ color:#BBB;}
.loginbox .form-control:-moz-placeholder{ color:#BBB;}
.loginbox .form-control:-ms-input-placeholder{ color:#BBB;}

.loginpop { background-color:#EFEEE7; border:5px solid #957840; position:absolute; display:table; width:100%; top:80px; z-index:1; color:#333; display:none;}
.loginpop .popover { position:relative; max-width:100%; padding:30px 0; background:none; border:none; box-shadow:none;}
.loginpop h3 { font-weight:bold;}
.popover.top > .arrow { top:10px; border-top-color:#D61C38; left:40px;}
.popover.top > .arrow::after { border-top-color:#D61C38;}
.loginblock { border-right:1px solid #D6D5CF; position:relative; font-size:15px;}
.loginblock:last-child { border:none; height: 283px;}
.loginblock .loginbtn { position:absolute; bottom:15px;}
.date > input[readonly]{ background-color:#FFFFFF; border-right:none;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.075) inset}
.date .input-group-addon { background-color:#FFFFFF;}

.modalclosebtn { background-color:#727272; padding: 9px; position:absolute; right:-60px; cursor:pointer; color:#FFF; width: 38px; height:38px;}
.bigclose.modalclosebtn { background-color:#727272; border-radius:4px; position:fixed; right:-65px; top:4%; font-weight: lighter; cursor:pointer; color:#FCF5EA;}
.modalclosebtn:hover { background-color:#141414;}
#loginmodal .modal-dialog { width:450px; margin:10% auto; border:8px solid #957840; border-radius:6px; position:relative;}
#loginmodal .modal-content { background-color:#EFEEE7; display:table; color:#333; padding:20px 0 30px 30px; box-shadow:none; margin:-2px;}
#loginmodal .form-horizontal .control-label { padding-right:0;}

#registerModal .modal-dialog { max-width:400px; margin:10% auto; border:8px solid #846a39; border-radius:6px;}
#registerModal .modal-content { background-color:#EFEEE7; display:table; color:#333; padding:10px 20px 20px; box-shadow:none; margin:-2px;}

#btnmodal .modal-dialog { max-width:400px; margin:10% auto; border:8px solid #957840; border-radius:6px; position:relative;}
#btnmodal .modal-content { background-color:#EFEEE7; display:table; color:#333; padding:30px; box-shadow:none; margin:-2px;}

#dig .modal-dialog { max-width:350px; margin:10% auto; }
#dig .modal-content { background-color:#EFEEE7; color:#333; padding:20px; box-shadow:none; margin:-2px;}



/*password CSS*/
.pwdbox { background-color:#EEEBE4; border-radius:2px;width:70.7%; position:absolute; height:100%; right:0; padding:5% 0;}
.pwdform { padding:0 8%;}
.pwdbox input { background-color:#A29994; color:#ECEBE3;}
.pwdbox .pwdgroup input { border-right:none;}
.pwdbox .pwdgroup .input-group-addon { background-color:#a29994;}
.pwdbox .pwdgroup i { color:#ECEBE3; cursor:pointer;}
.pwdbox .form-control::-webkit-input-placeholder{ color:#BBB;}
.pwdbox .form-control::-moz-placeholder{ color:#BBB;}
.pwdbox .form-control:-moz-placeholder{ color:#BBB;}
.pwdbox .form-control:-ms-input-placeholder{ color:#BBB;}
.stepbg > div { background:url(../images/stepbg-dis.png) no-repeat center; float:left; width:100px; height:30px; line-height:30px; text-align:center; margin-right:15px;}
.stepbg > div.active { background:url(../images/stepbg-a.png) no-repeat center;}


/*About Us CSS*/
.title_bg { background: url(../images/title_bg.jpg) no-repeat; background-position:left center; background-size:100% auto; color:#ECEBE3; padding:20px;}
.title_bg h2 { margin:0;}
.menusul { height:100%; margin-bottom:30px; /*border-top:1px solid #920919;*/ margin-bottom:0\0;}
.menusul li { background-color:#ECEBE3; line-height:50px; border-bottom:1px solid #CBC9BD; text-align:center; text-transform: uppercase;}
/*.menusul li:last-child { border-bottom:none;}*/
/*.menusul li img { margin-bottom:-5px; width:50px; background-color:#ecebe3; border-radius:50%;}*/
.menusul li .img { width:50px; height: 50px; background-color:#ecebe3; border-radius:50%; margin:0 auto; margin-bottom:-5px; background-position: center center; background-size: 100% auto;}
.menusul .menu_md .img { background-image:url(../images/mrc_menu01.png);}
.menusul .menu_mb .img { background-image:url(../images/mrc_menu02.png);}
.menusul .menu_mo .img { background-image:url(../images/mrc_menu03.png);}
.menusul .menu_mgc .img { background-image:url(../images/mrc_menu04.png);}
.menusul .menu_mer .img { background-image:url(../images/mrc_menu05.png);}
.menusul .menu_news .img { background-image:url(../images/whats-new-icon.png);}
.menusul .menu_md:hover .img,.menusul .menu_md.active .img { background-image:url(../images/mrc_menu01_cover.png);}
.menusul .menu_mb:hover .img,.menusul .menu_mb.active .img { background-image:url(../images/mrc_menu02_cover.png);}
.menusul .menu_mo:hover .img,.menusul .menu_mo.active .img { background-image:url(../images/mrc_menu03_cover.png);}
.menusul .menu_mgc:hover .img,.menusul .menu_mgc.active .img { background-image:url(../images/mrc_menu04_cover.png);}
.menusul .menu_mer:hover .img,.menusul .menu_mer.active .img { background-image:url(../images/mrc_menu05_cover.png);}
.menusul .menu_news:hover .img,.menusul .menu_mer.active .img { background-image:url(../images/whats-new-icon-hover.png);}
.menusul li > a,.menusul li > a:focus { color:#2C1811; text-decoration:none; padding:0 15px; font-size:16px; display:block;}
.menusul li:hover,.menusul li.active { background-color:#FFF;}
.menusul li:hover > a,.menusul li.active > a { color:#D61C38; text-decoration:none;}
.aboutusmenu,.aboutusmenu > li,.aboutusmenu li:hover,.aboutusmenu li.active { background:none; border:none; text-align:left;}
.mymenu { margin-left: -15px; margin-bottom:30px; background:#ECEBE3; padding:0; width:24%;margin-right:1%;min-height:900px;}
.mymenu2{ margin-bottom:30px; background:#ECEBE3; padding:0; width:24%;margin-right:1%;min-height:900px;}
#promotions .menusul li > a, #news-container .menusul li > a, #notifications .menusul li > a { line-height:40px; padding:10px 0;}
#promotions h2.text-pink { margin-top:0;}
.article {
	/*background-image:url(../images/about_bg.jpg);*/
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:100% auto;
	padding:15px 30px;
	/*position:absolute;
	height:100%;
	right:0; */
}
.article hr { background:#a28a1a; border:none; height:1px; width:100%; float:left;}
.article a,.article a:hover,.article a:focus { color:#a28a1a; text-decoration:none;}
.article ul li { padding-left:30px; position:relative;}
.article ul li > i { position:absolute; left:0;}
.article img { max-width:100%;}
.tb-style-2 .tb-head { background-color:#D61C38; padding:15px 0;}
.tb-style-2 .tb-body .tb-row > div { padding:5px 15px;}
.tb-style-2 .tb-body .tb-row { background-color:#8a000f;}
.tb-body .tb-row:nth-child(2n) { background-color:#b20010;}

/*Privacy Policy CSS*/
.article_bg_full { background-color:#DEDCCD; color:#4B4B4B; margin-bottom:-30px; padding-bottom:30px; font-size:15px; line-height:2;}
.article_bg_full hr { background-color:#A6A498; height:1px; border:none;}
/*.article_bg_full h4 { padding:5px 30px;}*/
.paragraphbg { background-color:#E6E4D7; border-radius:2px; padding:15px 30px; margin-bottom:20px;}

/*Sitemap CSS*/
.sitemap { text-transform:uppercase;}
.sitemap a,.sitemap a:hover,.sitemap a:focus { color:#4B4B4B; line-height: 25px}
.sitemap h4 { margin:0 0 32px 32px; padding:0;}

/*Promotions CSS*/
.por_headerbg { background-color:#D61C38; width:100%; padding:10px 15px; border-radius:2px; margin-bottom:15px;}
.por_headerbg ul > li { float:left; background-color:#800411; line-height:34px; padding:0 10px; margin-right:15px; border-radius:4px; color:#F1E7E6; cursor:pointer;}
.por_headerbg ul > li:last-child,.por_headerbg ul > li:first-child { background:none; margin-right:0; color:#ECEBE3;}
.por_headerbg ul > li.active { color:#ECEBE3;}
.input-group > .glyphicon { top:0;}
.databox { margin-right:-15px;}
#data > div { padding-left:0;}
.procardsbg { background-color:#FCF5EA; text-align:center; position:relative; margin:15px 0; cursor:pointer; color:#141414; height:100%; overflow:hidden; }
.procardsbg:hover { background-color:#FCF5EA;}
.markcard { position:absolute; top:0; left:0; width:80px !important; height:80px !important;}
.procardsbg h3 { color:#333 !important;}
.procardsbg img { width:100%;}
.procardstxt { width:100%; padding:15px 10px 70px;}
/*.procardstxt h4 { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}*/
.procardstxt > .text-red,.giftcardstxt > .text-red {
    font-family: "Roboto-Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bolder;
    font-size:26px;
}
.prosmalltxt { font-size:14px; position:relative;}
.prosmalltxt > img { position:absolute; left:0; top:11px; left:-1px; height:2px; width:100%;}
.procardstxt > .bookbtn {
    /*position:absolute; */
    width:100%; bottom:30px; left:0;}
.procardstxt > .bookbtn .btn { width:55%; min-width: 140px;}
.procardstxt h4 { font-size:22px; font-weight:bold;}
.procardstxt h3{height:70px; font-weight:bold; margin-top:10px;}

.homecards { background: url(../images/fourcards.png) right center no-repeat; background-size:45% auto;}

.homeprosection, .homenewsection { padding-top:50px; padding-bottom:40px;margin-bottom:5px; color:#ECEBE3; width:100%; overflow:hidden;position:relative;}
.homeprosection { background: url(../images/pro-right-top.png) top -20% right no-repeat;}
.homenewsection { background: url(../images/new-left-bottom.png) bottom 20% left no-repeat;}
.homeprosection > .container, .homenewsection > .container { position:relative;}
.homeprosection > .container > .section-title, .homenewsection > .container > .section-title {
    font-family: 'Big Caslon';
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    position:relative;
    z-index:1;
}
.container > .card-container-line {border-top:1px solid #A1A1A1;}

.homeprobg > .img { min-height:100%; min-width:100%; position:absolute; left:0;}
.homeprotype { position:absolute; bottom:0; width:100%; padding:10px 65px 45px 35px; text-align:left;}
.homeprotype #cardtype { text-align:left; position:relative;}
.homeprotype #cardtype > span { position:absolute; right:15px;}
.homeprotype .dropdown-menu { width:100%; background-color:#846A39;}
.homeprotype .dropdown-menu > li { padding:5px 15px;}

.procardsbox { position:relative; text-align:center; z-index:2; margin-bottom:20px;}

.promodal .modal-content { background-color:#2C1811; color:#ECEBE3;}
.modaltitle {
    width:100%;height: 109px; position: absolute; margin-top:-108px; padding-bottom:10px !important;background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%);
    background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%););
    background: -o-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%););
    background: -ms-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%););
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);}
.promodaltxt { padding:30px; line-height: 25px}
.promodaltxt .btn { padding:6px 50px;}
.promodaltxt .hasicon { position:relative; padding-left:30px;}
.promodaltxt div.hasicon { padding-left:20px;}
.promodaltxt .hasicon .icon_i { position:absolute; left:0;}
.promodaltxt #pro_end_time {margin-top: 0px;font-weight:bold;}
#pro_special_price { font-size:30px;font-weight:bold; line-height:40px;}

.mCSB_inside > .mCSB_container { margin-right:0 !important;}
/*.mCSB_scrollTools .mCSB_draggerRail { background-color:transparent !important;}*/
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:rgba(190,190,190,0.75) !important;}
.mCSB_scrollTools .mCSB_draggerRail,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:10px !important;}
.mCSB_scrollTools { top:5px !important; bottom:5px !important;}

.btn-pro,.btn-pro:active {
    background-color:#D61C38;
    color: #fff;
}
.btn-pro:hover,.btn-pro:focus { color:#FFF; background-color:#D61C38;}
.searchbtn > input,.searchbtn > input:focus,.searchbtn > span { background-color:#C74747; border-color:#C74747; color:#ECEBE3; box-shadow:none;}
.searchbtn .form-control::-webkit-input-placeholder{ color:#ECEBE3;}
.searchbtn .form-control::-moz-placeholder{ color:#ECEBE3;}
.searchbtn .form-control:-moz-placeholder{ color:#ECEBE3;}
.searchbtn .form-control:-ms-input-placeholder{ color:#ECEBE3;}

/* Benefits */
	#benefits { padding-right:0; overflow: hidden; background: url('../../style/images/benefit-right-top.png') right top 540px no-repeat,url('../../style/images/benefit-left-bottom.png') left bottom 620px no-repeat;}
    #benefits hr {
        border-top: 1px solid #CFC8B5;
    }

    #benefits .card_type {
        width: 40%;
        font-size: 20px;
    	padding-left:20px;
    	border-top:1px solid #CFC8B5;
    }
    #benefits .card_type h4 { line-height:40px; font-weight:bold;font-size:20px;}

    #benefits .card_type_head {
		display: block;
        width: 12%;
        font-size: 15px;
        font-weight: bolder;
    	border-top:1px solid #CFC8B5;
    }

    #benefits .bg_Red {
        background: #a80214;
    }

    #benefits .bg_Gold {
        background: #816531;
    }

    #benefits .bg_Diamond {
        background: #797979;
    }

    #benefits .bg_Chairman  {
        background: #23130e;
    }

    #benefits .tips {
        background: #6D6D6D;
        vertical-align: middle;
    	padding-left:20px;
    }

    #benefits .tips > a {
        color: #FFF;
        font-size: 20px;
        text-decoration: none;
    }

    #benefits .card {
        text-align: center;
        vertical-align: middle;
        border-left: 1px dotted white;
    	font-size:14px;
    	line-height:30px;
    	padding:2px;
    }
    #benefits thead .card {font-weight: bold;}

	#benefits table { border-collapse:separate; margin-bottom:10px;}

    #benefits table > tbody > tr .content {
        padding-left: 20px;
        background: #FCF5EA;
        vertical-align: middle;
    }

    #benefits table > tbody > tr > td {
        border-bottom: 1px solid #CFC8B5;
    	border-top:none;
    }

    #benefits .circle {
        margin: auto;
        border-radius: 50%;
        width: 10px;
        height: 10px;
    }

    #benefits .text-small {
        color: white;
    }

    #benefits .text-line {
        text-decoration: line-through;
        -moz-text-decoration-color: #D63E4D;
    }

/*My */
.redline { height:4px; background-color:#D81A1C;}
.goldline { height:4px; background-color:#A18A1A;}
.diamondline { height:4px; background-color:#B0B2B1;}
.chairmanline { height:4px; background-color:#231A1B;}
#protitle { /*margin-bottom:25px;*/ margin-top:40px;}
#promotions,#news-container,#notifications { min-height:100%; padding:0 30px;}

.benefitinfo { margin-bottom:40px;}
.benefitinfo > div { border-right:1px solid #7E0C18; border-left:1px solid #AE1427; display:inline; position:relative; padding-bottom:25px;}
.benefitinfo > div:first-child { border-left:none; display:inline; padding-bottom:0;}
.benefitinfo > div:last-child { border-right:none;}
.benefitinfo .card-w { width:20%;} .benefitinfo .info-w { width:15%;}
.benefitinfo .text-pink2 { position:absolute; bottom:0;}
.benefitinfo img { width:100%;}
.dollars { padding:0 8px; text-align:center; color:#ECEBE3; margin-top:55px; min-width:200px;}
.dollars > div > .icobox { position:absolute; width:100%; top:-46px;width:90px; height:90px;overflow:hidden;margin-left: -45px;left: 50%;}
.dollars > .rcdbox > .icobox { /*background-color:#910512;*/ border-radius:50%;}
.dollars > .tgcbox > .icobox { /*background-color:#2C0055;*/ border-radius:50%;}
.dollars > .sgcbox > .icobox { /*background-color:#003F20;*/ border-radius:50%;}
.dollars > .rcdbox > .icobox > img { width: 80px;/*margin-top: 22px*/}
.dollars > .tgcbox > .icobox > img { width: 80px;/*margin-top: 22px*/}
.dollars > .sgcbox > .icobox > img { width: 80px;/*margin-top: 22px*/}
.dollars:last-child { padding-right:0; padding-left:7px;}
.rcdbox,.tgcbox,.sgcbox { line-height:35px; border:4px solid #997F4C; border-radius:4px;padding-top:35px;position:relative; cursor:pointer;}
.bignum { font-size:30px; line-height:80px; margin-top:5px;}
.rcdbox { background-color:#910512;} .rcdbox .bignum,.rcdbox .text-small { background-color:#820410;}
.tgcbox { background-color:#2C0055;} .tgcbox .bignum,.tgcbox .text-small { background-color:#210144;}
.sgcbox { background-color:#003F20;} .sgcbox .bignum,.sgcbox .text-small { background-color:#01391E;}
#tablemodal .modal-dialog { margin-top:15%; width:360px; width:400px\0; border:7px solid #957840; border-radius:8px; line-height:1.8; left: 50%; margin-left:-180px;}
#tablemodal .modal-content { margin:-2px; padding-top:40px; padding-bottom:15px; background-color:#2C0055; border-radius:6px;}
#tablemodal .icobox { position:absolute;top:-45px; text-align:center;width: 90px;height: 90px;/*background-color: #2C0055;*/border-radius: 50%;  left: 50%;  margin-left: -45px;}
#tablemodal .icobox > img { width: 80px;/*margin-top: 22px;*/}

#rcdmodal .modal-dialog { margin-top:15%; width:350px; border:7px solid #957840; border-radius:8px; line-height:1.8; left: 50%; margin-left: -175px;}
#rcdmodal .modal-content { margin:-2px; padding-top:40px; background-color:#910512; border-radius:6px;}
#rcdmodal .icobox { position:absolute;top:-45px; text-align:center;width: 90px;height: 90px;/*background-color: #910512;*/border-radius: 50%;  left: 50%;  margin-left: -45px;}
#rcdmodal .icobox > img { width: 80px;/*margin-top: 22px;*/}

#sgcmodal .modal-dialog { margin-top:15%; width:350px; border:7px solid #957840; border-radius:8px; line-height:1.8; left: 50%; margin-left: -175px;}
#sgcmodal .modal-content { margin:-2px; padding-top:40px; background-color:#003f20; border-radius:6px;}
#sgcmodal .icobox { position:absolute;top:-45px; text-align:center;width: 90px;height: 90px;/*background-color: #003f20;*/border-radius: 50%;  left: 50%;  margin-left: -45px;}
#sgcmodal .icobox > img { width: 80px;/*margin-top: 22px;*/}

.tcmodal .modal-content { background-color:#FCF5EA;color:#2C1811;}
.tcmodal .tersmcontent { padding:0 15px;}

.ucardinfo { display:inline-block !important; padding-right:0;}
.ucardinfo h4 { font-size:20px;}
.ucardinfo > div { float:left; width:30%; margin-left:3%;}
.ucardinfo > div:last-child { width:27%; margin-left:7%; height:100%;}
.ucardinfo > div:last-child img { width:100%; height:auto;}


.linebox { padding:0;}
.linebox > div { position:relative; margin-bottom:20px;}
.linebox #currenticon { position:absolute; bottom:15px;bottom:-5px\0;}
.linebox .currentstatus { background-color:#A28A1A; border-radius:2px; bottom:0; bottom:20px\0; color:#ECEBE3; left:-69px; line-height:30px; position:absolute; text-align:center; width:130px;}
.linebox .currentstatus .caret { padding:0; margin:0; left:50%; position:absolute; bottom:-3px; color:#A28A1A;}
.linebox #currenticon.red .currentstatus { background-color:#D61C38;} .linebox #currenticon.red .caret { color:#D61C38;}
.linebox #currenticon.gold .currentstatus { background-color:#B1962D;} .linebox #currenticon.gold .caret { color:#B1962D;}
.linebox #currenticon.diamond .currentstatus { background-color:#515151;} .linebox #currenticon.diamond .caret { color:#515151;}
.linebox #currenticon.chairman .currentstatus { background-color:#2C180F;} .linebox #currenticon.chairman .caret { color:#2C180F;}
.cardline { width:100%;display:table; margin-bottom:30px;}
.cardline > div { float:left;}
.cardline > div > .lines { background-color:#D7D5C8; height:8px;}
.cardline > div .linesover { border-left:2px solid #ADAFA4; width:2px; height:8px;}
.cardline > div:last-child .linesover { border-left:2px solid #2D1810;}
.cardline > div > img { margin-top:15px; margin-left:-2px;}
.line-red { width:25%; color:#D21516; }
.line-red .linesover.over { background-color:#D61C38; border-left:2px solid #EB263A; position:relative;}
.line-gold { width:25%; color:#A28A1A; }
.line-gold .linesover.over { background-color:#B1962D; border-left:2px solid #C0A220; position:relative;}
.line-diamond { width:50%; color:#515151; }
.line-diamond .linesover.over { background-color:#515151; border-left:2px solid #8B8A85; position:relative;}
.line-chairman { width:2px; color:#2D1810; margin-left:-2px;}
.line-chairman > img { margin-left:-32px !important;}
.line-chairman .cmtxt { position:absolute; right:0;}

.benefitdatabg { background-color:#800411; border-radius:2px; margin:0;}
.benefitdatabg h4,.benefitinfo h4 { margin:0;}
.benefitdatabg > div { border-right:1px solid #D61C38; padding:15px; position:relative;}
.benefitdatabg > div:last-child { border-right:none;}
.benefitdatabg .data_L,.benefitdatabg .data_R { width:50%; float:left; display:block;}
.benefitdatabg .data_R { float:right; text-align:right;}

.giftcardsbg { background-color:#FCF5EA; text-align:center; position:relative; margin:15px 0; cursor:pointer; color:#333; height:100%; overflow:hidden; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);}
.giftcardsbg:hover { background-color:#FCF5EA;}
.giftcardsbg h3 { color:#333 !important;}
.giftcardsbg img { width:100%;}
.giftcardstxt { width:100%; padding:15px 15px 130px;}
.giftcardstxt > .getbtn { position:absolute; width:100%; bottom:15px; left:0;}
.giftcardstxt > .getbtn > a { padding:6px 50px;}
.giftcardstxt > .getbtn > .giftfor { height:60px;}
.giftcardstxt > .getbtn > .giftfor span { white-space:nowrap; padding:0 2px;}
.giftcardstxt > .getbtn > .giftfor p { margin-bottom:5px;margin-top:10px;}
.giftcardstxt h5 { font-size:18px; margin-top:5px;font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif}
.giftcardstxt h3{height:70px; margin-top:10px;font-weight:bold;}


.gift_headerbg { width:100%; padding:0; margin-bottom:15px;}
.gift_headerbg ul { margin:0;}
.gift_headerbg ul > li { float:left; background-color:#800411; line-height:40px; border-right:1px solid #D61C38; text-align:center; color:#ECEBE3; cursor:pointer;}
.gift_headerbg ul > li:last-child { border-right:none;}
.gift_headerbg ul > li:hover,.gift_headerbg ul > li.active { background-color:#D61C38;}

/* Gift Catalogue*/
.giftfilter { padding:0; line-height:50px;}
.giftfilter > div > ul { margin:0;}
.giftfilter > div > ul > li { line-height:25px; font-size:14px; border:1px solid #A1A1A1; margin-right:7px; background-color:#FFF; width:190px; }
.giftfilter > div > ul > li:first-child { width:218px; }
.giftfilter .dropdown { padding:8px 10px; height:100%; cursor:pointer;}
.giftfilter .dropdown.open { background-color:#FFFFFF;}
.giftfilter .dropdown i { margin-top:7px;}
.giftfilter .dropdown-menu { width:100%; padding:0; border-radius:0; top:98%; border:none;}
.giftfilter .dropdown-menu > li { padding:10px; border-bottom:1px solid #D4D4D4;}
.giftfilter .dropdown-menu > li:hover,.giftfilter .dropdown-menu > li.active { background-color:#FCF5EA;}
.giftfilter .dropdown-menu > li:last-child { border-bottom:none;}
.giftfilter .cardsicon{ display:inline-block; width:20%; text-align:center;}
.giftfilter .cardsicon img { max-width:90%;max-height:28px;}
.rcdorder { cursor:pointer;}
/* My Promotins */
.profilter { padding:3px 0; line-height:25px;/*display:inline-block !important;*/}
.profilter > div { border:1px solid #CFC8B5; padding:8px; display:inline-block; text-align:center; width:120px; margin-right:5px; cursor:pointer; font-size:14px; text-transform:uppercase;}
.profilter > div:hover,.profilter > div.active { color:#D61C38; background-color:#FCF5EA;}
/* My Notifications */
.noti-filter { padding:3px 0; line-height:25px;/*display:inline-block !important;*/}
.noti-filter > div.js-ajax { border:1px solid #D61C38; padding:8px; display:inline-block; text-align:center; width:150px; margin-right:0px; cursor:pointer; font-size:14px;font-weight: 600;color: #D61C38;}
.noti-filter > div.js-cate { display:inline-block; text-align:left; width:160px; margin-right:5px; cursor:pointer; font-size:14px; text-transform:uppercase;}
.noti-filter > div:hover .js-ajax,.noti-filter > div.active { color:#FFFFFF; background-color:#D61C38;}
.noti-filter > div > ul > li { line-height:25px; font-size:14px; border:1px solid #CFC8B5; margin-right:7px; background-color:#FCF5EA; width:160px; }
.noti-filter .dropdown { padding:8px 10px; height:100%; cursor:pointer;}
.noti-filter .dropdown.open { background-color:#FFFFFF;}
.noti-filter .dropdown i { margin-top:7px;}
.noti-filter .dropdown-menu { width:100%; padding:0; border-radius:0; top:98%; border:none;}
.noti-filter .dropdown-menu > li { padding:10px; border-bottom:1px solid #E4E5E0;}
.noti-filter .dropdown-menu > li:hover,.noti-filter .dropdown-menu > li.active { background-color:#F7F8F3;}
.noti-filter .dropdown-menu > li:last-child { border-bottom:none;}
.noti-filter .cardsicon{ display:inline-block; width:20%; text-align:center;}
.noti-filter .cardsicon img { max-width:90%;max-height:28px;}
.h-noti-title{white-space: nowrap;display: inline-block;overflow: hidden;width: auto;max-width: 300px;text-overflow: ellipsis;line-height: 15px;}
.text-noti-cate{ border: 1px solid #b0962d;color: #b0962d !important;text-align:center;padding: 0 2px 0 2px;display: inline-block;width:110px;text-transform: uppercase;}
.noti-bubble{color: #ECEBE3; background-color: #b0962d;position: absolute; left:25px;top: 2px;width: 24px;height: 13px;border-radius: 3px;display: inline-block;font-size: 12px}
 .btn-noti{width: auto;margin-right: 20px;}
 .btn-view-detail{float:right}
 .h-noti-unread-pos{font-size: 5px;position: relative;left: -75px;width: 7px;top: -15px;display: inline-block;}
 .noti-unread-pos{font-size: 5px;color: #D61C38;position: relative;left: -10px;width: 7px;display: inline-block;}
 .noti-unread-dot{background: #D61C38;border-radius: 50%;width: 8px;height: 8px;position: relative;display: inline-block;}
 .noti-unread-num{position: absolute;left: 1px;top: -3px;width:100%;text-align: center;}
.js-noti-time{width:200px;display: inline-block;padding: 0 10px;text-align: center;}
 .noti-expired-icon{display: inline-block;background-color: gray;color: white;font-size: 12px;padding: 0 10px;border-radius: 15px;}
 .pic-gray {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}
 .img-cover{width: 82px;background: rgba(0,0,0,0.4);position: absolute;top: 10px;left: 22px;}
 .text-expired{text-align: center;display: block;color: #fff;height: inherit;line-height: 55px;font-size:12px}
.exclusive-red{color:#d21516}
.exclusive-gold{color:#a28a1a}
.exclusive-diamond{color:#515151}
.exclusive-chairman{color:#2d1810}
.text-gray{color:gray;}
/* My Profile */
.profile .row > [class*="col-"] {
    /*display:inline;*/
}
/* My Record */
.recordul {
	padding:0 15px;
}
.recordul > li {
	border-bottom:1px solid #ccc;
	padding:15px 0;
}
.r_spangrey {
	font-size:12px;
	color:#999;
}
.r_midtxt {
	margin:5px 0;
	font-size:18px;
}
.r_btn {
	width:100px;
	margin-top:20px;
	margin-left:5px;
}
.btn-record,.btn-record:active {
	background-color:none;
    border-color: #A18A1A;
    color: #A18A1A;
}
.btn-record:hover,.btn-record:focus { color:#A18A1A;}
.btn-recorddis,.btn-recorddis:active {
	background-color:none;
    border-color: #999;
    color: #999;
}
.btn-recorddis:hover,.btn-recorddis:focus { color:#999;}

container >.row{
        flex-wrap: nowrap;
}
/***************safari**************************************/

/*_::-webkit-full-page-media, _:future, :root .safari_only {*/
/*.signintxt { height:40px !important;}*/
/*.cardslider > li { display:block !important;float:left !important;}*/
/*.col-lg-3 {width:24.9%;}*/
/*.col-lg-4 { width:33.2% !important;}*/
/*.col-lg-6 { width:49.9 !important;}*/
/*.col-lg-7 { width:58% !important;}*/
/*}*/
/***************safari**************************************/




/* 修改于2017-2-8 小关 */
.g_user{
    width: 26px;
    height: 26px;
}
.g_myredcard{
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}
.g_myredcard .swiper-button-prev{
    width: 37px;
    height: 77px;
    background-image: url(../../style/images/pro_left_icon.png);
    left: -21px;
    right: auto;
    background-size: 100% 100%;
    top: 42%;
    z-index: 1;
}
.g_myredcard .swiper-button-next{
    width: 37px;
    height: 77px;
    background-image: url(../../style/images/pro_right_icon.png);
    right: -8px;
    left: auto;
    background-size: 100% 100%;
    top: 42%;
    z-index: 1;
}
.g_pofih{
    height: 21px;
    line-height: 21px;
    display: inline-block;
    overflow: hidden;
}

.procardstxt{
    padding-bottom: 30px;
}
.procardstxt > .bookbtn{
    height: 34px;
    position: static;
    margin-top: 60px;
}
.g_sideson{
    height: auto !important;
}


header {
    position: fixed;
    width: 100%;
    z-index: 11;
    top: 0;
    left: 0;
}

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

.adbg .container ul > li {
    left: 15px;
}
}
header {
    min-height: 122px;
}
.g_cont{
    margin-top: 172px;
}

.g_language{
    display: none;
}
.g_bannerbox{
    height: 100%;
}
.swiper-pagination-custom{
    display: none;
}
.g_sideson{
    margin-bottom: 15px;
    margin-top: 15px;
    padding-left: 0;
    padding-right: 0;
}
.g_smnosee{
    display: none !important;
}
.procardsbg{
    margin-left: 15px;
    margin-right: 15px;
    box-shadow: 0px 0px 12px rgb(0 0 0 / 12%);
}
.g_nusee{
    display: none;
    color: #846b35;
}
.g_nusee:hover, .g_nusee:focus{
    text-decoration: none;
    color: #846b35;
}
.headlinkbg.g_acts{
    background-color: #957840;
}
.modal-open{
    overflow: hidden;
    position: relative;
    height: 100%;
}
.g_ohidden{
    overflow: hidden;
    position: relative;
    height: 100%;
}
.g_ohidden2{
    overflow: hidden;
    position: relative;
    height: 100%;
}
.nav_relative_logout{
    overflow: auto;
}
.g_siderbox{
    width: 100% !important;
}
    #logoutmenu img{
        width: 26px;
        height: 26px;
    }
.open .fa-angle-down:before{
        content: "\f106";
}
.adbg .container{

	max-width:1280px;
}
.filter-menu1{
    height: auto !important;
    padding-bottom: 80px;

}
.filter-menu{
    height: auto !important;
    padding-bottom: 80px;
}
.linebox .chairman .text-smaller{
	left:auto;
	right:-10px;
}

.linebox .chairman .currentstatus .caret{
	right:5px;
	left:auto;
}


@media screen and (max-width: 992px){
    .adbg .container ul > li{
        min-width: 400px;
        top: 0;
    }
}

@media  (min-width: 769px) {
    .headrow{
        width: 750px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media  (min-width: 992px) {
    .headrow{
        width: 970px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media  (min-width: 1200px) {
    .headrow{
        width: 1170px;
        margin-left: auto;
        margin-right: auto;
    }
}

.g_ho1{
    display: none;
}
.g_basicshow span{
    color: #333;
}

.modaltitle h3{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-left: 28px;
    padding-right: 28px;
    word-wrap: break-word;
}
    .carousel-control{
        width: 8%;
    }
@media screen and (max-width: 992px) {
    .flkbox h2{
        font-size: 24px;
    }
}
@media screen and (max-width:1200px) {
    .dollars{
        width: 100%;
        margin-bottom: 30px;
        padding-bottom: 3px;
    }
    .rcdbox, .tgcbox, .sgcbox{
        border: none;
        line-height: 25px;
        padding-bottom: 4px;
    }
}
::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar{
	width: 5px;
	background-color: #F5F5F5;
}
.g_inblock{
	display:inline-block;
}
::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #CDCDCD;
}
@media screen and (max-width: 773px){
    ::-webkit-scrollbar{width:0;}
}
.p-content{
    display: flex;
}
@media screen and (max-width: 850px){


.modalclosebtn {
    right: 10px;
    top: 7px;
    z-index: 10;
}
.p-content{
    display: flex;
}
#ppmodal  .modalclosebtn{
    right: 20px !important;
}

}
@media screen and (min-width: 769px){
    .mainpage{
        //padding-bottom: 225px !important;
    }
}
@media screen and (max-width: 768px){
.nav-tabs.nav-justified>li {
    display: block;
    width: inherit;
}
    .modal-dialog{
        margin: 30px auto;
    }
    .signintxt{
        width: 99%;
    }
::-webkit-scrollbar{width:0;}
.g_slbox{margin-right: 0;}
        #ppmodal .modal-dialog{
        width: 98% !important;
    }
    #ppmodal .modal-dialog  .mCustomScrollbar{
        width: 100% !important;
    }
    #ppmodal
    .g_ho1{
        display: block;
    }
    #ppmodal .modal-content{
            margin: 0 !important;
    }
    .g_ho2{
        display: none;
    }
    .flkbox{
        margin-right: 0;
    }
    .headlinkbg:hover{
        background-color: transparent;
    }
    .headlinkbg.g_acts:hover{
        background-color: #957840;
    }
    .g_nusee{
        display: inline-block;
    }
    .swiper-pagination-custom{
        display: block;
    }
    .nav_relative_logout{
        display: none;
    }
    .nav_relative_logout .nav_right_line{
        border-right: none;
        border-bottom: 1px dashed #D4D4D4;
        padding-bottom: 10px;
    }
    .headrow{
        height: 68px;
        position: relative;
    }
    .g_mess{
        content: "";
        position: absolute;
        width: 68px;
        height: 68px;
        left: 0px;
        top: 0;
        background-image: url(../../style-mobile/images/mLego_r3_c4.png);
        background-size: 70%;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 1032;
    }
    .g_togmenu{
        background-image: url(../../style-mobile/images/mLego_r3_c14.png);
        background-size: 50%;
    }
    .topnav li .img{
        display: block !important;
    }
    .menusul .active .img{
            background-color: rgb(241, 240, 236);
    }
    #register .error{
        text-align: left;
    }

    .headlink_R{
        display:none;
    }
    .headlink{
        left: auto;
        right: 0;
        height: 68px;
    }
    .headlink .g_usere{
        display: none;
    }
    .headlinkbg{
        background-color: transparent;
        padding-left: 15px;
        padding-right: 15px;
    }
    .headlinkbg.act{
        background-color: #957840;
    }
    div header{
        height: 68px;
        min-height:68px;
    }
    .g_sefi{
        height: 60px;
        margin-top: 4px;

    }
    .text-center img{

    }
    .g_user{
        width: 34px;
        height: 34px;
    }
    .loginpop{
        top: 68px;
    }
    .g_newrow{
        display: block;
        text-align: center;
        padding: 0;
        margin: 0;
    }
    .g_newrow .col-md-offset-2{
        position: relative;
    }
    .g_newrow .col-md-offset-2:after{
        content: "";
        display: block;
        margin-right: 38px;
        bottom: 0;
        height: 1px;
        border-bottom: dashed #baac89 1px;
        left: 0;
        box-sizing: border-box;
        margin-top: 20px;
    }
    .g_smabox{
        max-width: 100%;
        width: 440px;
        display: inline-block;
    }
    .g_smabox .col-xs-11{
        width:100%;
        padding: 0;
        word-break: break-all;
        text-align: left;
    }
    .g_smabox .col-xs-11 h3{
        padding-right: 25px;
    }
    .loginblock{
        border:none;
    }
    .loginblock .loginbtn{
        position: static;
    }
    .g_smabox .col-xs-5{
        width: 27%;
        margin-right: 7px;
        padding: 0 !important;
        margin: 0;
    }
    .homeadsection{
        top: 0 !important;

    }
    #home-slider{
        position: relative !important;
        height: auto !important;
        width: 100%;
        top: 68px !important;
    }
    .g_bannerbox{
        width: 100%;
        padding-bottom: 72.2222222%;
        position: relative;
        height: 0;
    }

    #home-slider .carousel-control {
        opacity: 1;
    }
    .topnav li:last-child{
         border-bottom: 1px dashed #C6BB9E;
    }
    .g_language{
        overflow: hidden;
        display: block;
    }
    .g_language li{
        float: left;
        width: 33%;
        text-align: center;
        padding: 40px 0;
    }
    .carousel-inner{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }
    .homeadsection{
        margin-top: 68px;
    }
    #home-slider .sliderbg{
        position: static;
        background: #FFF;
        padding-top: 0;
    }
    .g_slbox{
        height: auto !important;
        padding-bottom: 50px;
    }
    .g_slbox .home_ad_r {
        position: static;
        width: 100%;
    }
    .flkbox{
        width: 90%;
        display: block !important;
    }
    .flkbox2{
        width: 100%;
        display: block !important;
        min-height: 220px;
    }
    .form-group{
        display: block;
        text-align: center;
        color: #846b35;
        padding-top: 10px;
        margin-bottom: 10px;
    }
    .g_slbox .pull-left{
        font-family: "Roboto-Light";
        font-weight: 100 ;
        font-size: 30px;
    }
    #flkdes{
        color: black;
    }
    .home_ad_r .flkboxred02, .g_mobile .flkboxred02{
        background: none;
        text-decoration: none;
        background: #D61C38 url(../../style-mobile/images/Untitled-3_r1_c2.png) no-repeat;
        display: block;
        background-position: right top;
        background-size: auto 100%;
        color: #ECEBE3;
        margin-top: 0;
        margin-bottom: 15px;
    }
    .g_mobile .flkboxred02{
        text-align: left;
        color: white;
        background-image:url(../../style-mobile/images/Untitled-3_r1_c3.png);
    }
    .home_ad_r .flkboxred02 h2{
        color: #ECEBE3;
        text-align: left;
    }
    .home_ad_r .flkboxred02 p{
        text-align: left;
    }
    .signintxt{
        line-height: 46px;
    }
    .signintxt .pull-left{
        font-size: 16px;
        color: #2c1811;;
        font-family: "Roboto-Regular";
    }
    .signintxt .pull-right{
        color: #000;
    }
    .signintxt .pull-right .text-gold2{
        font-size: 16px;
    }
    .sliderdownimg{
        display: none;
    }
    .homecards {
        background-position: center 20px;
        background-size: 95% auto;
        padding-top: 20%;
    }
    .flash h2{
        font-size: 24px;
    }
    .flash .form-group{
        text-align: left;
        color: white;
    }
    .flash, .flash > ul > li{
        height: auto;
        padding-bottom: 388px;
    }

    .procardsbox{
        overflow: hidden;
        display: block;
    }
    .g_siderbox{
        position: relative;


    }
    .g_siderbox .g_sideson{

    }
    .nav_fixed{
        display: none !important;
    }

    footer{
        position: static;
    }

    .mainpage{
        height: auto !important;
        padding-bottom: 0 !important;
    }
    .adbg .container ul > li{
        min-width: 100% !important;
    }

    footer .container .g_moblefoot{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .ulborder{
        border-right: none;
        border-bottom: 1px dashed #FFF;
        overflow: hidden;
        padding-bottom: 20px;
    }
   footer .g_fotbname{
        text-align: center;
        font-size: 18px;
    }
   footer .g_fotbname:after{
        content: "";
        display: block;
        float: none;
        clear: both;
    }
    footer .form-group{
        float: left;
        width: 50%;
    }
    footer .form-group a{
        display: block;
        font-size: 16px;
            color: #2c1811;

    }
    footer .form-group i{
        margin-right: 0;
    }
    footer .form-group i:before{
        display: none;
    }
    footer .g_i1{
        float: left;
        width: 48%;
    }
    footer .g_i2{
        float: left;
        width: 52%;
    }
    footer .g_i1 i:after{
        content: "";
        display: inline-block;
        width: 32px;
        height: 32px;
        background-image:  url(../../style-mobile/images/mLego_r43_c29.png);
        background-size: 100% 100%;
    }
    footer .g_i2 i:after{
        content: "";
        display: inline-block;
        width: 32px;
        height: 32px;
        background-image:  url(../../style-mobile/images/mLego_r43_c399.png);
        background-size: 100% 100%;
    }
    footer .g_moblefoot,footer .g_moblefoot a{
        text-align: center;
        font-size: 12px;
        word-wrap: break-word;
        color: #FFF;
    }
    .col-xs-6.g_moblefoot ul li a {
        color: #FFF;
        font-size: 12px;
    }
    .copyright .g_none{
        display: block;
        text-indent: -99999px;
        height: 10px;
        line-height: 10px;
    }
    .copyright, .copyright a{
        line-height: 30px;
    }
    .copyright{
        padding-bottom: 30px;
    }
    .g_umsin{
        display: none;
    }
    .modal-dialog{
        max-width: 96%;
    }
    .modalclosebtn{
        right: 10px;
        top: 7px;
        z-index: 10;
    }
    #select-sorting .modalclosebtn ,#select-filter .modalclosebtn{
        display: none;
    }
    .mainpage .swiper-button-prev{
        background: url(../../style-mobile/images/card-slide-left.png) no-repeat;
        background-size: 100%;
        height: 79px;
        width: 30px;
        opacity: 1;
        background-position: left top;
        top: 50%;
        left: 0;
        margin-top: -40px;
    }
    .mainpage .swiper-button-next{
        background: url(../../style-mobile/images/card-slide-right.png) no-repeat;
        background-size: 100%;
        height: 79px;
        width: 30px;
        opacity: 1;
        background-position: left top;
        top: 50%;
        right: 0;
        margin-top: -40px;
    }
    .swiper-pagination{
        bottom: 40px !important;
        color: #846b35
    }
    .maluck{
        padding-top: 50px;
    }
    .redline{
       top: 68px !important;
    }
    .g_mbtop{
        height: 100%;
    }
    .g_mbtop a{
        content: "";
        position: absolute;
        width: 160px;
        height: 36px;
        background: url(../../style-mobile/images/mLego_login.png) no-repeat;
        left: 50%;
        top: 50%;
        margin-left: -80px;
        margin-top: -18px;
        background-size: 100% 100%;
    }
    .g_mbtop img{
        display: none;
    }
    .g_myc{
        width: 58px !important;
        height: 69px;
        padding: 0;
        margin: 0;
    }
    .g_myc .dropdown-toggle{
        width: 100%;
        height: 100%;
        position: relative;
    }
    .g_myc .dropdown-toggle:after{
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        background-repeat: no-repeat;
        margin: 0;
        width: 69px;
        height: 69px;
        border-radius: 0;
        background-image: url(../../style-mobile/images/mLego_r3_c17.png);
        background-size: 58px;
        background-position: center;
        padding: 7px;
    }
    .g_myc .dropdown-toggle img{
        display: none;
    }
    .g_myc.open .dropdown-toggle span{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
    }
    .fa-angle-up:before{
        display: none;
    }
    .g_myc .g_fixedtop{
        position: fixed;
        left: 0;
        top: 148px;
        width: 100%;
        padding: 0;
    }
    .g_usere{
        position: fixed !important;
        width: 100%;
        top: 68px !important;
        height: 80px;
        line-height: 80px;
        background: #846A39;
        font-size: 22px !important;
    }
    .g_fixedtop li{
        height: 60px;
        line-height: 60px;
        padding-top: 0;
        padding-bottom: 0;

    }
    .g_fixedtop li a{
       padding: 0 !important;
        font-size: 22px !important;
    }
    .g_fixedtop  .g_firstline{
        height: 30px;
    }

    .g_navfixed{
        position: fixed !important;
        width: 100%;
        top: 0;
        z-index: 666;
        background-color: #D61C38;
    }
    .g_myaside{
        width: 98%;
        float: none;
        padding-left: 0 !important;
    }
    .mymenu{
        width: 100% !important;
        min-height: auto;
        position: fixed;
        left: 0;
        top: 68px;
        z-index: 3;
        background-color: #FFF;
        display: none;
        margin-left: 0;
    }
    .mymenu2{
        width: 100%;
        min-height: auto;
        position: fixed;
        left: 0;
        top: 68px;
        z-index: 3;
        background-color: #FFF;
        display: none;
    }
    #promotions{
        width: 100%;

    }
    #promotions .form-group{
        padding-top:0;
    }
    .menusul li{
        background-color: #FFF;
    }
    .menusul{
        margin-bottom: 0;

    }
    .g_language a{
        color: #2D1912;
    }
    .g_cover:after{
        content: "";
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        left: 0;
        top: 0;
        z-index: 1;
    }
    .g_mybif{
        padding: 0 !important;
        float: none;
        width: 100%;
    }
    .hrst01{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .dashboardtop h2{
        font-size: 26px;
            color: #333;
    }
    .dashboardtop h2 span{
        font-size: 30px !important;
    }
    .dashboardtop .wbtitle{
        height: auto;
        text-align: left;
        padding-bottom: 20px;
    }
    .ucardinfo > div{
        width: 33%;
        margin-left: 0;

        text-align: left;
    }
    .ucardinfo{
        padding-left: 0;
    }
    .text-small{
        font-size: 12px;
        color: #333;
    }
    .ucardinfo h4{
        font-size: 18px;
        color: #333;
    }
    .ucardinfo > div:last-child img{
        width: 80px;
        padding-top: 9px;
    }
    .row .scroll_horizontal .next, .row .scroll_horizontal .prev{
        z-index: 0;
    }
    .g_bisc{
        font-size: 24px;
        color: #333;
    }
    .linebox .red .currentstatus .caret{
        left: 10%;
    }
    .linebox .red .currentstatus{
        left: -16px;
    }
    .g_foca{
        padding: 0 15px !important;
    }
    .cardline > div{
        text-align: left;
    }
    .g_scor{
        font-size: 14px;
    }
    .small{
        font-size: 12px;
    }
    .bignum{
        font-size: 26px;
    }
    .g_absous{
        width: 100% !important;
        padding-top: 10px;
        margin-bottom: 10px;
    }
    .g_absous a{
        font-size: 18px !important;
    }
    .right_board{
        display: none;
    }
    .form-control{
        display: inline-block;
    }
    .nav_relative_logout:after{
        content: "";
        position: fixed;
        width: 100%;
        height: 100%;
        background: black;
        z-index: -1;
        left: 0;
        top: 0;
        top: 68px;
        opacity: 0.5;
    }
    .g_cont{
        margin-top: 68px !important;
    }
    .menusul li img{
        width: 50px;
        height: 50px;
        margin: 0 auto;
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .menusul{
        padding: 0 6%;
    }
    .menusul li{
        border-bottom: 1px dashed #C6BB9E;
    }
    .g_gulp .tips{
        text-align: left;
    }
    .menusul li .img{
        background-color: transparent;
    }
    #loginpop{
        padding-top: 0;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
    }
    #loginpop .form-group{
        color: #333;
        margin-bottom: 5px;
        padding-top: 5px;
    }
    .g_smabox{
        padding-left: 0;
        padding-right: 0;
    }
    .g_newrow .text-gold h3{
        margin-left: 15px;
    }
    .modaltitle{
        height: 110px;
        margin-top: -109px;
        padding: 15px;
        line-height: 25px;
    }
    .modaltitle h3{
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding-left: 14px;
        padding-right: 14px;
        word-wrap: break-word;
    }
    .text-gold.text-smaller{
        white-space: initial !important;
        display: inline-block;
        width: 55px;
        line-height: inherit !important;
    }
    .adbg{
        padding: 40px 0 60px;
    }
    .adbg .bg_r{
        right: -30px;
    }
    .adbg .bg_l{
        bottom: -70px;
        left: 1px;
    }
    .bg_l img{
        width: 156px;
    }
    .bg_r img{
        width: 134px;
    }
    .g_myc.open:before{
        content: "";
        position: fixed;
        width: 100%;
        background: rgba(40,28,16,0.8);
        left: 0;
        top: 68px;
        bottom: 0;
        z-index: -1;
    }
    .g_smabox .text-gold{
        word-break: initial;
    }

    #loginmodal .modal-content{
        padding: 0;
        padding-bottom: 18px;
    }
    #data .col-xs-12{
        padding-right: 0;
        width: 100%;
    }

    .loginblock:last-child { border:none; height: auto !important;}

    .homeprosection, .homenewsection{
        background-size: 450px 120px;
        background-position: right -5px;
    }

    .ucardinfo > div:last-child{
		text-align:right;
	}
    .ucardinfo div:nth-child(2){
		text-align:center;
	}
}

@media screen and (max-width: 763px){
    ::-webkit-scrollbar{width:5px;}
}

@media (min-width: 768px){

}

.wynn-icon{
    font-size:14px;
    color: #6D6D6D;
    padding-bottom: 20px;
    text-align: center;
}
.wynn-icon span {
    border: 1px solid #6D6D6D;
    padding: 1px 6px;
    margin: 0 5px;
    font-size: 13px;
    text-transform: uppercase;
}
.mod-transaction-list{
    margin-top:20px;
}
.mod-transaction-list .list-group-item-text{
    line-height: 1.5 !important;
}
.mod-transaction-list .trans-location-name{
    color:#8d8d2e;
    font-weight: bold;
}
.mod-transaction-list .trans-display-name{
    color:#000;
    font-weight: bold;
}
.mod-transaction-list .trans-amount{
    color:#D61C38;
    font-weight: bold;
    padding-top: 18px;
}
.mod-transaction-list .voucher-amount{
    /*color:#D61C38;*/
    font-weight: bold;
    padding-top: 18px;
    font-size: 12px;
}
.short-desc{
    height: 50px;
    overflow: hidden;
}
ol.carousel-indicators li {
    margin-right: 10px !important;
}

.progress-content .progress{
    padding: 3px;
    height: 24px;
    border-radius: 20px;
    background-color: #fff;
    border: 1px solid rgba(255,255,255,.15);
    margin: 0 10px;
}
.progress-content .progress-bar{
    border-radius: 20px;
    background-color: #c1b94f;
}
.progress-content{
    position: relative;
    top: -50px;
    height: 0;
}
.progress-content .progress-bg{
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.5));
    padding-bottom: 8px;
}
.progress-content .progress-win{
    position: relative;
    top: 20px;
    font-size: 12px;
    color: #000;
}
.progress-content .progress-info{
    position: absolute;
    bottom: -16px;
    left: 0;
    overflow: hidden;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    max-height: 40px;
    text-align: center;
    padding: 0 10px;
    width: 100%;
}
.progress-content .progress-info .text{
    /*background-color: rgba(0, 0, 0, 0.3);*/
}
.video-src{
     width: 100%;
}
.video-ctr{
    height: 0;
    text-align: center;
}
.player-icon{
    color: #fff;
    font-size: 50px;
    position: relative;
    top: 200px;
    z-index: 999;
}
.type-filter div, .property-filter div{
    width: auto;
    font-size: 14px;
    min-width: 115px;
}
.type-filter, .property-filter{
    width: auto;
}

.progress-container  .progress-info{
    position: unset;
    color: #957840;
}
.progress-container .progress-win{
    height: 0;
    font-size: 12px;
    position: relative;
    top: 3px;
    color: #000;
}
.progress-container .progress{
    padding: 4px;
    border-radius: 20px;
    background-color: #fff;
    height: 26px;
    border: 1px solid #e2e0d3;
}
.progress-container .progress-bar{
    border-radius: 20px;
    background-color: #c1b94f;
}
#promodal .earn-more{
    color: #000;
}
.no-offer-data{
    text-align: center;
    font-weight: 100;
    font-size: 21px;
    padding: 50px;
    position: relative;
    top: 100px;
    color: #999;
}
