/* FONTS */
@font-face {
    font-family: 'Chivo-Regular';
    src: url(../fonts/Chivo-Regular.woff);
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Chivo-Bold';
    src: url(../fonts/Chivo-Bold.woff);
    font-weight: 400;
    font-style: normal;
}

@font-face {	
    font-family: 'Chivo-Light';	
    src: url(../fonts/Chivo-Light.woff);	
    font-weight: 400;	
    font-style: normal;	
}

.menubg {
	background-image: url("../images/custom/menuBG.jpg") !important;
  	background-repeat: repeat;	
}

.button-wrap.custom {
    float:left;
    /*right:-32px;	*/
    left: 0px;
}


/* BODY */
*, ::before, ::after {
    box-sizing: border-box;
}

body {	
    color: #636363;
	font-family: 'Chivo-Regular', source-han-sans-simplified-c, sans-serif;
    font-weight: 400;    
	font-size: 16px;
	letter-spacing: 0.6px;
	line-height: 1.5; 
}

body.locale-en-us {
	letter-spacing: 0.2px; 
}

.clearfix {
    clear: both;
}

p {
    color: #645548;
    font-size: 16px;
    line-height: 1.5;  
}

a {
    color: #645548;
}

h1, h2, h3, h4, h5, h6 {	
    color: #636363;	
    font-weight: 400;    	
    line-height: 1.5;	
}

.mb-0 {
    margin-bottom: 0!important;  
}

.mb-30 {
    margin-bottom: 30px!important;  
}

.mb-35 {
    margin-bottom: 35px!important;  
}

.mb-40 {
    margin-bottom: 40px!important;  
}

.mb-60 {
    margin-bottom: 60px!important;  
}

.mb-90 {
    margin-bottom: 90px!important;  
}

.pb-30 {
    padding-bottom: 30px;  
}

.pb-90 {
    padding-bottom: 90px; 
}

/* Header */
header {    
    height: 85px;
}

#header-container {
    padding: 0;
}

.header-visible #header-container {
    background-color: rgba(255,255,255,0.95); /*1.00*/
    text-align: center;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
/* hong added 20200623 */
.header-visible2 #header-container {
    background-color: rgba(255,255,255,0.95); /*1.00*/
    text-align: center;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
#header-container {
opacity: 0;
}

.overflow-hidden {
    overflow: hidden;
}
/*---------------------*/

#logo {
    float: none;
    margin: 0 auto;
    top: 12px;
}

#logo img {
    height: 60px;
}

.social-media {
    position: absolute;
    right: 34px;
    top: 3px;
    z-index: 1000;
}

.social-media .icon-wrap {
    float: left;
}

.social-media a {
    color: #936c4d;
    font-size: 20px;
    
    -webkit-transition: all 0.3s ease;
  	transition: all 0.3s ease;
}

.social-media a:hover {
    opacity: .6;
}

.social-media-line {
    background-color: rgba(127,83,52,0.60);
    display: block;
    float: left;
    height: 17px;
    margin: 29px 12px 0 9px;
    width: 1px;
}

.button-wrap {
    left: 30px;
    position: absolute;
    top: 3px;
}

.button-text {    
    font-family: 'Chivo-Bold', source-han-sans-simplified-c, sans-serif;
    font-size: 13px;
    font-weight: 400;    
    color: #000;
    width: 45px;
}

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

.button-text span,
.button-text span::before {
    width: 45px;
}

.icon-wrap {
    float: right;
    width: 32px;
}

.button-icon {
    width: 32px;
}

#burger-wrapper {
    width: 32px;
}
/*
.button-text span {
    font-weight: 700;  
}
*/
.light-content .button-text {
    color: #7f5334;
}

.light-content #menu-burger span {
    color: #7f5334;
}

#menu-burger span {
    background-color: #7f5334;
}

.fullscreen-menu .nav-height-wrap {
    height: 100%;		
}

.fullscreen-menu .nav-height {
    height: calc( 100% - 90px);
    margin: 50px 0 40px;
    padding: 0;    
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
}

.fullscreen-menu .outer {
    display: flex;
        
    flex-direction: column;
    justify-content: space-between;
}

.fullscreen-menu .inner {
    display: block;
    padding-bottom: 0;
    width: 70%;
}

.fullscreen-menu .flexnav {
    padding-top: 40px;
}

.fullscreen-menu .flexnav li a {
    color: #7f5334;
    font-family: 'Chivo-Regular', source-han-sans-simplified-c, sans-serif;
    font-size: 24px;
    font-weight: 300;    
    line-height: 38px;
}

.fullscreen-menu .flexnav li ul {
    margin-bottom: 9px;
    margin-top: 14px;
}
/*
.fullscreen-menu .flexnav li ul li {
    margin-left: 20px;
}
*/
.fullscreen-menu .flexnav li ul li::before {
    color: #ac8153;
    content: '•';
    display: block;
    float: left; 
    font-size: 12px;    
    line-height: 18px;
    padding: 0 7px;
    opacity: 1;
}

.fullscreen-menu .flexnav li ul li a {
    color: #8a684b !important;
    font-family: 'Chivo-Regular', source-han-sans-simplified-c, sans-serif;
    font-size: 16px;
    font-weight: 400;    
    line-height: 22px;
    opacity: 1;
    padding: 0 0 8px;
}

.menu-search {
    background: url("../images/menu-btn-search.png") no-repeat!important;
    background-size: 28px 28px!important;
    cursor: pointer;
    display: block;
    height: 28px;
    margin-bottom: 10px;
    margin-left: 3px;
    text-indent: -9999em;
    width: 28px;
}

.fullscreen-menu .flexnav li {
    text-align: left;
    margin-bottom: 12px;
}

.fullscreen-menu .flexnav li.language {
    float: left;
}

.fullscreen-menu .flexnav li.language a {
    font-size: 20px;
}

.fullscreen-menu .flexnav li.language-midline {
    padding-right: 36px;    
    position: relative;
}

.fullscreen-menu .flexnav li.language-midline::after {
    background-color: rgba(127,83,52,0.60);
    content: '';
    display: block;
    float: left;
    height: 23px;    
    position: absolute;
    right: 18px;
    top: 13px;
    width: 2px;
}

.fullscreen-menu .flexnav .touch-button {        
    height: 38px;
}

.menu-footer {    
    color: #7f5334;    
    margin-top: 60px;
    padding: 0 60px;    
    text-align: left;    
}

.menu-footer p {
    color: #7f5334;
    margin-bottom: 15px;
}

.menu-footer .footer-copyright {
    margin-bottom: 20px;
}

.menu-footer .footer-copyright span {    
    font-size: 14px;
}

.group-member {
    height: 50px;
}

.menu-footer p{
     font-size: 14px;
}

.member-line{
    border-bottom: 1px solid #7f5334;height: 15px;
}
.member-HLCgroup{
    background: url("../images/member-HLC-Group.png") no-repeat; /*307 * 82 */
    background-size: 154px 41px;
    display: block;
    
    height: 41px;
    width: 154px;
    
    -webkit-transition: all 0.3s ease;
  	transition: all 0.3s ease;
}

.member-hlc {
    background: url("../images/member-hlc.png") no-repeat; /* 401 *76 */
    background-size: 201px 38px;
    display: block;
    height: 38px;
    width: 201px;
    margin-bottom: 25px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.member-Garland1 {
    background: url("../images/member-Garland1.png") no-repeat;
    background-size: 122px 43px;
    display: block;
    float: left;
    height: 43px;
    width: 122px;
    margin-right: 41px;
    position: relative;
    
    -webkit-transition: all 0.3s ease;
  	transition: all 0.3s ease;
}

.member-Garland1::after {
    background-color: rgba(127,83,52,0.60);
    content: '';
    display: block;
    float: left;
    height: 31px;    
    position: absolute;
    right: -22px;
    top: -1px;
    width: 1px;
}

.member-Garland2 {
    background: url("../images/member-Garland2.png") no-repeat;
    background-size: 122px 43px;
    display: block;
    float: left;
    height: 43px;
    width: 122px;
    margin-right: 10px; /*hong added*/
    -webkit-transition: all 0.3s ease;
  	transition: all 0.3s ease;
}

/*
.member-Garland2 {
    background: url("../images/member-Garland2.png") no-repeat;
    background-size: 122px 32px;
    display: block;
    float: left;
    height: 32px;
    width: 122px;
    
    -webkit-transition: all 0.3s ease;
  	transition: all 0.3s ease;
}
*/

.member-Garland1:hover, .member-Garland2:hover ,.member-hlc:hover, .member-HLCgroup:hover{
    opacity: .6;     
}


/* index */	
.slide-text-box {	
    display: block;	
    height: 268px;	
    padding-left: 60px;	
    padding-top: 50px;	
    position: relative;	
    width: 642px;    
}

.slide-text-box.slide-textbg1 {	
    background: url("../images/index-textbg-01.png") no-repeat;    
    
}	
.slide-text-box.slide-textbg2 {
    background: url("../images/index-textbg-02.png") no-repeat;
    float: right;
    width: 660px;
}

.slide-text-box.slide-textbg3 {
    background: url("../images/index-textbg-03.png") no-repeat;    
}

.swiper-slide .outer,
#showcase-holder .showcase-captions,
#showcase-holder .swiper-pagination-bullet {
    padding: 0 0 130px 0!important;
}

.slide-text-box h1 {	
    font-size: 54px;	
    font-weight: 700;	
    line-height: 1.24;	
    margin-bottom: 0;
    text-shadow: 0 0 12px rgba(0, 0, 0, 0.44);
}	
.slide-text-box h3 {	
    font-family: 'Chivo-Light', source-han-sans-simplified-c, sans-serif;	
    font-size: 36px;	
    text-transform: uppercase;	
    line-height: 1.23;	
    margin-bottom: 0;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}	
.slide-text-box p {
    color: #FFFFFF;
    font-family: 'Chivo-Light', source-han-sans-simplified-c, sans-serif;	
    font-size: 27px;	
    letter-spacing: 0.2px;	
    line-height: 1;	
    margin-bottom: 0;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/*-----------------------------------------------------------
    Banner BG
-----------------------------------------------------------*/
#hero-bg-image::after {
	background: none;
}

#hero-bg-image.hero-bg_image_page {
    background-image: url("../images/about_us_hero.jpg") ;
    background-position: center center;
}

#hero-bg-image.hero-bg_image_page.office-banner {
    background-image: url("../images/office_hero.jpg") ;
    background-position: 12% center;
}

#hero-bg-image.hero-bg_image_page.fairmont-banner {
    background-image: url("../images/fairmont_hero.jpg") ;
    background-position: center bottom;    
}

#hero-bg-image.hero-bg_image_page.traffic-banner {
    background-image: url("../images/traffic_hero.jpg") ;
    background-position: center top;    
}

#hero-bg-image.hero-bg_image_page.vip-banner {
    background-image: url("../images/vip_hero.jpg") ;
    background-position: center top;    
}

#hero-bg-image.hero-bg_image_page.cinema-banner {
    background-image: url("../images/cinema_hero.jpg") ;
    background-position: center top;    
}

#hero-bg-image.hero-bg_image_page.iceskating-banner {
    background-image: url("../images/ice-Skating_hero.jpg") ;
    background-position: center top;    
}

#hero-bg-image.hero-bg_image_page.concierge-banner {
    background-image: url("../images/concierge_hero.jpg") ;
    background-position: center bottom;    
}

#hero-bg-image.hero-bg_image_page.shopping-banner {
    background-image: url("../images/shopping_hero.jpg") ;
    background-position: center top;    
}

#hero-bg-image.hero-bg_image_page.dining-banner {
    background-image: url("../images/dining_hero.jpg") ;
    background-position: center top;    
}

#hero-bg-image.hero-bg_image_page.event-banner {
    background-image: url("../images/event_hero.jpg") ;
    background-position: center top;    
}

#hero-bg-image.hero-bg_image_page.contactus-banner {
    background-image: url("../images/contact_us_hero.jpg") ;
    background-position: center top;    
}

/*-----------------------------------------------------------
    About Us
-----------------------------------------------------------*/
#hero.has-image {
    height: 93vh;
}

#hero-image-parallax {
    height: 100%;
}


#hero.has-image #hero-caption {    
    padding: 0 0 29vh;    
}
/*
#hero.has-image #hero-caption .inner {
    vertical-align: middle;
}
*/
.hero-title-BG {    
    display: flex;
    height: 234px;
    padding-left: 120px;
    width: 602px;
    
    align-items: center;
    flex-wrap: wrap;
}

.locale-en-us .hero-title-BG {
	padding-right: 10px;
}

.hero-title-aboutus {
    background: url("../images/bannerbg-aboutus.png") no-repeat; 
}

.hero-title {	
    font-family: 'Chivo-Light', source-han-sans-simplified-c, sans-serif;	
    font-size: 65px;
    font-weight: 100;
    text-transform: uppercase;	
    line-height: 1.23;	
    margin: 0;
    text-shadow: 0 0 16px rgba(0, 0, 0, 0.4);
    width: 100%;
}

.locale-en-us .hero-title {
	font-size: 50px;
}

.hero-subtitle {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 44px;
    margin-top: 11px;
    text-shadow: 0 0 16px rgba(0, 0, 0, 0.4);
}

#main-content {
   /* hong comment on 20200718 as index slider is affected
   overflow: hidden;
   */
}

#main-content .banner-curve {
    background: url("../images/banner-curve.png") no-repeat;
    background-size: cover;
    display: block;
    height: 13.9vw;
    left: 0;
    position: absolute;
    top: -13.8vw; /*modify by hong */
    width: 100vw;   
}

#main-content .banner-curve-lightgrey {
    background: url("../images/banner-curve-lightgrey.png") no-repeat;
    background-size: cover;
    display: block;
    height: 13.9vw;
    left: 0;
    position: absolute;
    top: -13.8vw; /*modify by hong */
    width: 100vw;   
}

#main-page-content {
    padding: 0 40px;
}

.wp-block-column {
    flex-basis: auto!important;
    flex-grow: 1;
}

.block-aboutus-left {
    width: 54.5%;
}

.block-aboutus-right {
    width: calc(45.5% - 32px);
}

.block-aboutus-left img,
.block-aboutus-right img {
    width: 100%;
}

#main-page-content h3 {
    color: #3f5369;
    font-size: 55px;
    font-weight: 100;
    margin-bottom: 0;
}

.locale-en-us #main-page-content h3 {
	font-family: 'Chivo-Light', source-han-sans-simplified-c, sans-serif;
    font-size: 49px;
	letter-spacing: -1px;
	line-height: 0;
	margin-bottom: 15px;
    padding-top: 18px;
}

#main-page-content h3.has-mask span, h3.has-mask span > span {
    line-height: 57px;
    height: 57px;
    margin-right: 8px;
}

.locale-en-us #main-page-content h3.has-mask span, h3.has-mask span > span {
    line-height: 49px;
    height: 52px;
}

.locale-en-us #main-page-content h3.has-mask span:first-child  {
    margin-right: 0;
}

#main-page-content p {
    line-height: 2;
}

.locale-en-us #main-page-content p {
    line-height: 1.8;
}

.block-aboutus-right img:first-child {
    margin-top: 25px;
}

.block-aboutus-right .transform90  {
    border-top: 1px #dde0e4 solid;
    color: #e4e5e7;
    display: inline-block;
    float: right;
    font-family: 'Chivo-Bold', source-han-sans-simplified-c, sans-serif;
    font-size: 75px;
    letter-spacing: -4px;
    margin-top: 48px;
    margin-right: -68px;
    padding-bottom: 5px;
    padding-top: 8px;
    position: relative;
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);  
}

.img-radius {
    border-radius: 5px;    
}

.img-radius-large {
    border-radius: 60px 5px 60px 5px;
}

.btn-zoom {
    background: none;
    border: none;
    border-bottom: 20px #fff solid;
    color: #644936;
    font-size: 18px;
    height: 57px;    
    line-height: 1;
    padding: 0;
    position: absolute;
    right: 11px;
    top: -30px;
    width: 37px;
    
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg); 
}

.btn-zoom::before {
    background-color: #fff;
    content: '';
    display: block;
    height: 100%; 
    left: 0;
    position: absolute;     
    top: 0;
    width: 100%;
    z-index: -1;
    
    -webkit-transition: all 0.3s ease;
  	transition: all 0.3s ease;
}

.btn-zoom::after {
    background: url("../images/btnbg-square.png") no-repeat;
    background-size: cover;
    content: '';
    display: block;
    height: 100%; 
    left: 0;
    position: absolute;
    opacity: .35;    
    top: 0;
    width: 100%;
    z-index: -1;
    
    -webkit-transition: all 0.3s ease;
  	transition: all 0.3s ease;
}

.btn-zoom:hover::after {
    opacity: .7;
}


.aboutus-part2 {
    align-items: flex-start;
}

.aboutus-svg {
    font-family: 'Chivo-Bold', source-han-sans-simplified-c, sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 21.5vw;
    max-height: 275px;
    position: relative;
    width: 100%;    
}

.locale-en-us .aboutus-svg {
	height: 23vw;
	margin-top: 4.3%;
	max-height: 330px;
}

.aboutus-svg::before {
    background-color: #c2b8ac;    
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    right: 0;
    top: 35%;
    width: 26%;
}

.locale-en-us .aboutus-svg::before {
	top: 36%;
}

.aboutus-svg svg {    
    height: 100%;
    width: 100%;   
    position: absolute;
    
}

.aboutus-svg-text1 {
    font-size: 380px;
    letter-spacing: -1.2rem;    
}

.aboutus-svg-text2 {
    font-size: 75px;
    font-weight: 600;    
}

.aboutus-svg-text3 {
    font-size: 85px;
}

.aboutus-svg-text4 {
    font-size: 40px;
}

.locale-en-us .aboutus-svg-text1 {
    font-size: 260px;
    letter-spacing: -0.9rem;  
}

.locale-en-us .aboutus-svg-text2 {
    font-size: 91px;
	letter-spacing: -0.2rem;
}

.locale-en-us #main-page-content .wp-block-cover .wp-block-cover__inner-container {
    max-width: 970px;   
}

#main-page-content .wp-block-cover .wp-block-bauman-gutenberg-container {
    text-align: center;    
}

#main-page-content .wp-block-cover h3 {
    color: #fff;
    text-align: center
}

.locale-en-us #main-page-content .wp-block-cover h3 {
    color: #fff;
	line-height: 1.2;	
    text-align: center
}

#main-page-content .wp-block-cover {
    margin-bottom: 0;
    min-height: 520px;
}

#main-page-content .aboutus-number {
    margin: 0 auto 28px;
    max-width: 580px;
    position: relative;
}

#main-page-content .aboutus-number::before {
    background-color: rgba(255,255,255,0.64);
    content: '';
    display: block;
    height: 114px;
    left: 50%;
    margin-left: -1px;
    position: absolute;
    top: 45px;
    width: 2px;
}

.locale-en-us #main-page-content .aboutus-number::before {
    left: 57%;
}

#main-page-content .wp-block-cover #number32,
#main-page-content .wp-block-cover #number550,
#main-page-content .wp-block-cover #number800 {
   /* display: block;*/
    font-size: 100px;
	letter-spacing: -0.05em;  
    line-height: .8;
}

#main-page-content .wp-block-cover .number-caption {
    font-size: 25px;
    font-weight: 600;
    margin-top: 40px;    
}

.locale-en-us #main-page-content .wp-block-cover .number-caption .thousand-m2 {
	float: left;
	line-height: 1.3;
	margin: 16px 0 5px 6px;
	text-align: left;
}

.wp-block-cover.has-background-dim:not(.has-background-gradient)::before {
    opacity: 0;
}

.mfp-arrow::before {
    background: url("../images/btnbg-square-white.png") no-repeat;
    background-size: cover;
    height: 51px;
    width: 51px;
}

.mfp-arrow-left::before {
    margin-left: 15px;
}

.mfp-arrow-right::before {
    margin-left: 23px;
}

.mfp-arrow-left::after {
    border-left: 2px solid #666666;
    border-top: 2px solid #666666;
}
.mfp-arrow-right::after {
    border-right: 2px solid #666666;
    border-top: 2px solid #666666;
}

.mfp-arrow:hover::before {
    background: url("../images/btnbg-square-white.png") no-repeat;    
}

img.mfp-img {
    border: 10px #fff solid;
    border-radius: 10px;
    padding: 0;
}

.mfp-image-holder .mfp-close {
    background: #fff;
    color: #666;
    top: 25px;
    right: 25px;
}

@media all and (max-width: 1279px) {
    .aboutus-svg {
        height: 21.5vw;
    }
    
    .aboutus-svg-text1 {
        font-size: 29.5vw;
        letter-spacing: -1.2vw;
    }
    
    .aboutus-svg-text2 {
        font-size: 6vw;        
    }
    
    .aboutus-svg-text3 {
        font-size: 6.8vw; 
    }

    .aboutus-svg-text4 {
        font-size: 3.2vw;
    }
    
    .aboutus-svg {
        height: 26.5vw;
    }
    
    .locale-en-us .aboutus-svg-text1 {
        font-size: 18.6vw;
		letter-spacing: -0.5rem;
    }

    .locale-en-us .aboutus-svg-text2 {
        font-size: 6.2vw;
		letter-spacing: 0;
    }
}

/*-----------------------------------------------------------
    Office
-----------------------------------------------------------*/
.block-aboutus-right img.office-img1 {
    margin-top: 7px;
}

.office-svg {
    font-family: 'Chivo-Bold', source-han-sans-simplified-c, sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 21.5vw;
    margin-bottom: 90px;
    max-height: 275px;
    position: relative;
    width: 100%;    
}

.office-svg::before {
    background-color: #c2b8ac;    
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    right: 0;
    top: 39%;
    width: 26%;
}

.office-svg svg {    
    height: 100%;
    width: 100%;   
    position: absolute;
    
}

.office-svg-text1 {
    font-size: 270px;
    letter-spacing: -0.9rem;    
}

.office-svg-text2 {
    font-size: 75px;
    font-weight: 600;    
}

.office-svg-text3 {
    font-size: 32px;
    font-weight: 600;
    /*letter-spacing: 2.5px;*/
}

.locale-en-us .office-svg-text2 {
    font-size: 89px;  
}

.locale-en-us .office-svg-text3,
.locale-en-us .office-svg-text4 {
	font-size: 41px;
	letter-spacing: 0;
}

.office-part2 figure {
    margin-bottom: 29px;
    margin-top: -107px;
}

.locale-en-us .office-part2 figure {
    margin-top: -20px;
}

.office-part2 .block-aboutus-right {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

#main-page-content .office-cover {
    min-height: 550px;
}

.office-slide {
    margin: 0 auto;
    max-width: 1200px;
    padding-bottom: 60px;
    padding-top: 96px;
    overflow: hidden;    
}

.bgcolor-lightbrown {
    background-color: #eeede9;
}

.swiper-slide-detail {
    padding-right: 55px;
    text-align: left;
    width: 35%;
}

.swiper-slide-img {
    width: 65%;
}

#main-page-content .swiper-slide-detail h3 {
    line-height: 1.25;
    margin-bottom: 22px;
}

.locale-en-us #main-page-content .swiper-slide-detail h3 {
    font-size: 38px;
	padding-top: 0;
}

#main-page-content .swiper-slide-detail h4 {
    font-family: 'Chivo-Light', source-han-sans-simplified-c, sans-serif;
    font-size: 30px;
    font-weight: 200;
    line-height: 1.25;
}

.locale-en-us #main-page-content .swiper-slide-detail h4 {
    font-size: 26px;
}

.swiper-slide-detail ul {
    margin: 0;
}

.swiper-slide-detail ul li {    
    color: #645548;
    font-size: 16px;
    list-style: none;
    margin-bottom: 20px; /*26px*/
    padding-left: 15px;
    position: relative;
}

.swiper-slide-detail ul li:before {    
    content:"•";     
    font-size: 11px;
    left: 0;
    padding-left: 3px;
    padding-right: 3px;
    position: absolute;
    vertical-align:middle;    
}

.swiper-control {
    display: flex;
    margin-top: 50px;    
    
    justify-content: space-between;
}

.swiper-control .swiper-control-1,
.swiper-control .swiper-control-2 {
    display: flex;    
    font-size: 13px;
    width: 140px;
}

.swiper-control .swiper-control-2 {
    justify-content: flex-end;
}

.swiper-control .swiper-button-prev_custom {
    cursor: pointer;
    margin-right: 8px;
}

.swiper-control .swiper-button-next_custom {
    cursor: pointer;
    margin-left: 8px;
}

.swiper-control .swiper-button-prev_custom:hover,
.swiper-control .swiper-button-next_custom:hover {
    color: #936c4d;
}

.swiper-line-divider {
    width: 1px;
    height: 18px;
    background-color: rgba(136,136,136,0.3);
    transform: rotate(45deg);    
    margin: 0 40px;
}

.swiper-pagination_custom .bullet {
    cursor: pointer;
    text-align: center;
    margin: 0 2px;
    padding-right: 1px;
}

.office-certification {
    margin: 17px 0 23px;
    max-width: 310px;
}

.office-sky68 {
    background: url("../images/office-sky68.png") left center no-repeat;
    background-size: auto 64px;
    font-family: 'Chivo-Light', source-han-sans-simplified-c, sans-serif;
    height: 64px;    
    padding-left: 72px;
    padding-top: 10px;
}

.office-fairmont {
    margin: 0 0 9px 4px;
    max-width: 194px;
}

@media all and (max-width: 1279px) {
    .office-svg {
        height: 21.5vw;
        margin-bottom: 60px;
    }
    
    .office-svg-text1 {
        font-size: 20.96vw;
        letter-spacing: -1vw;
    }
    
    .office-svg-text2 {
        font-size: 6vw;        
    }
    
    .office-svg-text3 {
        font-size: 2.56vw; 
    }
    
    .office-part2 figure {        
        margin-top: -3vw;
    }
    
    .office-slide {
        margin: 0 40px;
    }
    
    .locale-en-us .office-svg-text2 {
        font-size: 6.8vw;
    }
	
	.locale-en-us .office-svg-text3,
	.locale-en-us .office-svg-text4 {
        font-size: 2.6vw;
    }
}


/*-----------------------------------------------------------
    Fairmont
-----------------------------------------------------------*/
.hero-title-fairmont {
    background: url("../images/bannerbg-fairmont.png") no-repeat;
    padding-left: 112px;
}

.hero-title-fairmont .hero-title {
    font-size: 42px;
}

.hero-title-fairmont .hero-subtitle {
    letter-spacing: 0.1em;
    margin-bottom: 12px;
}

.block-fairmont-left {
    width: 64.7%;
}

.block-fairmont-right {
    display: flex;
    width: calc(35.3% - 32px);
    
    align-items: center;
    justify-content: flex-end;
}

.block-fairmont-left p {
    margin-bottom: 32px;
}

.fairmont-logo-box {
    text-align: center;
    max-width: 360px;
    width: 100%;
}

.fairmont-logo-box img {
    margin-bottom: 78px;
    max-width: 360px;
    width: 100%;
}

.btn-link {
    display: inline-block;
    height: 31px;
    line-height: 31px;
    padding-left: 41px;
    position: relative;
}

.btn-link::before {
    background: url("../images/btnbg-square.png") no-repeat;
    background-size: cover;
    color: #fff;
    content: "\f0c1";
    font: normal normal normal 14px/1 FontAwesome;
    height: 31px;
    left: 0;
    line-height: 33px;
    position: absolute;
    text-align: center;
    width: 31px;
}

.btn-link:hover {
    color: #645548;
    opacity: .6;
}

.fairmont-hr {
    background-color: #c2b8ac;
    height: 2px;
    width: 10%;
}

.fairmont-img-hotel {    
    margin-right: -120px;
    margin-top: 60px;
}

.fairmont-img-hotel img {
    border-radius: 5px 0 0 5px;
}

.fairmont-slide .swiper-fairmont-img {
    width: 50%;
}

.fairmont-slide .swiper-fairmont-detail {
    padding: 0 30px;
    width: 50%;
}

.fairmont-slide .swiper-fairmont-detail > div {
    margin: 0 auto 90px;
    max-width: 480px;
    text-align: left;
    width: 100%;
}

#main-page-content .fairmont-slide .swiper-fairmont-detail > div > h3 {
    margin-bottom: 15px;
}

.fairmont-slide {
    background: #eeede9 url("../images/fairmont-slidebg.png") right bottom no-repeat;
    background-size: 50% 100%;
    margin-top: 36px;
    overflow: hidden;
    position: relative;
}

.fairmont-control-box {
    bottom: 50px;
    left: 50%;   
    padding: 0 30px;
    position: absolute;    
    width: 50%;
    z-index: 100;
}

.fairmont-control-box .swiper-control {
    margin: 0 auto;
    max-width: 480px;
}

.fairmont-slide .swiper-control .swiper-control-1,
.fairmont-slide .swiper-control .swiper-control-2 {    
    width: 100px;
}

.fairmont-slide .swiper-line-divider {
    margin: 0 20px;
}

#main-page-content .fairmont-number {
    margin: 0 auto 28px;
    max-width: 520px;
    position: relative;
}


#main-page-content .fairmont-number::before {
    background-color: rgba(255,255,255,0.64);
    content: '';
    display: block;
    height: 114px;
    left: 50%;
    margin-left: -1px;
    position: absolute;
    top: 45px;
    width: 2px;
}

/*
#main-page-content .fairmont-number::before {
    background-color: rgba(255,255,255,0.64);
    content: '';
    display: block;
    height: 114px;
    left: 33.33%;
    margin-left: -7px;
    position: absolute;
    top: 45px;
    width: 2px;
}

#main-page-content .fairmont-number::after {
    background-color: rgba(255,255,255,0.64);
    content: '';
    display: block;
    height: 114px;
    left: 66.66%;
    margin-left: 4px;
    position: absolute;
    top: 45px;
    width: 2px;
}
*/

#main-page-content .wp-block-cover #number325,
#main-page-content .wp-block-cover #number13,
#main-page-content .wp-block-cover #number10,
#main-page-content .wp-block-cover #number20 {    
    font-size: 100px;
    line-height: .8;
}

#main-page-content .wp-block-cover .fairmont-number .number-caption {
    margin-right: 38px;
}

@media all and (max-width: 1279px) {
    .fairmont-img-hotel {        
        margin-right: -40px;        
    }
}

/*-----------------------------------------------------------
    Traffic
-----------------------------------------------------------*/
/* THE MAINCONTAINER HOLDS EVERYTHING */
.maincontainer{
    background: none;
    display: flex;
    left: 50%;
    margin: 13px 0;
    min-height: 406px;
    position: relative;
    transform: translate(-50%, 0%); 
    text-align: center;
    top: 50%;
    width: 100%;
    
    align-items: center;
    justify-content: center;
}

/* THE CARD HOLDS THE FRONT AND BACK FACES */
.thecard{
    
    display: inline-block;
    height: 406px;
    left: 0;
    margin: 0 25px;
    position: relative;
    top: 0;
    width: 350px;
    
    transform-style: preserve-3d;
    transition: all 0.8s ease;
    
}

/* FOR flip action */
.flip {
  transform: rotateY(180deg);
}


/* THE FRONT FACE OF THE CARD, WHICH SHOWS BY DEFAULT */
 .thefront{
     background: #fff;
     border: 2px #eaeaea solid;
     color: #000;
     height: 100%;
     left: 0;
     position: absolute;
     text-align: center;
     top: 0;
     width: 100%;      
     backface-visibility: hidden;
     overflow: hidden;
    
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
}

/* THE BACK FACE OF THE CARD, WHICH SHOWS ON MOUSEOVER */
.theback{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;  
      backface-visibility: hidden;
      overflow: hidden;
      background: #fafafa;
      color: #333;
      text-align: center;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      transform: rotateY(180deg);
      z-index: 100;
}


/*This block (starts here) is merely styling for the flip card, and is NOT an essential part of the flip code */
/*
.thefront h1, .theback h1{
  font-family: 'zilla slab', sans-serif;
  padding: 15px;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
}

.thefront p, .theback p{
  font-family: 'zilla slab', sans-serif;
  padding: 30px;
  font-weight: normal;
  font-size: 12px;
  text-align: center;
}
/*This block (ends here) is merely styling for the flip card, and is NOT an essential part of the flip code */

/*--- swipers style --*/
.flipcard-swiper-container {
  width: 100%;
  height: 50%;
}

.flipcard-swiper-container .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: 80%;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}

/*
#flippages .portfolio-filter {
    border: none;
    display: block;
    margin-bottom: 0;
   padding: 0 50px;
}
*/
#flippages .portfolio-filter li {
    float: left;
    position: relative;
}
.listbtn-all {
 font-size:20pt;
}

.preload{
    opacity:0;
}
/*--------------------------------------------------------*/

.thecard.flip .thefront {
    opacity: 0;
}

.thefront{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    
    -webkit-transition: all 0.3s ease;
  	transition: all 0.3s ease;
}

.traffic-icon {
    background: url("../images/btnbg-shadow.png") no-repeat;
    display: block;
    height: 138px;
    margin: 46px auto 25px;
    padding-top: 30px;
    text-align: center;
    width: 135px;
}

.traffic-icon img {
    height: auto;
    width: 86px;
}

.thefront h4 {
    color: #7f5334;
    font-size: 25px;
    margin-bottom: 12px;
}

#main-page-content .thefront p {
    color: #3f5369;
    font-size: 18px;
    font-weight: 200;
    line-height: 1.5;    
}

.locale-en-us #main-page-content .thefront p {
    font-size: 16px;
	line-height: 1.3;
}

.thefront button {
    background: none;
    border: none;
    color: #7f5334;
    font-size: 18px;
    font-family: 'Chivo-Regular', source-han-sans-simplified-c, sans-serif;
    font-weight: 200;
    line-height: 1.5;
    margin-bottom: 38px;
    padding: 0 20px 0 10px;
    position: relative;
    
    -webkit-transition: all 0.3s ease;
  	transition: all 0.3s ease; 
}

.locale-en-us .thefront button {
    font-size: 16px;    
}

.thefront button::after {
    color: #decbba;
    content: '\f061';
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: 0;
    top: 7px;
}

.locale-en-us .thefront button::after {
    top: 5px;
}

.theback button {
    background: none;
    border: none;
    color: #fff;
    content: '\f061';
    font: normal normal normal 14px/1 FontAwesome;
}

.thefront button:hover {
    opacity: .6;
}

.theback {
    background-color: #c2b8ac;
}

.theback .flipcard-swiper-container {
    height: 339px;
}

.theback .flipcard-swiper-container .swiper-slide {
    align-items: flex-start;
    color: #fff;
    background: none;
    height: 100%;
    padding: 134px 20px 0;    
}

.theback #prev {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 5px;
    position: absolute;
    left: 30px;
    top: 47px;
    z-index: 100;
    
    -webkit-transition: all 0.3s ease;
  	transition: all 0.3s ease; 
}

.theback #next {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 5px;
    right: 30px;    
    position: absolute;
    top: 47px;
    z-index: 100;
    
    -webkit-transition: all 0.3s ease;
  	transition: all 0.3s ease; 
}

.theback #prev .fa,
.theback #next .fa {
    font: normal normal normal 12px/1 FontAwesome;
}

.theback #prev:hover,
.theback #next:hover {
    opacity: .6;
}

#flippages {
    background: url("../images/icon-bus-white.png") 8px -8px no-repeat;
    background-size: 86px 62px;
    display: flex;
    margin-left: -50px;
    left: 50%;
    padding-top: 60px;
    position: absolute;
    top: 44px;
    width: 100px;
    
    justify-content: center;
}

#flippages .swiper-line-divider {
    background-color: #dbd5ce;
    margin: 0 26px;
}

.portfolio-filter div {
    color: #fff;
    font-size: 13px;
}

.portfolio-filter2 div {
    font-size: 13px;
}
.theback .car-info {
    background: url("../images/icon-car-white.png") center 41px no-repeat;
    background-size: 86px 62px;
    height: 339px;
    padding: 134px 48px 0;
    text-align: left;
}

#main-page-content .theback .flipcard-swiper-container .swiper-slide p,
#main-page-content .theback .car-info p {
    color: #fff;
    font-size: 18px;
    font-weight: 200;
    letter-spacing: normal;
    line-height: 1.5;
    margin-bottom: 0;
    text-align: left;    
}

.locale-en-us #main-page-content .theback .flipcard-swiper-container .swiper-slide p,
.locale-en-us #main-page-content .theback .car-info p {
    font-size: 16px;
    line-height: 1.3;      
}

#main-page-content .car-info h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 9px;
}

#main-page-content .car-info h3 .car-number1 {
    font-family: 'Chivo-Bold', source-han-sans-simplified-c, sans-serif;
    font-size: 55px;    
}

#main-page-content .car-info .car-number2 {
    font-family: 'Chivo-Bold', source-han-sans-simplified-c, sans-serif;
    font-size: 35px;
    line-height: 1;
}

.ip-map-header {
    background: rgba(255,255,255,0.88) url("../images/ip-map-header.png") center 15px no-repeat;    
    background-size: 83px 72px;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.24);
    color: #3f5369;
    font-size: 18px;
    font-weight: 200;
    line-height: 1.5;
    height: 180px;
    left: 50%;
    margin-left: -175px;
    padding-top: 101px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 350px;
    z-index: 100;
}

.locale-en-us .ip-map-header {
	font-size: 16px; 
}

#ip-map {
    height:80vh;
    width:100%;
}

@media all and (max-width: 1210px) {
    .maincontainer {     
        flex-direction: column;
        margin: 0;
    }
    
    .thecard {
        margin: 15px 0;
    }
}

/*-----------------------------------------------------------
    VIP
-----------------------------------------------------------*/
.hero-title-vip {
    background: url("../images/bannerbg-vip.png") no-repeat; 
}

.hero-title span {    	
    font-size: 50px;    
}

.garland-club-logo {
    background: url("../images/garland-club-logo.png") left top no-repeat;
    background-size: 310px 168px;
    display: block;
    height: 168px;
    margin-bottom: 44px;
    padding-left: 345px;
    padding-top: 12px;
    width: 100%;
}

.garland-club-logo h3 {
    font-family: source-han-sans-simplified-c, sans-serif;
    line-height: 1.35;
}

.club-image {
    display: flex;
    justify-content: space-between;
    margin: 65px 0 103px;
}

.club-image1 {    
    height: auto;
    width: 58%;
    max-width: 695px;
}

.club-image2 {    
    height: auto;
    width: calc(42% - 32px);
    max-width: 473px;
}

.vip-title {
    background-color: #a78a45;
    border-radius: 3px;
    color: #fff;
    display: flex;
    font-family: 'Chivo-Bold', source-han-sans-simplified-c, sans-serif;
    font-size: 20px;
    font-weight: 600;
    height: 60px;
    position: relative;
    width: 100%;
    
    align-items: center;
    justify-content: center;
}

.vip-card-block {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
    margin-top: -2px;
}

.vip-card-block > div {
    padding-bottom: 12px;
	padding-left: 15px;
	padding-right: 15px;
    padding-top: 60px;
    text-align: center;    
    width: 50%;
}

.vip-card-block > div > img {
    margin-bottom: 13px;
    max-width: 484px;
    width: 81%;
}

.vip-card-block h4 {
    font-family: 'Chivo-Bold', source-han-sans-simplified-c, sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 7px;
}

#main-page-content .vip-card-block p,
#main-page-content .vip-card-box p {
    font-size: 18px;
    line-height: 1.5;
}

.vip-card-block .card-block-convallaria {
    background-color: #cedee3;
}

.vip-card-block .card-block-silver {
    background-color: #e9eaea;
}

.vip-card-block .card-block-goldrose {
    background-color: #ebd9d9;
    padding-bottom: 20px;
}

.vip-card-block .card-block-diamond {
    background-color: #e0e0e0;
    padding-bottom: 20px;
}

.vip-card-box {
    background-color: #f1f0ec;
    border-radius: 3px;
    margin-bottom: 77px;
    padding: 56px 0;
    text-align: center;
}

.vip-card-box h4 {
    font-family:source-han-sans-simplified-c, sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #644936;
    margin-bottom: 40px;
}

.vip-upgrade-box {
    display: flex;
}

.vip-upgrade-box > div {
    padding: 13px 30px 10px;
    width: 33.33%
}

.vip-upgrade-box h4 {
    font-family:source-han-sans-simplified-c, sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #644936;
    margin-bottom: 7px;
}

.goldrose-upgrade,
.diamond-upgrade {
    border-left: 1px #c8c0b7 solid;
}

.card-block-convallaria h4 {
    color: #3d7d90;
}

.card-block-silver h4,
.silver-upgrade h4 {
    color: #a6acab;
}

.card-block-goldrose h4,
.goldrose-upgrade h4 {
    color: #b47172;
}

.card-block-diamond h4,
.diamond-upgrade h4 {
    color: #878888;
}

#main-page-content .vip-p {
    font-size: 18px;
    line-height: 1.5;
    margin: 32px 0 70px;
    text-align: center;
}

.vip-point { 
    margin-top: -2px;
    padding: 29px 0 27px;
}

.vip-point h4 {    
    font-size: 28px;
    margin-bottom: 10px;
}

/*-----------------------------------------------------------
    Cinema
-----------------------------------------------------------*/
.hero-title-cinema {
    background: url("../images/bannerbg-cinema.png") no-repeat; 
}

.cinema-info{
    margin: 0 auto 63px;
    max-width: 820px;
    text-align: center;   
}

.cinema-info span{
    color: #3f5369;    
}

.map-floor {
    color:#c2b8ac;
	font-family: 'Chivo-Bold', source-han-sans-simplified-c, sans-serif;
    font-size:80px;
    line-height:1;
    left: 8vw;
    position: absolute;
    top: 47px;
    z-index:100;
}

/*-----------------------------------------------------------
    Ice Skating
-----------------------------------------------------------*/
.hero-title-iceskating {
    background: url("../images/bannerbg-iceSkating.png") no-repeat; 
}

.iceskating-img-map{
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 10px;
}

.iceskating-info{
    margin: 0 auto 63px;
    max-width: 820px;
    text-align: center;
}

.iceskating-info span{
    color: #3f5369;    
}

.social-media-wrap {
    display: block;
    height: 24px;
    margin: 28px auto 0;
    width: 93px;
}

.social-media-wrap a {
    color: #c2b8ac;
    float: left;
}

.social-media-wrap a:hover {
    color: #936c4d;
}

.social-media-wrap a .fa {
    font-size: 22px;
}

.social-media-wrap .social-media-line {
    background-color: #dcdcdc;
    display: block;
    float: left;
    height: 18px;
    margin: 2px 23px 0 25px;
    width: 1px;
}

/*-----------------------------------------------------------
    Mapplic
-----------------------------------------------------------*/
.mapplic-pin-cinema {
	display: block;
	height: 56px;
	left: 62.7%;
	margin-top: -56px;
	margin-left: -18px;
	position: absolute;
	top: 66.8%;
	width: 36px;
	z-index: 100;
}

.mapplic-pin-iceskating {
	display: block;
	height: 56px;
	left: 58.05%;
	margin-top: -56px;
	margin-left: -18px;
	position: absolute;
	top: 64.8%;
	width: 36px;
	z-index: 100;
}

.mapplic-pin-active, .dplace-pin-active {	
	animation: cycles 0.8s  infinite linear;	
}

@keyframes cycles {
    0%   {margin-top: -56px;}    
	55%  {margin-top: -65px;}	
    80%  {margin-top: -56px;}
    100% {margin-top: -56px;}
}

/*-----------------------------------------------------------
    Shopping
-----------------------------------------------------------*/
.hero-title-shopping {
    background: url("../images/bannerbg-shopping.png") no-repeat;
}

.hero-title-dining {
    background: url("../images/bannerbg-dining.png") no-repeat;
}

.hero-title-event {
    background: url("../images/bannerbg-event.png") no-repeat;
}

#main-content .banner-curve-comingsoon {
    background: url("../images/banner-curve-coming-soon.png") no-repeat;
    background-size: cover;
    display: block;
    height: 13.9vw;
    left: 0;
    position: absolute;
    top: -13.8vw; /*modify by hong */
    width: 100vw;   
}

#main-content .comingsoon-block {
    background: url("../images/coming-soon-bg.jpg") no-repeat;
    background-size: cover;
    display: flex;
    height: 40.28vw;
    align-items: center;
    justify-content: center;
}

#main-content .comingsoon-block h1 {
    color: #fff;
    font-family: 'Chivo-Bold', source-han-sans-simplified-c, sans-serif;
    font-size: 100px;
    letter-spacing: 0.03em;
    margin-bottom: 70px;
}


/*-----------------------------------------------------------
    Concierge
-----------------------------------------------------------*/

.concierge-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-start;
    justify-content: center;
}

.concierge-card {
    background: #fff;
    border: 2px #eaeaea solid;
    display: block;
    margin: 0 38px 76px;
    min-height: 566px;
    padding: 0 40px;
    text-align: center;    
    width: 390px;    
}

.concierge-icon {
    background: url("../images/btnbg-shadow.png") no-repeat;
    display: block;
    height: 138px;
    margin: 46px auto 25px;
    padding-top: 25px;
    text-align: center;
    width: 135px;
}

.concierge-icon img {
    height: auto;
    width: 56px;
}

.concierge-card h4 {
    color: #7f5334;
    font-size: 25px;
    margin-bottom: 12px;
}

.concierge-list-block {
    display: flex;
    flex-wrap: wrap;
   /* align-items: center;*/
    justify-content: space-between;
    padding-top: 22px;
}

.concierge-list-block ul {
    list-style: none;
    margin-bottom: 0;
    margin-left: 18px;
}

.concierge-list-block ul li {
    color: #3f5369;
    font-size: 18px;
    font-weight: 200;
    margin-bottom: 15px;
    padding-right: 4px;
    position: relative;
    text-align: left;
}

.concierge-list-block ul li::before {
    content: '•';
    font-size: 12px;
    left: -16px;
    position: absolute;    
}

/*-----------------------------------------------------------
    Contact Us
-----------------------------------------------------------*/
.contactus-info {
    margin: 0 auto 140px;
    text-align: center;
}

.contactus-info span {
    color: #3f5369;    
}

.contactus-items {
	margin: 0 80px;
}

.contactus-icon {
    background: url("../images/btnbg-shadow.png") no-repeat;
    display: block;
    height: 138px;
    margin: 44px auto 14px;
    padding-top: 25px;
    text-align: center;
    width: 135px;
}

.contactus-icon img {
    height: auto;
    width: 74px;
}

@media all and (max-width: 1210px) {
    .contactus-items {
        margin: 0;
    }
}

/*-----------------------------------------------------------
    Responsive
-----------------------------------------------------------*/
@media all and (max-width: 1280px) {
	.locale-en-us #main-page-content .garland-club-logo h3 {
        line-height: 1.1;
		padding-top: 8px;
    }
}

@media all and (min-width: 1025px) {
    .social-media {        
        right: 54px;        
    }
    
    .button-wrap {
        left: 60px;
    }
    
    .fullscreen-menu .flexnav {
        padding: 40px 56px 0 170px;        
    }
    
    .fullscreen-menu .flexnav .touch-button {        
        height: 38px;
    }
    
    .fullscreen-menu .flexnav li ul {
        margin-bottom: 22px;        
    }
    
    .fullscreen-menu .flexnav li ul li {
        margin-left: 20px;
    }
    
    .fullscreen-menu .flexnav li ul li a {
        opacity: 1;
    }
    
}

@media only screen and (max-width: 1024px) {
    #logo {
        left: 0;        
    }
    
    .fullscreen-menu .nav-height {
        height: calc( 100% - 80px);
        margin: 40px 0 40px;        
    }    
    /*
    .menu-search {
        margin-bottom: 15px;
    }
    
    .fullscreen-menu .flexnav li a {
        font-size: 24px;
        line-height: 38px;
    }
    
    .fullscreen-menu .flexnav li.language a {
        font-size: 20px;
    }
    
    .fullscreen-menu .flexnav li ul {
        margin: 2px 0;
    }
    */
    .fullscreen-menu .flexnav li ul li::before {        
        padding-top: 3px;  
    }

    .fullscreen-menu .flexnav li ul li a {
        padding: 0 0 7px;
    }
    
    .fullscreen-menu .flexnav li.language-midline {
        padding-right: 30px;        
    }
    
    .fullscreen-menu .flexnav li.language-midline::after {
        right: 15px;  
        top: 7px;
    }    
        
    /* index */    
    .smooth-scroll #content-scroll {        
        position: fixed;        
    }    
   /*
    #showcase-holder-wrap {
        background-color: #FF0004;        
    }
    
    #showcase-tilt-wrap,
    #showcase-tilt {
        bottom: 100px;
        top: 0;
        height: auto;
        
        -webkit-transition: all 0.3s ease;
  	    transition: all 0.3s ease; 
    }    
    */
    .slide-text-box {        
        height: 214px;	
        padding-left: 48px;	
        padding-top: 40px;
        width: 514px;
    }
    
    .slide-text-box.slide-textbg1,
    .slide-text-box.slide-textbg3 {        
        background-size: 514px 214px;

    }	
    .slide-text-box.slide-textbg2 {
        background-size: 527px 214px;
        width: 527px;
    }    
    
    .slide-text-box h1 {	
        font-size: 44px;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.44);
    }	
    .slide-text-box h3 {        
        font-size: 30px;
        text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    }	
    .slide-text-box p {        	
        font-size: 22px;
        text-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
    }
    
    /*    banner    */  
    .hero-title-BG {
        background-size: cover;
        height: 175px;
        padding-left: 90px;
        width: 450px;        
    }
    
    .locale-en-us .hero-title-BG {
        padding-left: 60px;
    } 

    .hero-title {
        font-size: 48px;
        text-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
    }
    
    .locale-en-us .hero-title {
        font-size: 36px;        
    }
    
    /*    About Us    */  
    #main-page-content {
        padding: 0 30px;
    }
    
    /*    Office    */
    .hero-subtitle {
        font-size: 16px;        
        margin-bottom: 30px;
        margin-top: 5px;
        text-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
    }
    
    .office-part2 figure {
        margin-top: 0;
    }

	.locale-en-us .office-part2 figure {
        margin-top: 11px;
    }
    
    .office-slide {
        margin: 0 30px;
    }
    
    .swiper-slide-detail {
        padding-right: 35px;        
    }
    
    /*    Fairmont    */
    #hero-bg-image.hero-bg_image_page.fairmont-banner {        
        background-position: 30% bottom;
    }
    
    .hero-title-fairmont .hero-title {
        font-size: 32px;
    }

    .hero-title-fairmont .hero-subtitle {
        letter-spacing: 0.06em;        
    }
    
    .fairmont-logo-box img {
        margin-bottom: 66px;
    }
    
    .fairmont-img-hotel {        
        margin-right: -30px;        
    }
    
    /*    VIP    */
    .hero-title span {    	
        font-size: 37px;    
    }
    
    .garland-club-logo {        
        background-size: 260px 141px;        
        height: auto;        
        padding-left: 294px;
        padding-top: 6px;        
    }
        
    /*    Cinema    */
    
    
    /*    Coming Soon    */
    #main-content .comingsoon-block h1 {
        font-size: 70px;
        margin-bottom: 50px;
    }

}

@media (min-width:600px) and (max-width:781px) {
    .aboutus-number .wp-block-column,
    .fairmont-number .wp-block-column {
        flex-grow: 1;
    }
    /*
    .fairmont-number .wp-block-column:nth-child(2n),
    .fairmont-number .wp-block-column:nth-child(3n) {
        margin-left: 16px;
    }
    */
}

@media only screen and (max-width: 768px) {
    /*    banner    */    
    #hero.has-image,
    #hero.has-image #hero-styles,
    #hero-bg-wrapper {
        height: 60vh;
    }
    
    #hero.has-image #hero-caption {
        padding-bottom: 10vh;
    }
    
    .hero-title-BG {
        background-size: cover;
        height: 155px;
        padding-left: 80px;
        width: 400px;        
    }    

    .hero-title {
        font-size: 42px;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    }
    
    .locale-en-us .hero-title {
        font-size: 32px;
    }
    
    /*    About Us    */  
    #main-page-content h3 {
        font-size: 36px;
    }
	
	.locale-en-us #main-page-content h3 {
        font-size: 31px;
    }
    
    .locale-en-us #main-page-content h3.has-mask span, h3.has-mask span > span {
        line-height: 31px;
        height: 31px;
    }
    
    #main-page-content .aboutus-number .wp-block-column {
        flex-basis: calc(50% - 16px) !important;
    }
    
    .locale-en-us #main-page-content .aboutus-number .wp-block-column:first-child {
        flex-basis: calc(57% - 16px) !important;
    }

	.locale-en-us #main-page-content .aboutus-number .wp-block-column:nth-child(2) {
        flex-basis: calc(43% - 16px) !important;
    }
    
    /*    Office    */
    .hero-subtitle {                
        margin-bottom: 28px;
        margin-top: 0;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    }
    
    .office-part2 figure,
	.locale-en-us .office-part2 figure {
        margin-top: 11px;
    }
    
    .swiper-slide {
        /*align-items: flex-start!important;*/
    }
    
    .swiper-slide-detail {
        padding-right: 20px;
        width: 45%;
    }
    
    .swiper-slide-img {
        width: 55%;
    }
    
    #main-page-content .swiper-slide-detail h4 {
        font-size: 22px;
    }
    
    .office-sky68 {        
        background-size: auto 45px;        
        height: 45px;    
        padding-left: 52px;        
    }
    
    .office-certification {
        margin: 12px 0 25px;
        max-width: 250px;
    }
    
    .office-fairmont {
        margin: 0 0 5px 2px;
        max-width: 132px;
    }
    
    .swiper-slide-detail ul li {
        font-size: 14px;
    }
    
    .swiper-line-divider {
        margin: 0 30px;
    }
    
    /*    Fairmont    */    
    .hero-title-fairmont .hero-title {
        font-size: 28px;
    }

    .hero-title-fairmont .hero-subtitle {
        font-size: 14px;      
    }
    
    .fairmont-logo-box {        
        max-width: none;        
    }
    
    .fairmont-logo-box img {
        margin-bottom: 50px;
    }
    
    .fairmont-slide .swiper-slide {
		align-items: flex-start;	
	}

	.fairmont-slide .swiper-fairmont-detail > div {
        margin: 0 auto;
    }

	.fairmont-control-box {
		bottom: 10px;
	}
    
    /*    VIP    */
    .hero-title span {    	
        font-size: 32px;    
    }    
    
    .garland-club-logo {        
        background-size: 203px 110px;
		min-height: 110px;
        padding-left: 226px;
        padding-top: 0;        
    }
    
    .garland-club-logo h3 {
        line-height: 1;
    }
	
	.locale-en-us #main-page-content .garland-club-logo h3 {
        line-height: 1;
		padding-top: 23px;
    }
    
    /*    Cinema    */
    .map-floor {
        font-size: 58px;    
    }
    
    /*    Coming Soon    */
    #main-content .comingsoon-block h1 {
        font-size: 54px;
        margin-bottom: 38px;
    }
}

@media only screen and (max-width: 767px) {
    /*    About Us    */ 
    #main-page-content {
        padding: 0 15px;
    }
    
    .block-aboutus-left,
    .block-aboutus-right {
        width: 100%;
    }
    
    .block-aboutus-right img:first-child {
        float: left;
        width: calc(100% - 109px);
    }
    
    .block-aboutus-right .transform90 {
        font-size: 60px;        
        letter-spacing: -2px;        
        margin-top: 41px;
        margin-right: -58px;
    }
    
    .aboutus-part2 .block-aboutus-left {
        order: 2;
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30%);
    }
    
    .aboutus-part2 .block-aboutus-right {
        order: 1;
    }
    
    .aboutus-svg,
	.locale-en-us .aboutus-svg,
    .office-svg {
        height: 42vw;
        max-height: none;        
    }
    
    .aboutus-svg-text1 {
        font-size: 54vw;        
    }
    
    .aboutus-svg-text2 {
        font-size: 12vw;        
    }
    
    .aboutus-svg-text3 {
        font-size: 13.6vw; 
    }

    .aboutus-svg-text4 {
        font-size: 6.4vw;
    }
    
    .locale-en-us .aboutus-svg-text1 {
        font-size: 36vw;      
    }
    
    .locale-en-us .aboutus-svg-text2 {
        font-size: 12.2vw;      
    }
     
    #main-page-content h3 {
        font-size: 33px;
    }
    
    #main-page-content .aboutus-number::before,
    #main-page-content .fairmont-number::before,
    #main-page-content .fairmont-number::after {        
        height: 68px;
        margin-left: -1px;
    }
    
    #main-page-content .aboutus-number .wp-block-column {
        flex-basis: 50% !important;
    }
    
    #main-page-content .wp-block-cover {
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);
    }  
    
    #main-page-content .wp-block-cover .number-caption {
        font-size: 18px;
    }
    
    #main-page-content .wp-block-cover #number32,
	#main-page-content .wp-block-cover #number550,
    #main-page-content .wp-block-cover #number800 {        
        font-size: 60px;        
    }
    
    .locale-en-us #main-page-content .wp-block-cover #number32,
	.locale-en-us #main-page-content .wp-block-cover #number550,
    .locale-en-us #main-page-content .wp-block-cover #number800 {        
        font-size: 50px;        
    }
    
    .locale-en-us #main-page-content .wp-block-cover .number-caption .thousand-m2 {
        margin-top: 4px;
        margin-bottom: 4px;
    }
    /*
    img.mfp-img {
        border: 10px #fff solid;
        border-radius: 10px;        
    }
    */
    .mfp-image-holder .mfp-close {        
        top: 15px;
        right: 15px;
    }
    
    /*    Office    */
    .office-svg-text1 {
        font-size: 38vw;
        letter-spacing: -1.8vw;
    }
    
    .office-svg-text2 {
        font-size: 10.98vw;
        margin-top: 5px;
    }
    
    .office-svg-text3 {
        font-size: 4.68vw; 
    }
    
    .locale-en-us .office-svg-text2 {
        font-size: 49px;
    }
    
    .locale-en-us .office-svg-text3,
	.locale-en-us .office-svg-text4 {
        font-size: 23px;
    }
    
    .block-aboutus-right img.office-img1 {
        margin-top: 0;
        width: 100%;
    }
    
    .office-part2 {
        margin-top: 60px;
    }
    
    .office-part2 .block-aboutus-left {
        order: 2;        
    }
    
    .office-part2 .block-aboutus-right {
        order: 1;
    }
    
    #main-page-content .office-cover {
        min-height: 420px;
    }
    
    .office-slide {
        background-color: #eeede9;
        padding-top: 60px;        
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .swiper-slide {
        flex-direction: column;
    }
    
    .swiper-slide-detail,
    .swiper-slide-img {
        padding: 0 15px;
        width: 100%;
    }
    
    #main-page-content .swiper-slide-detail h4 {
        font-size: 20px;
    }
    
    .office-sky68 {        
        background-size: auto 42px;        
        height: 42px;    
        padding-left: 49px;        
    }    
    
    .office-fairmont {        
        max-width: 120px;
    }
          
    .swiper-control {
        padding: 0 15px;
    }
    
    .swiper-line-divider {
        margin: 0 15px;
    }
    
    .swiper-control .swiper-control-1,
    .swiper-control .swiper-control-2 {
        width: 90px;
    }
    
    /*    Fairmont    */
    .block-fairmont-left,
    .block-fairmont-right {
        width: 100%;
    }
    
    .fairmont-logo-box img {
        margin-bottom: 40px;
        width: 60%;
    }
    
    .fairmont-hr {
        margin: 40px auto;
        width: 80px;
        display: block;
    }
    
    .fairmont-slide {        
        background-size: 100% auto;
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .fairmont-slide .swiper-fairmont-img {        
        width: 100%;
    }
    
    .fairmont-slide .swiper-fairmont-detail {
        padding: 30px 15px;
        width: 100%;
    }
    
    .fairmont-control-box {
        bottom: 15px;
        left: 0;
        padding: 0;
        width: 100%;
    }
    
    .fairmont-img-hotel {        
        margin: 10px -15px 0;        
    }    
    
    #main-page-content .wp-block-cover #number13,
    #main-page-content .wp-block-cover #number10,
    #main-page-content .wp-block-cover #number20 {    
        font-size: 60px;        
    }
    
    .locale-en-us #main-page-content .fairmont-number::before {
		left: 51%;
	}
    
    /*    Traffic    */
    .thecard {        
        width: 320px;
    }
    /*
    .theback .flipcard-swiper-container {
        height: 300px;
    }
    
    theback .flipcard-swiper-container .swiper-slide {
        padding-top: 119px;
    }
    */
    .thefront h4 {
        font-size: 22px;
    }
    
    #main-page-content .thefront p,
    #main-page-content .theback .flipcard-swiper-container .swiper-slide p,
    #main-page-content .theback .car-info p {
        font-size: 16px;
    }
    
    .locale-en-us #main-page-content .thefront p,
    .locale-en-us #main-page-content .theback .flipcard-swiper-container .swiper-slide p,
    .locale-en-us #main-page-content .theback .car-info p {
        font-size: 14px;
    }
    
    #main-page-content .car-info h3 .car-number1 {        
        font-size: 48px;    
    }

    #main-page-content .car-info .car-number2 {        
        font-size: 32px;        
    }
    
    .ip-map-header {
        background-size: 74px 64px;        
        font-size: 16px;        
        height: 160px;        
        margin-left: -150px;
        padding-top: 90px;        
        width: 300px;        
    }
    
    /*    VIP    */
    .garland-club-logo {
        background-size: 203px 110px;
        height: auto;
        padding-left: 0;
        padding-top: 120px;
    }
    
    #main-page-content .garland-club-logo h3,
	.locale-en-us #main-page-content .garland-club-logo h3 {
        font-size: 27px;
		padding-top: 0;
    }
    
    #main-page-content .garland-club-logo h3.has-mask span,
    .garland-club-logo h3.has-mask span > span {
        line-height: 36px;
        height: 36px;        
    }
    
    .club-image {
        align-items: center;
        flex-direction: column;
        margin: 60px 0;
    }

    .club-image1 {
        margin-bottom: 30px;
        max-width: none;
        width: 100%;
    }

    .club-image2 {
        margin-bottom: 30px;
        max-width: none;
        width: 100%;     
    }
    
    .vip-card-block > div {
        padding-top: 50px;
        width: 100%;  
    }
    
    .vip-title,
    .vip-card-block h4,
    .vip-card-box h4 {
        font-size: 18px;
    }
    
    #main-page-content .vip-card-block p,
    #main-page-content .vip-card-box p,
    #main-page-content .vip-p {
        font-size: 16px;
    }
    
    .vip-card-box {
        padding: 45px 0 30px;
    }
    
    .vip-upgrade-box {        
        flex-direction: column;
    }

    .vip-upgrade-box > div {
        margin: 0 30px;
        padding-top: 30px;
        width: calc(100% - 60px);
    }
    
    .goldrose-upgrade, .diamond-upgrade {
        border-left: none;
        border-top: 1px #c8c0b7 solid;
    }
    
    .vip-card-box > h4 {
        margin-bottom: 0;
    }
    
    .vip-point {
        padding: 27px 30px;
    }
    
    .vip-point h4 {
        font-size: 25px;
        margin-bottom: 10px;
    }
    
    /*    Concierge    */
    .concierge-card {
        margin: 0 auto 76px;
    }
    
    .concierge-card h4 {
        font-size: 22px;
    }
    
    .concierge-list-block ul li {
        font-size: 16px;
    }
    
    /*    Coming Soon    */    
    #main-content .comingsoon-block {
        height: 100vw;
    }
    
    #main-content .comingsoon-block h1 {
        font-size: 40px;
        margin-bottom: 30px;
    }
}

@media all and (min-width: 480px) {
    .menu-footer {
        /*bottom: 70px;*/
		left: calc(100% - 415px);
        top:90px;
        position: fixed;        
    }
}

@media only screen and (max-width: 479px) {
    #logo {        
        top: 20px;
    }

    #logo img {
        height: 45px;
    }
    
    .social-media {        
        right: 9px;        
    }
    
    .social-media-line {        
        margin: 29px 6px 0 5px;        
    }
    
    .button-wrap {
        left: 15px;
    }
    
    .fullscreen-menu .nav-height-wrap {
		margin: 40px 0;
		overflow-y: auto;
	}
	
    .fullscreen-menu .nav-height,
	.fullscreen-menu .outer{
        height: auto;
		margin: 0;
    }
	
	.menu-footer {
		margin-top: 0;
        padding: 15px 30px 30px;        
    }
    
    /* index */	
    .slide-text-box {        
        height: 134px;	
        padding-left: 15px;	
        padding-top: 25px;	
        width: 321px;
    }
    
    .slide-text-box.slide-textbg1,
    .slide-text-box.slide-textbg3 {        
        background-size: 312px 134px;

    }	
    .slide-text-box.slide-textbg2 {
        background-size: 330px 134px;
        padding-left: 30px;	
        width: 330px;
    }    
    
    .swiper-slide .outer,
    #showcase-holder .showcase-captions,
    #showcase-holder .swiper-pagination-bullet {
        padding: 0 0 110px 0!important;
    }
    
    .slide-text-box h1 {	
        font-size: 27px;        
    }	
    .slide-text-box h3 {        
        font-size: 18px;        
    }	
    .slide-text-box p {        	
        font-size: 14px;
    }    
    
    /*    banner    */  
    .hero-title-BG {
        background-size: cover;
        height: 105px;
        padding-left: 54px;
        width: 270px;        
    }
    
    .locale-en-us .hero-title-BG {
        padding-left: 34px;    
    }

    .hero-title {
        font-size: 30px;
        text-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    }
    
    .locale-en-us .hero-title {
        font-size: 22px;
    }
    
    /*    About Us    */ 
	.locale-en-us #main-page-content .wp-block-cover {
		padding: 45px 0;
	}
	
	.locale-en-us #main-page-content .wp-block-cover h3 {
		font-size: 28px;
	}
    
    /*    Office    */
    .hero-subtitle {
        font-size: 14px;
        margin-bottom: 10px;        
        text-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    }
    
    /*    Fairmont    */ 
    .hero-title-fairmont {
        padding-left: 25px;        
    }    
       
    .hero-title-fairmont .hero-title {
        font-size: 22px;
    }

    .hero-title-fairmont .hero-subtitle {
        font-size: 11px;      
    }
    
    #main-page-content .fairmont-number {
        margin-left: -30px;
        margin-right: -30px;
    }
    
    #main-page-content .wp-block-cover #number13,
    #main-page-content .wp-block-cover #number10,
    #main-page-content .wp-block-cover #number20,
	#main-page-content .wp-block-cover #number325{    
        font-size: 48px;        
    }
    
    #main-page-content .wp-block-cover .number-caption {
        font-size: 16px;
    }
    
    .locale-en-us #main-page-content .wp-block-cover .number-caption {
        font-size: 14px;
		margin-right: 0;
    }
    
    /*    VIP    */
    .hero-title span {    	
        font-size: 23px;    
    }

    /*    Cinema    */
    .map-floor {
        font-size: 48px;
        left: 0;
        text-align: center;
        top: 37px;
        width: 100%;
    }
}

@media only screen and (max-width: 400px) {
    /*
	.fullscreen-menu .nav-height {
        height: calc( 100% - 40px);
        margin: 40px 0 0;
    }
	*/
    
    .menu-footer {
        padding-bottom: 90px;
    }
    
    .locale-en-us #main-page-content .wp-block-cover .number-caption .thousand-m2 {
		font-size: 12px;
		margin-bottom: 5px;
        margin-left: 3px;
		margin-top: 9px;
    }
}

@media only screen and (max-width: 767px) {
    
    .fullwidthcontent {
        padding: 0px !important;
    }

}

/* --- hong added 20200615 ----*/
.dummy {
	background-image: url("../images/custom/textBG1.png") !important;
  	background-repeat: no-repeat;	
}

.slidebox {
     opacity: 0;
	/*
    -webkit-transform: translateY(60px);
    transform: translateY(60px);   
	*/
}
.swiper-pagination-bullet-active .slidebox {
     /*opacity: 1;*/
}

/*----------------------------*/

/* --- hong added 20200725 ----*/
	.percentage {
		color: #7f5334;
	}
	
	.percentage::after {
		color: #7f5334;
	}
	
	.light-content .percentage, .light-content .percentage:after {
		color: #7f5334;
	}

    .loadbar {
		background: rgba(127, 83, 52, 1); 
	}
	
	.light-content .loadbar {
		background: rgba(127, 83, 52, 1);
	}
	
	.light-content.preloader-wrap {
		background: #fff; 
	}
	
	.button-wrap .button-text{
	   color: #7f5334; 
	}
/*----------------------------*/

/* ---- hong added 20200813 ---- */
    .alignfull{
        max-width:1000%;
        width:100%;
    }
    
    .social-media-inline {
    position: absolute;
    z-index: 1000;
    left: 46%;
    }
    
    .social-media-inline .icon-wrap {
    float: left;
    width: 32px;
    }