/* http://meyerweb.com/eric/tools/css/reset/			v2.0 | 20110126*/ 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; vertical-align:baseline;} 
		
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} body {line-height:1;} ol, ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after { content:''; content:none;} table {border-collapse:collapse; border-spacing:0;}

/*Global*/
html * {-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
html{font-size:62.5%}
html, body {height:100%; text-rendering:optimizeLegibility !important; -webkit-font-smoothing:antialiased !important; font-smooth: always;}
body{font-family:'SignikaLight', 'RobotoLight', Arial, 'AthitiRegular', 'Trebuchet MS', 'Microsoft Sans Serif', 'SimHei'; font-size:1.8rem; line-height:2.6rem; font-weight:400; color:#565a5c; background-color:#ffffff; overflow-x: hidden!important;} 

h1, h2, h3, h4, h5, h6{font-family:'ZCOOL XiaoWei', 'SignikaLight', 'RobotoRegular', Arial, 'AthitiRegular', 'SimHei'}

.ru{font-family:'Yanone Kaffeesatz'!important; font-weight: 300; font-size: 2rem}
.ru h1, .ru h2, .ru h3, .ru h4, .ru h5, .ru h6 {font-family:'Yanone Kaffeesatz'!important; font-weight: normal;}

.th h1, .th h2, .th h3, .th h4, .th h5, .th h6{ font-family:'ZCOOL XiaoWei', 'SignikaLight', 'AthitiRegular', 'SimHei';}
.cn, .zh, .cn h1, .cn h2, .cn h3, .cn h4, .cn h5, .cn h6, .zh h1, .zh h2, .zh h3, .zh h4, .zh h5, .zh h6{font-family:'SignikaLight', 'RobotoRegular', 'AthitiRegular', 'SimHei'}

[dir='ltr'], [dir='rtl'] {unicode-bidi: -webkit-isolate; unicode-bidi: -moz-isolate; unicode-bidi: -ms-isolate; unicode-bidi: isolate;} 
bdo[dir='ltr'], bdo[dir='rtl'] {unicode-bidi: bidi-override; unicode-bidi: -webkit-isolate-override; unicode-bidi: -moz-isolate-override; unicode-bidi: -ms-isolate-override; unicode-bidi: isolate-override;}
	
::selection {background:#00b09b; color:#FFF; text-shadow:none;} 
::-moz-selection {background:#00b09b; color:#FFF; text-shadow:none;}
*, *::after, *::before {box-sizing:inherit;} *, *:after, *:before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#container{overflow: hidden}
/*Header*/
header.header{position:relative; z-index:200;}
.linetop{display:none}
.header-top{background-color:#f4f8fa; height:40px; font-size:1.4rem}

.breadcrumb{color:#a4afb4; padding:7px 15px; margin-bottom:0; float:left}
	.breadcrumb li a{color:#6f9eb6;} 
	.breadcrumb li a:hover{color:#4c93c9; text-decoration:none;}
	.breadcrumb li:after{content:""; display:inline-block; height:15px; width:1px; margin:0 10px; background-color:#efefef; vertical-align:middle}
	.breadcrumb li:last-child:after{background:none}
	.breadcrumb li:last-child a{font-weight:normal; color:#a4afb4}
	.breadcrumb li:last-child a:hover{color:#4c93c9; text-decoration:none;}

    .breadcrumb-item.no-active{color: #7caed3;}

.breadcrumb-item+.breadcrumb-item::before{content: none}

*[dir="rtl"] .breadcrumb{float:right}
*[dir="rtl"] .header-toolbar{float:left; margin-left: 5px;}

.header-toolbar{margin:0 5px 0 auto}
	.header-toolbar li{display:inline-block; position:relative;}
	.header-toolbar li:after{content:'';display:inline-block; position:absolute; top:13px; left:0; height:15px; width:1px; background-color:#eaeef0; margin:0; padding:0;}
	.header-toolbar li a{color:#7d8d92; display:inline-block; padding:8px;}
	.header-toolbar li a:hover{color:#4c93c9; text-decoration:none}
	.header-toolbar li.divider{display:none}

.th .header-toolbar li a{font-size:1.6rem}

	/*ONR Login*/		
	.header-toolbar .login-rewards.signin{position:relative}
	.menu-member-rate{position:absolute; min-width:300px; width:300px; right:105px; padding:20px; background:#ffffff; border:1px solid #d6dbde; box-shadow: 0 0 20px rgba(0,0,0,0.1); font-size:1.6rem; z-index:5}
	
	.menu-member-rate .member-rates{margin-bottom:5px; color:#555; font-size:1.6rem;}
	.menu-member-rate .member-rates .icon-bell{content:''; background-image:url(//cloudstorage.amari.com/icon/bell.svg); display:inline-block; width:25px; height:25px; margin-right:8px; vertical-align:top;}
	.menu-member-rate .member-rates .text{width:85%;display:inline-block;}
	.menu-member-rate a.button{float:right; padding:10px 25px; background-color:#5574c3; color:#fff; border:none; border-radius:3px; -webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
	.menu-member-rate a.button:hover{background:#51bfbe; color:#fff; cursor:pointer;}
	
	.menu-member-rate .link{clear:both;font-size: 1.4rem;text-align:right;padding-top: 5px; color:#555}
	.menu-member-rate .link a{text-decoration:underline; background-color:transparent; display:inline; padding:0; font-size:1em; color:#333;}
	
		/*when login*/
		#memberlogin{display:inline-block;}
		.header-toolbar .login-rewards.signin .dropdown-menu.show, .dropdown.login-rewards .dropdown-menu{width: 300px; left:-165px!important; margin-top:13px}
		.dropdown.login-rewards .dropdown-menu{width: 300px; left:inherit!important; right: 0; margin-top:13px}
		.dropdown.login-rewards .dropdown-menu .form-login{border-radius: inherit;box-shadow: none; padding:5px; border: 0; font-size: 1.6rem}
		.header-toolbar .dropdown.login-rewards .dropdown-menu .user-menu li{width: 49%;}
		.dropdown.login-rewards .dropdown-menu .user-menu a{font-size:1.6rem; color: #ffffff; background: #00b09b;  text-align: center; padding: 5px 20px; width: 100%;}
		.dropdown.login-rewards .dropdown-menu .user-menu a:hover{background:#5574c3;}
	
	/*language*/
	.header-toolbar .language{display:inline-block; position:relative;}
	.header-toolbar .dropdown-toggle .bt-check.active{display:none}
	.header-toolbar .language > .dropdown-menu:after, .header-toolbar .language > .dropdown-menu:before {bottom: 100%; left: 72%; border: solid transparent; content: " "; height: 0; 	width: 0;	position: absolute;
	pointer-events: none;}
	.header-toolbar .language > .dropdown-menu:before{border-color: rgba(214, 219, 222, 0);	border-bottom-color: #d6dbde; border-width: 11px;	margin-left: -11px;}
	.header-toolbar .language > .dropdown-menu:after{border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff;	border-width: 10px; margin-left: -10px;}

*[dir="rtl"] .language .dropdown-menu{transform: translate3d(0, 22px, 0) !important}
*[dir="rtl"] .header-toolbar .language > .dropdown-menu:after, *[dir="rtl"] .header-toolbar .language > .dropdown-menu:before{left: 15%;}

	/*dropdown-menu animation*/
	.dropdown-menu{display:block; left:0; right:0; margin-top:0; background-color:#fff; border: 1px solid #d6dbde; border-radius:3px; box-shadow:0px 5px 5px -2px rgba(0,0,0,0.1); transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; visibility:hidden; opacity:0; transform: translate3d(-84px, 22px, 0px) !important; z-index:1000;}
	.show .dropdown-menu.show{visibility:visible; opacity:1;}
	.mega-bookingmask {visibility:visible; opacity:1; display:none}
	
	.header-toolbar .language .dropdown-menu{min-width:165px; margin-top:13px}
	.header-toolbar .language .dropdown-menu li{display:block; padding:10px 15px; border-bottom:1px solid #f1f4f7; font-size:1.4rem}
	.header-toolbar .language .dropdown-menu li a{display:block; padding:0;}
	.header-toolbar .language .dropdown-menu li:last-child{border-bottom:none}
	.header-toolbar .language .dropdown-menu li:hover{background:#f4f8fa;cursor:pointer}
	.header-toolbar .language .dropdown-menu li:hover a{color:#49c5b6}
	.header-toolbar .language .dropdown-menu li.active{position:relative}
	.header-toolbar .language .dropdown-menu li.active a{color:#49c5b6;}
	.language .disable{background:transparent; color:#dadcde}
	.header-toolbar .language .dropdown-menu li:after{background:none; height:0; margin:0; padding:0}
	
	/*language - check circle green icon */
	.bt-check {position:absolute; top:50%; right:12px; -webkit-transform:translateY(-50%); transform:translateY(-50%); display:inline-block;width:30px;height:30px;border:1px solid;border-radius:50%;text-align:center;cursor:pointer;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
	.bt-check.active {border-color:#49c5b6 !important; background-color:#49c5b6;}
	.bt-check .bt-content:before {content:'';position:absolute;display:block;top:9px;left:8px;width:12px;height:7px;border:2px solid;border-top:none;border-right:none;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border 0.3s ease-in-out; transition:border 0.3s ease-in-out;}
	.bt-check.active .bt-content:before {border-color:#fff;}
	
	/*reservations*/
	.reservations {height:70px; margin-left:auto !important; padding:0 !important; -webkit-transition:width 0.3s ease-in-out; transition:width 0.3s ease-in-out; z-index:250; position:relative;}
	.reservations .collapse {display: block;}
	.reservations .nav-link{padding:0}
	.reservations .nav-link:before, .reservations .nav-link.dropdown-toggle::after{content:none}
	.navbar-expand-lg .reservations .navbar-nav .nav-link{padding:0}		
.reservations .button button{font-family:'ZCOOL XiaoWei', 'SignikaLight', 'RobotoRegular', Arial, 'AthitiRegular', 'SimHei';}
*[dir="rtl"] .reservations{margin-right:auto !important; margin-left:inherit!important}

	.navbar-nav{margin:0}

/*button no border*/
button {-webkit-appearance: none;-moz-appearance: none; background: transparent; padding: 0; border: 0; border-radius: 0; line-height: 1; }
button:focus{outline:none}

/*close button*/
button.close {position:absolute; display:inline-block; top:4px; right:4px; margin:0; width:30px; height:30px;}
button.close span{position:absolute; z-index:50; top: 6px; left: calc(50% + 6px); display:block; width:16px; height:16px; margin:0px 0px 0px -13px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
	button.close:hover span {-webkit-animation:rotating 0.2s linear; -moz-animation:rotating 0.2s linear;-ms-animation:rotating 0.2s linear;-o-animation:rotating 0.2s linear;animation:rotating 0.2s linear}
	button.close span:before{content: ''; position: absolute; top: 50%; left: 0px; display: block; margin-top: -1px; width:16px; height:2px; background-color:#000;}
	button.close span:after{content: ''; position: absolute; top: 0px; left: 50%; display: block; margin-left: -1px; width:2px; height:16px; background-color:#000;}

	button.close.white span:before{background-color:#fff;}
	button.close.white span:after{background-color:#fff;}
	
	button.expand {-webkit-appearance:none; padding: 0; cursor: pointer; background: 0 0; border: 0;position:absolute; display:inline-block; top:12px; right:12px; margin:0; width:30px; height:30px;}
	button.expand span{position:absolute; z-index:50; top:0px; left:50%; width:18px; height:18px; display: inline-block;  margin:0 0 0 -10px; border-top:2px solid #000; border-right:2px solid #000; transform: rotate(135deg);}
	button.expand.white span {border-right:2px solid #fff; border-top:2px solid #fff}
	
	#rtl button.close{left:10px; right:inherit}
	#rtl button.expand{left:12px; right:inherit}

.iconnew-s {position:relative; background:#49c5b6; border-radius: 50%; color:#fff;margin:0 5px; text-align:center; font-size:11px; line-height:1; width:30px; height:30px; display: inline-block; vertical-align:middle}
.iconnew-s .text{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

/*header navbar*/
.navbar-brand{padding:0; margin:0 1rem;}
.navbar-brand .logo{width:auto; height:50px;padding: 8px 0 0 0;}
.header .item{padding:0 23px;}
.header-main{position:relative; width:100%; height:70px; display:-ms-flexbox; display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; background-color:#fff; transform: translateZ(0); transition:all 0.5s; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);}
.header-main .cd-dropdown-wrapper {width:70px; height:70px; border-right:1px solid #e6ebeb; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.header-main .navbar {padding: 0;}

/* Slidebar - Menu Main  */
.cd-dropdown-trigger {display:block; position:relative; line-height:70px; color:#78868e;}
.no-touch .cd-dropdown-trigger:hover {color:#fff;}
.cd-dropdown-trigger {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width:40px; height:70px; top: auto; left: auto; box-sizing: content-box; font-size: 20px; line-height: 24px; margin-top:0; padding:0 15px; overflow:hidden; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; cursor: pointer; }

/*Hamburger*/
.cd-dropdown-trigger span {width:40px; left:15px; top:33px; transform:translateY(-50%); transform-origin:50% 50%; }
.cd-dropdown-trigger span, .cd-dropdown-trigger span::before,.cd-dropdown-trigger span::after {display: block; position: absolute; height:2px; background:#434e58; transition: all .25s ease}
.cd-dropdown-trigger span::before,.cd-dropdown-trigger span::after {content: ''; width: 100%}
.cd-dropdown-trigger span::before {top:-9px}
.cd-dropdown-trigger span::after {bottom:-9px}

	.cd-dropdown-trigger.dropdown-is-active {background-color:#333;}
	.cd-dropdown-trigger.dropdown-is-active span {transform: rotate(45deg); top:50%;}
	.cd-dropdown-trigger.dropdown-is-active span::before {transform:translate3d(0, 9px, 0); background:#333;}
	.cd-dropdown-trigger.dropdown-is-active span::after {transform:rotate(-90deg) translate3d(9px, 0, 0); background:#333;}	
		
	.cd-dropdown-trigger:hover span, .cd-dropdown-trigger:hover span::before, .cd-dropdown-trigger:hover span::after {background:#888;}
	
	.cd-dropdown-trigger.dropdown-is-active,  .no-touch .cd-dropdown-trigger.dropdown-is-active:hover {background-color:#f4f8fa;}/*when click show background*/
	.cd-dropdown-trigger.dropdown-is-active:hover span::before, .cd-dropdown-trigger.dropdown-is-active:hover span::after {background:#888;}
	
	.cd-dropdown-trigger .text{display:block; margin:40px auto 0 auto; font-family:'SignikaLight','RobotoRegular', Arial, 'AthitiRegular', 'SimHei'; font-size:1rem; color:#434e58; text-transform:uppercase; letter-spacing:0; text-align: center}
	.cd-dropdown-trigger .text:before, .cd-dropdown-trigger .text:after{content:none}
	.cd-dropdown-trigger.dropdown-is-active .text{display:none}
	.cd-dropdown-trigger.dropdown-is-active:hover .text{text-decoration:none}

.th .cd-dropdown-trigger .text{font-size: 1.6rem}

.cd-dropdown h2, .cd-dropdown-content a, .cd-dropdown-content ul a {height:60px; line-height:60px;}
.cd-dropdown h2, .cd-dropdown-content a, .cd-dropdown-content ul a, .cd-dropdown-content .cd-divider {padding: 0 20px;}

.cd-dropdown-content .head {height: 60px; line-height: 60px; border-top: 1px solid #e9ecee; padding: 0 20px;}
.cd-dropdown-content .head b{color: #333; font-size: 2rem;}

.cd-dropdown{background-color:#f4f8fa; position:fixed; top:0; left:0; width:100%; height:2000vh; z-index:1000;
  visibility: hidden;
  /* Force Hardware Acceleration */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s;
  -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s;
  transition: transform 0.5s 0s, visibility 0s 0.5s;}

/* 'X' close icon - mobile version only */
.cd-dropdown .header-sidebar{ display: flex; flex-direction: row; background:#fff; width:100%; height:70px; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.04); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.04); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.04);}
.cd-dropdown .cd-close {display: inline-block!important; position: relative; background: #f4f8fa; width:70px; height:70px; overflow: hidden; text-indent: 100%; white-space: nowrap;color: transparent; border-right: 1px solid #e6eaea;}
.cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before {content: '';position: absolute;left:36px;top:38px;bottom: auto;right: auto;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%); height:38px;width:2px; background-color:#434e58;}
  
.cd-dropdown .cd-close::after {-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);-o-transform: translateX(-50%) translateY(-50%) rotate(45deg);transform: translateX(-50%) translateY(-50%) rotate(45deg);}
.cd-dropdown .cd-close::before {-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);-moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);-o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);transform: translateX(-50%) translateY(-50%) rotate(-45deg);}

.cd-dropdown .logo{margin:0 10px;}
.cd-dropdown .logo img{height:50px; margin: 16px 0 0;}
.cd-dropdown .logo a{display:block; }

.cd-dropdown.dropdown-is-active {visibility:visible; height:200vh; overflow-x: hidden; overflow-y: scroll; -webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);-webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s;-moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s;transition: transform 0.5s 0s, visibility 0s 0s;}
.cd-dropdown-content ul  ul  ul  ul{background: #f4f8fa; height:200vh}
.cd-dropdown-content ul{margin:0}

@media only screen and (min-width: 1024px) {
  .navbar-brand .logo{height:55px; padding:0}    
  .cd-dropdown {position: absolute;top: 100%;/* reset style*/width: auto;height: calc(100vh - 110px);-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);background-color: #ffffff;color: #111433;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);opacity: 0;-webkit-transform: translateY(30px);-moz-transform: translateY(30px);-ms-transform: translateY(30px);-o-transform: translateY(30px);transform: translateY(30px);-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;}
  .cd-dropdown .header-sidebar{display:none}
  .open-to-left .cd-dropdown {/* use the .open-to-left class if you want to open the dropdown on the left */right: 0; left: auto;}
  
  .cd-dropdown.dropdown-is-active {visibility: visible;height:100vh;overflow-x: inherit; overflow-y: inherit}
  .cd-dropdown h2, .cd-dropdown .cd-close,.cd-dropdown .logo {/* on desktop - hide title and 'X' */display: none;}
  .cd-dropdown.dropdown-is-active {opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);-webkit-transition: opacity 0.3s 0s, visibility 0.3s 0s, -webkit-transform 0.3s 0s;-moz-transition: opacity 0.3s 0s, visibility 0.3s 0s, -moz-transform 0.3s 0s;transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s; background: #f4f8fa;}  
}

.cd-dropdown-content, .cd-dropdown-content ul {position: absolute; left: 0;width: 100%;height:250vh; overflow-x: hidden; overflow-y: auto; -webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s; margin:0;}
.cd-dropdown-content {top:70px;}
.cd-dropdown-content ul{top:-1px}
.cd-dropdown-content a, .cd-dropdown-content ul a {display:block;color: #ffffff; /* truncate text with ellipsis if too long */overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-top-width: 1px;border-color: #242643;border-style: solid;}
.cd-dropdown-content li:first-of-type > a, .cd-dropdown-content ul li:first-of-type > a {border-top-width: 0;}
.cd-dropdown-content li:last-of-type > a, .cd-dropdown-content ul li:last-of-type > a {border-bottom-width: 1px;}
.cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider {padding-top: 10px;padding-bottom: 10px;background-color: #0b0e23;font-size: 1.1rem;font-weight: bold;letter-spacing: 1px;color: #585a70;text-transform: uppercase;}
.cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a {border-top-width: 0;}
.cd-dropdown-content a, .cd-dropdown-content .cd-search, .cd-dropdown-content .cd-divider, .cd-dropdown-content ul a, .cd-dropdown-content ul .cd-search, .cd-dropdown-content ul .cd-divider {
  /* Force Hardware Acceleration */-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;-moz-transition: opacity 0.3s, -moz-transform 0.3s;transition: opacity 0.3s, transform 0.3s;}
.cd-dropdown-content.is-hidden, .cd-dropdown-content ul.is-hidden {
  /* push the secondary dropdown items to the right */-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);}
.cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
  /* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */
  opacity: 0;}
.cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {/* push the dropdown items to the left when secondary dropdown slides in */-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);}
.dropdown-is-active .cd-dropdown-content, .dropdown-is-active .cd-dropdown-content ul {-webkit-overflow-scrolling: touch;}

@media only screen and (min-width: 896px) {
  .cd-dropdown-content, .cd-dropdown-content ul {padding-top:60px;}
  .cd-dropdown-content a, .cd-dropdown-content ul a {font-size:1.8rem;}
}

  .cd-dropdown-content, .cd-dropdown-content ul {padding-top: 0; overflow: visible; border-top: 1px solid #e9ecee; list-style:none}
  .cd-dropdown-content a, .cd-dropdown-content ul a {color:#202121; height:60px; line-height:60px; font-size: 2rem; border-color:#e9ecee;}
  .cd-dropdown-content a:hover, .cd-dropdown-content ul a:hover{background: #fff}
  
  .cd-dropdown-content li.other{background:#ebf0f2;}
  .cd-dropdown-content li.other a {height:40px;line-height:40px;font-size: 1.6rem; text-align:center}  
  
  /*When ONR login*/
  	.cd-dropdown-content .onr-login {background: #49c5b6;}
	.cd-dropdown-content .onr-login a{display: flex;}
	.cd-dropdown-content .onr-login a:hover{background:transparent}
	.cd-dropdown-content .onr-login.has-children >a::before, .cd-dropdown-content .onr-login.has-children >a::after{background: #fff;}

	.cd-dropdown-content .onr-login .member-icon:before{content:''; background-image: url(https://cloudstorage.amari.com/icon/icon-user_wh.svg); background-repeat: no-repeat; background-position:0 0; width:30px; height:30px; margin:15px 0; display:inline-block;}
	/*.cd-dropdown-content .onr-login .member-icon:before{content: ''; }*/
	.cd-dropdown-content .onr-login .member-name{margin-left:5px; color:#fff}
	.cd-dropdown-content .onr-login .slash:before{content:'|'; color:rgba(0,0,0,0.2); display:inline; margin:0 10px;}
		.member-detail{padding:20px; border-top:1px solid #e9ecee; border-bottom:1px solid #e9ecee}
	.cd-dropdown-content .onr-login .member-detail a{border-top: none; padding: 0;}
	.cd-dropdown-content .onr-login .onr-logo{background-image: url(https://cloudstorage.amari.com/logo/onyx-rewards.png); background-repeat: no-repeat; width: 106px; height: 49px; display:inline-block; text-indent:-9999em}
	
  .cd-dropdown-content .language .disable{height: 60px; line-height: 60px; padding: 0 20px; border-top:1px solid #e9ecee;}  
  
  .cd-secondary-dropdown{background: #f4f8fa;}
  
  .cd-dropdown-content .cd-info{background:#f4f8fa;}
  .cd-dropdown-content .cd-info a{font-size:1.7rem; color:#707377;}
  .cd-dropdown-content .cd-info.language{border-bottom: 1px solid #e9ecee;}
  .cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider {background-color: transparent;color: #b3b3b3; border-top: 1px solid #e9ecee;}
  .cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a {border-top-width: 1px;}
  .cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > 		.cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, 		.cd-dropdown-content ul.move-out > .cd-divider {/* reset mobile style */opacity: 1;}
  
  /*remark opening*/
  .cd-secondary-dropdown .has-children i{color:#a4afb4; font-size:1.4rem; font-style:normal}  
  .cd-dropdown-content ul a i{color:#a4afb4; font-size:1.5rem; font-style:normal} 
  
.cd-dropdown-content .see-all a {/* different style for the See all links */color: #00b09b; font-weight: 600}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
  /* items with picture (or icon) and title */height: 80px;line-height: 80px;}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
  /* truncate text with ellipsis if too long */overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {padding-left: 90px;}
.cd-dropdown-content .cd-dropdown-gallery img {position: absolute;display: block;height: 40px;width: auto;left: 20px;top: 50%;margin-top: -20px;}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {padding-left: 75px;position: relative;}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {color: #111433;font-size: 1.3rem;/* hide description on small devices */display: none;}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
  /* item icon */content: '';display: block;position: absolute;left: 20px;top: 50%;margin-top: -20px;width: 40px;height: 40px;background-repeat: no-repeat;background-position: center center;background-size: 40px 40px;}

.cd-dropdown-content .cd-secondary-dropdown li.title-nolink, .cd-dropdown-content .cd-secondary-dropdown li.property-nolink{height: 60px; line-height: 60px; border-top: 1px solid #e9ecee; padding: 0 20px; font-size: 1.6rem; color: #222}
@media only screen and (min-width: 1024px) {
  .cd-dropdown-content {/* reset mobile style */position:static; height:auto; width:320px;}
  .cd-dropdown-content > li:last-of-type a {border-bottom: none;}
  .no-touch .cd-dropdown-content > li:not(.has-children) a:hover {color: #00b09b; text-decoration:none}
  .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider {
    /* reset mobile style */-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);opacity: 1;}
  .cd-dropdown-content .cd-secondary-dropdown, .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons {
    -webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);left: 100%;height: auto;background-color: #ffffff;box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);}
  .cd-dropdown-content .cd-secondary-dropdown::after, .cd-dropdown-content .cd-dropdown-gallery::after, .cd-dropdown-content .cd-dropdown-icons::after {clear: both;content: "";display: table;}
  .open-to-left .cd-dropdown-content .cd-secondary-dropdown, .open-to-left .cd-dropdown-content .cd-dropdown-gallery, .open-to-left .cd-dropdown-content .cd-dropdown-icons {
    /* use the .open-to-left class if you want to open the dropdown on the left */left: auto;right: 100%;}
  .cd-dropdown-content .cd-secondary-dropdown.is-hidden, .cd-dropdown-content .cd-dropdown-gallery.is-hidden, .cd-dropdown-content .cd-dropdown-icons.is-hidden {
    /* reset mobile style */-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
  .cd-dropdown-content .cd-secondary-dropdown.fade-in, .cd-dropdown-content .cd-dropdown-gallery.fade-in, .cd-dropdown-content .cd-dropdown-icons.fade-in {
    /* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */
    -webkit-animation: fade-in 0.2s;-moz-animation: fade-in 0.2s;animation: fade-in 0.2s;}
  .cd-dropdown-content .cd-secondary-dropdown.fade-out, .cd-dropdown-content .cd-dropdown-gallery.fade-out, .cd-dropdown-content .cd-dropdown-icons.fade-out {
    /* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */
    -webkit-animation: fade-out 0.2s;-moz-animation: fade-out 0.2s;animation: fade-out 0.2s;}
  .cd-dropdown-content .cd-secondary-dropdown > .go-back, .cd-dropdown-content .cd-dropdown-gallery > .go-back, .cd-dropdown-content .cd-dropdown-icons > .go-back {display: none;}
  .cd-dropdown-content .cd-secondary-dropdown > .see-all, .cd-dropdown-content .cd-secondary-dropdown > .upcoming, .cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all {/*position: absolute; bottom: 0;*/ height: 45px; text-align: center;}
  .cd-dropdown-content .cd-secondary-dropdown > .see-all a, .cd-dropdown-content .cd-secondary-dropdown > .upcoming a, .cd-dropdown-content .cd-dropdown-gallery > .see-all a, .cd-dropdown-content .cd-dropdown-icons > .see-all a {margin: 0;height: 100%;line-height: 45px;background: #f4f8fa;pointer-events: auto;-webkit-transition: color 0.2s, background-color 0.2s;-moz-transition: color 0.2s, background-color 0.2s;transition: color 0.2s, background-color 0.2s;}
  .cd-dropdown-content .cd-secondary-dropdown > .upcoming a{background:transparent}
  .cd-dropdown-content .cd-secondary-dropdown > .upcoming a:hover{background: #f4f8fa;}
  
  .no-touch .cd-dropdown-content .cd-secondary-dropdown > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-gallery > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-icons > .see-all a:hover {color:#ffffff; background-color:#00b09b;}
  .cd-dropdown-content .cd-secondary-dropdown .cd-dropdown-item, .cd-dropdown-content .cd-secondary-dropdown a, .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-gallery a, .cd-dropdown-content .cd-dropdown-icons 		.cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons a {border: none;}
  .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons {padding: 20px 30px 100px;}
  .cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all {width: calc(100% - 60px);}
  .cd-dropdown-content .cd-dropdown-icons > li, .cd-dropdown-content .cd-secondary-dropdown > li {width: 50%; float: left;}
  .cd-dropdown-content .cd-secondary-dropdown {width:704px; height: calc(100vh - 115px); padding-bottom:65px; list-style: none;}
  
  /* this is the separation line in the middle of the .cd-secondary-dropdown element */ 
  /*.cd-dropdown-content .cd-secondary-dropdown::before {position: absolute; content: ''; top: calc(100vh - 115px); left: 15px; height: 1px; width: 640px; background-color: #e9ecee;}*/
 
  
  .cd-dropdown-content .cd-secondary-dropdown > li > a {color: #00b09b;font-size: 1.6rem;margin-bottom: 10px;line-height: 30px;height: 30px;pointer-events: none;}
  .cd-dropdown-content .cd-secondary-dropdown > li > a::after, .cd-dropdown-content .cd-secondary-dropdown > li > a::before {/* hide the arrow */display: none;}
  .cd-dropdown-content .cd-secondary-dropdown.move-out > li > a {/* reset mobile style */-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
  .cd-dropdown-content .cd-secondary-dropdown > li {margin: 20px 0;border-right-width: 1px;border-color: #e9ecee;border-style: solid;padding: 0 30px; height: 250px; list-style:none;}
  .cd-dropdown-content .cd-secondary-dropdown > li:nth-of-type(2n) {border-right-width: 0;}
  .cd-dropdown-content .cd-secondary-dropdown > li > ul {/* reset mobile style */-webkit-transform: translate(0);-moz-transform: translate(0);-ms-transform: translate(0);-o-transform: translate(0);transform: translate(0);position: relative; height:100%;}
  .cd-dropdown-content .cd-secondary-dropdown > li > ul > .go-back {display: none;}
  .cd-dropdown-content .cd-secondary-dropdown li.title-nolink, .cd-dropdown-content .cd-secondary-dropdown a {line-height:1; height:38px; font-size: 1.6rem; padding: 0; white-space: initial;}
  .cd-dropdown-content .cd-secondary-dropdown li.title-nolink{color:#242525}
  .cd-dropdown-content .cd-secondary-dropdown li.property-nolink{color:#555; font-size: 1.6rem}
  .cd-dropdown-content .cd-secondary-dropdown li.title-nolink, .cd-dropdown-content .cd-secondary-dropdown li.property-nolink{border-top:0; padding:0;line-height: 30px;height: 30px;}
  .cd-dropdown-content .cd-secondary-dropdown li.divider{margin:4px 0; width:100%; height:1px; background-color:#efefef}
  
  .cd-dropdown-content .cd-secondary-dropdown > li > ul a .badge{padding: .5em .8em; border-radius: 50px;}
  .no-touch .cd-dropdown-content .cd-secondary-dropdown a:hover {color: #00b09b; text-decoration:none;}
  .cd-dropdown-content .cd-secondary-dropdown ul {padding:10px 0;overflow:hidden; height:100%; background-color:#fff}
  .cd-dropdown-content .cd-secondary-dropdown .go-back a {padding-left: 20px;color: transparent;}
  .no-touch .cd-dropdown-content .cd-secondary-dropdown .go-back a:hover {color: transparent;}
  .cd-dropdown-content .cd-secondary-dropdown .go-back a::before, .cd-dropdown-content .cd-secondary-dropdown .go-back a::after {left: 0;}
  .cd-dropdown-content .cd-secondary-dropdown .see-all, .cd-dropdown-content .cd-secondary-dropdown .upcoming {/*position: absolute;bottom: 0;left: 0;*/width: 100%; font-family:'ZCOOL XiaoWei', SignikaLight, AthitiRegular, 'SimHei';}
  .cd-dropdown-content .cd-secondary-dropdown .see-all a:hover{color:#222d68;}
  
  /*language*/
  .cd-dropdown-content .language .cd-secondary-dropdown > li.header{width: 100%; height: 42px; border-bottom: 1px solid #e9ecee; margin-bottom:0; padding: 0 20px;}
  .cd-dropdown-content .language .cd-secondary-dropdown ul{border-top:0;}
  .cd-dropdown-content .language .cd-secondary-dropdown .is-hidden li,  .cd-dropdown-content .language .cd-secondary-dropdown .is-hidden li a {line-height:40px; height:40px; font-size:1.4rem}
  .cd-dropdown-content .language .cd-secondary-dropdown .has-children .disable{height:40px; line-height:40px; padding:0; border-top:0;}
  
  .cd-dropdown-content .cd-dropdown-gallery {width: 600px;padding-bottom: 100px;}
  .cd-dropdown-content .cd-dropdown-gallery > li {width: 48%;float: left;margin-right: 4%;}
  .cd-dropdown-content .cd-dropdown-gallery > li:nth-of-type(2n) {margin-right: 0;}
  .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {padding: 0;height: auto;line-height: normal;color: #00b09b;margin-bottom: 2em;}
  .cd-dropdown-content .cd-dropdown-gallery > li:nth-last-of-type(2) a,.cd-dropdown-content .cd-dropdown-gallery > li:last-of-type a {margin-bottom: 0;}
  .cd-dropdown-content .cd-dropdown-gallery img {position: static;height: auto;width: 100%;margin: 0 0 0.6em;}
  .cd-dropdown-content .cd-dropdown-icons {width: 600px;}
  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {height: 80px;line-height: 1.2;padding: 24px 0 0 85px;}
  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item:hover {background: #e9ecee;}
  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {color: #00b09b;font-weight: bold;}
  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {display: block;font-size: 1.2rem;}
  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {left: 25px;}
  .cd-dropdown-content > .has-children > ul {visibility: hidden;}
  .cd-dropdown-content > .has-children > ul.is-active {/* when hover over .cd-dropdown-content items - show subnavigation */visibility: visible;}
  .cd-dropdown-content > .has-children > .cd-secondary-dropdown.is-active > li > ul {/* if .cd-secondary-dropdown is visible - show also subnavigation */visibility: visible;}
  .no-touch .cd-dropdown-content > li:not(.has-children) a:hover, 
  .cd-dropdown-content > .has-children > a.is-active {/* hover effect for .cd-dropdown-content items with subnavigation */box-shadow: inset 2px 0 0 #00b09b;color: #00b09b; text-decoration:none; background-color:#fff}
  .no-touch .cd-dropdown-content > li:not(.has-children) a:hover::before, .no-touch .cd-dropdown-content > li:not(.has-children) a:hover::after, 
  .cd-dropdown-content > .has-children > a.is-active::before, .cd-dropdown-content > .has-children > a.is-active::after {background:#00b09b;}
  .open-to-left .cd-dropdown-content > .has-children > a.is-active {box-shadow:inset -2px 0 0 #00b09b;}
}

.has-children > a, .go-back a {position: relative;}

/* arrow icon in CSS - for element with nested unordered lists */
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {content: '';position: absolute;top: 50%;margin-top: -1px;display: inline-block;height: 2px;width: 10px;background: #ffffff;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.has-children > a::before, .go-back a::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.has-children > a::after, .go-back a::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}

.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {background:#b3b3b3;}
.has-children > a {padding-right: 40px;}

/* arrow goes on the right side - children navigation */
.has-children > a::before, .has-children > a::after {right: 20px;-webkit-transform-origin: 9px 50%;-moz-transform-origin: 9px 50%;-ms-transform-origin: 9px 50%;-o-transform-origin: 9px 50%;transform-origin: 9px 50%;}
.has-children.language > a::before, .has-children.language > a::after{content:none}

@media only screen and (min-width: 1024px) {
  .open-to-left .cd-dropdown-content > .has-children > a {padding-left: 40px;padding-right: 20px;}
  .open-to-left .cd-dropdown-content > .has-children > a::before, .open-to-left .cd-dropdown-content > .has-children > a::after {right: auto;left: 20px;-webkit-transform-origin: 1px 50%;-moz-transform-origin: 1px 50%;-ms-transform-origin: 1px 50%;-o-transform-origin: 1px 50%;transform-origin: 1px 50%;}
}

.cd-dropdown-content .go-back a {padding-left: 40px;}
.cd-dropdown-content .go-back a::before, .cd-dropdown-content .go-back a::after {/* arrow goes on the left side - go back button */left: 20px;-webkit-transform-origin: 1px 50%;-moz-transform-origin: 1px 50%;-ms-transform-origin: 1px 50%;-o-transform-origin: 1px 50%;transform-origin: 1px 50%;}

.cd-main-content {background-color:#fff; position: relative; z-index: 0;}
.no-js .cd-dropdown-wrapper:hover .cd-dropdown {visibility: visible;opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.no-js .cd-dropdown-wrapper .cd-close {display: none;}

/*Hamburger*/
.overlay-effect{position:fixed; top:0; left:0; right:0; bottom:0;  width:100%; height:100%; -webkit-transform:translateX(-100%);  transform:translateX(-100%); background:rgba(0, 0, 0, .7); z-index:5}
.overlay-effect.is-active {-webkit-transform:translateX(0);  transform:translateX(0);}

.navbar-light .hamburger.navbar-toggler{border-right:1px solid #e6eaea; width:38px; height:50px; box-sizing: content-box; padding:0 20px; -webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; cursor: pointer;}
.navbar-toggler {border: none;background: transparent !important;}
.navbar-toggler:focus {outline: none;background: transparent !important;}
.navbar-toggler .icon-bar {background-color: #b7bfc3;transform: rotate(0deg) translate(0px, 0px);transition: ease all .2s;}
.navbar-toggler .icon-bar {display: block; width:38px;height:2px;}
.navbar-toggler .icon-bar+.icon-bar {margin-top:6px;}
.icon-bar:nth-child(2) {width:28px; transition:ease all .2s;}
.navbar-toggler:hover>.icon-bar:nth-child(2) {width: 38px; transition: ease all .2s;}
.navbar-toggler:active>.icon-bar:nth-child(2) {width: 38px; transition: ease all .2s;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {transform: rotate(45deg) translate(6px, 5px);transition: ease all .2s;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {opacity: 0; transition: ease all .2s;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {transform: rotate(-45deg) translate(7px, -5px); transition: ease all .2s;}

.navbar-light .navbar-nav .nav-link{color:#4d5053; font-family:'SignikaLight', 'AthitiRegular', 'SimHei';}
.th .navbar-light .navbar-nav .nav-link{font-size:1.9rem}

.ru .navbar-light .navbar-nav .nav-link{font-family:'Yanone Kaffeesatz'; font-size: 1.8rem}

.navbar-expand-lg .navbar-nav .nav-link{padding:.5rem 1.6rem; font-size:1.6rem}
.navbar-expand-lg .navbar-nav .nav-link.active{color:#00b09b}

/*slide left menu*/	
.sidebar-nav{position:fixed; top:0; left:0;  bottom:0;  width:320px;  -webkit-transform:translateX(-320px);  transform:translateX(-320px);  transition:-webkit-transform .7s;  transition:transform .7s;  transition:transform .7s, -webkit-transform .7s; background:#f4f7f6; overflow-y:auto; z-index:1000;}
.sidebar-nav.is-opened {transform:translateX(0);}

	/*sidebar-nav scroll bar*/
	.sidebar-nav::-webkit-scrollbar,
	.cd-dropdown-content .cd-secondary-dropdown::-webkit-scrollbar, .cd-dropdown-gallery::-webkit-scrollbar {width:5px;}	
	
	.sidebar-nav::-webkit-scrollbar-track,
	.cd-dropdown-content .cd-secondary-dropdown::-webkit-scrollbar-track, .cd-dropdown-gallery::-webkit-scrollbar-track {background:#fff;} /* Track */
	
	.sidebar-nav::-webkit-scrollbar-thumb,
	.cd-dropdown-content .cd-secondary-dropdown::-webkit-scrollbar-thumb, .cd-dropdown-gallery::-webkit-scrollbar-thumb {background:#e7efec;}/* Handle */
		
	.sidebar-nav::-webkit-scrollbar-thumb:hover,
	.cd-dropdown-content .cd-secondary-dropdownv::-webkit-scrollbar-thumb:hover, .cd-dropdown-gallery::-webkit-scrollbar-thumb:hover {background:#cce0d9;}/* Handle on hover */
	
	.sidebar-nav .sidebar-top{background:#FFF; height:70px; padding:0; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; font-weight:normal; overflow:hidden; z-index:1;}
	.sidebar-nav .sidebar-top .logo{display:block; line-height:normal;}
	.sidebar-nav .sidebar-top .logo a{display:inline-block}
	
	/*sidebar-nav menu*/
	.sidebar-nav .menu li.active .item {color:#49c5b6;}	
	.sidebar-nav .menu .item, .sidebar-nav .menu a { position:relative; display:block; padding:20px 30px; font-family:'ZCOOL XiaoWei', 'SignikaLight', Sukhumvit, Simhei; font-size:.9em; color:#4d5b64; cursor:pointer; background:#f4f7f6; border-bottom:1px solid #E6EAEA; -webkit-transition:background 0.3s ease-in-out, border 0.3s ease-in-out, color 0.3s ease-in-out; transition:background 0.3s ease-in-out, border 0.3s ease-in-out, color 0.3s ease-in-out;}	
	.sidebar-nav .menu .item:hover, .sidebar-nav .menu a:hover {background-color:#fcfcfc; color:#49c5b6; -webkit-transition:background 0.3s ease-in-out; transition:background 0.3s ease-in-out; text-decoration:none}
	
	/*lang*/
	.sidebar-nav .menu li [data-count]:not([data-count=""]):after {content:attr(data-count); display:block; position:absolute; top:50%; right:25px; width:24px; height:24px; font-size:.7em; line-height:25px; color:#fff; text-align:center; background-color:#50c5b6; border-radius:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
	
	.sidebar-nav .menu li.opens-right>a::after {content:''; display:inline-block; font-style:normal; position:absolute; top:22px; right:25px; width:10px; height:10px; border-right:1px solid #909497; border-top:1px solid #909497; transform:rotate(45deg); margin:0 auto}	
	
	.sidebar-nav .sidebar-content h6{display:block;padding:0;font-size:.9em;background:#fff; color:#999; font-size:0.7em; line-height:1;padding:8px 20px; height:auto; text-transform:capitalize;}
	
	.sidebar-nav .menu.about{border-bottom:1px solid #E6EAEA;}
	.sidebar-nav .menu.about .item, .sidebar-nav .menu.about a{background:#fff; padding:8px 20px; font-size:0.8em;border-bottom:0}
	.sidebar-nav .menu.about .item:hover, .sidebar-nav .menu.about a:hover{/*background-color:#f4f7f6; */color:#222;}

/*Carousel FullScreen*/
.main-banner{position:relative; overflow:hidden; z-index:1}
.main-banner.fullscreen{width:100%; height:calc(100vh - 172px);}/*62+110*/
.main-banner.fullscreen .carousel-caption .header{text-shadow: 0 0 5px rgba(0,0,0,.3);}

/*Flash sale Banner*/
.main-banner.fullscreen .carousel-item.sale .overlay-gradient{display:none}
.main-banner.fullscreen .carousel-item.sale .carousel-caption{bottom:0; background:none; left:0; right:0; width:100%; height:100%; text-align:center;}
.main-banner.fullscreen .carousel-item.sale .carousel-caption .header{width:calc(100% - 40px); position: absolute; top:20px; left:20px; right:20px; text-align: center; z-index: 2}
.main-banner.fullscreen .carousel-item.sale .carousel-caption .header h3.small{margin:0 0 10px 0}
.main-banner.fullscreen .carousel-item.sale .carousel-caption .header h2.title{font-family:'Shillentta', 'Underland', 'AC Espressa'; font-size:3.4rem; line-height:1;}
.main-banner.fullscreen .carousel-item.sale .carousel-caption .header p.text{margin:15px 0 0 0}
.main-banner.fullscreen .carousel-item.sale .carousel-caption .logo{display: block; width: 100%; height: 100%;}
.main-banner.fullscreen .carousel-item.sale .carousel-caption .logo img{width: 100%; height: 100%; object-fit: cover;}
.main-banner.fullscreen .carousel-item.sale .carousel-caption .btn-wrapper{position:absolute; bottom:35px; left: calc(50% - 100px); z-index:2}
.main-banner.fullscreen .carousel-item.sale .carousel-caption .btn-wrapper .btn-border-wh {margin: 0 auto; background: rgba(0,0,0,1); border: 0;}

.main-banner.fullscreen .carousel-item.sale .carousel-caption .header h2.title, .main-banner.fullscreen .carousel-item.sale .carousel-caption .header p.text{display:none}

/*Main Banner Fullscreen - Image*/
.main-banner.fullscreen .image{width:100%; height:calc(100vh - 172px); background:no-repeat center center scroll; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; 
/*-webkit-transition: all 5s; -moz-transition: all 5s; -o-transition: all 5s; transition: all 5s;  transition: all 5s ease-in-out; flash sale - close animation = animation:zoominout 5s forwards;*/}

/*Main Banner Fullscreen - Video*/
.main-banner.fullscreen .video{width:100%; height:calc(100vh - 172px); background:no-repeat center center scroll; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; z-index:10}
	.main-banner.fullscreen .video .video-js {width:100% !important; height:100% !important;  overflow:hidden;}
	.main-banner.fullscreen .video .video-js video{position: absolute; top: 50% !important; left: 50% !important; min-width: 100%; min-height: 100%; width: auto !important; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); object-fit: cover;}

/*Property page - Video control*/
.video-js .vjs-poster{ background:no-repeat center center scroll; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
	.video-js .vjs-quality-container{width: 30px; text-align: center;}
	.video-js .vjs-quality-container button{padding:10px}
	
	.video-js  .vjs-big-play-button {width: 88px; height: 88px; background-repeat: no-repeat; background-position: 50%; background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M44 88C19.738 88 0 68.262 0 44S19.738 0 44 0s44 19.738 44 44-19.738 44-44 44zm0-85C21.393 3 3 21.393 3 44c0 22.608 18.393 41 41 41s41-18.392 41-41C85 21.393 66.607 3 44 3zm16.063 43.898L39.629 60.741a3.496 3.496 0 0 1-3.604.194 3.492 3.492 0 0 1-1.859-3.092V30.158c0-1.299.712-2.483 1.859-3.092a3.487 3.487 0 0 1 3.604.194l20.433 13.843a3.497 3.497 0 0 1 .001 5.795zm-1.683-3.311L37.946 29.744a.49.49 0 0 0-.276-.09.51.51 0 0 0-.239.062.483.483 0 0 0-.265.442v27.685c0 .262.166.389.265.442.1.053.299.118.515-.028L58.38 44.414A.489.489 0 0 0 58.6 44a.49.49 0 0 0-.22-.413z'/%3E%3C/svg%3E"); border: none; top: 50%; left: 50%; margin-top: -44px; margin-left: -44px;}
	.video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button{background:transparent; background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' fill='%23a29061'%3E%3Cpath fill-rule='evenodd' d='M44 88C19.738 88 0 68.262 0 44S19.738 0 44 0s44 19.738 44 44-19.738 44-44 44zm0-85C21.393 3 3 21.393 3 44c0 22.608 18.393 41 41 41s41-18.392 41-41C85 21.393 66.607 3 44 3zm16.063 43.898L39.629 60.741a3.496 3.496 0 0 1-3.604.194 3.492 3.492 0 0 1-1.859-3.092V30.158c0-1.299.712-2.483 1.859-3.092a3.487 3.487 0 0 1 3.604.194l20.433 13.843a3.497 3.497 0 0 1 .001 5.795zm-1.683-3.311L37.946 29.744a.49.49 0 0 0-.276-.09.51.51 0 0 0-.239.062.483.483 0 0 0-.265.442v27.685c0 .262.166.389.265.442.1.053.299.118.515-.028L58.38 44.414A.489.489 0 0 0 58.6 44a.49.49 0 0 0-.22-.413z'/%3E%3C/svg%3E"); }
	.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before{content:none}

/*caption*/
.overlay-gradient{background: rgba(0,0,0,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.4))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); z-index:1}

.carousel-caption{left:10%; right:10%; padding:0}
.carousel-caption p{line-height:1.4; font-size:2rem}

.main-banner .overlay-gradient{position:absolute; bottom:-1px; left:0; right:0; width:100%; height:40%;}

.main-banner.fullscreen .carousel-caption{text-align:left; bottom:10%; width:75%;}
.main-banner.fullscreen .carousel-caption header{text-shadow:0 0 5px rgba(0,0,0,.4);}
.main-banner.fullscreen .carousel-caption h3.small{font-size:2rem; margin:0}
.main-banner.fullscreen .carousel-caption h2.title{font-size:5.6rem; line-height:1; margin:0}
.main-banner.fullscreen .carousel-caption p{font-size: 1.6rem;}

.th .main-banner.fullscreen .carousel-caption h2.title{line-height:1.4;}

*[dir='rtl'] .main-banner.fullscreen .carousel-caption{text-align:right;}
*[dir='rtl'] .main-banner .indicators{right: 15%; left: inherit}
/*indicators*/
.main-banner .indicators{position:absolute; bottom:5px; left:15%; color:#fff; width:300px; height:25px; margin:0 auto; z-index:2;}
.main-banner.rooms .indicators{left: calc(50% - 150px);}

/*control prev, next icon*/
.main-banner .carousel-control-prev-icon{background-image:url('//cloudstorage.amari.com/icon/arrow-left_wh_b.svg'); width:48px; height:48px;}
.main-banner .carousel-control-next-icon{background-image:url('//cloudstorage.amari.com/icon/arrow-right_wh_b.svg'); width:48px; height:48px;}

/*Main Banner - inside page*/
.main-banner.inside, .main-banner.inside .image{width:100%; height:400px;}
.main-banner.half, .main-banner.half .image{width:100%; height:410px;}

/*Main Banner - Half for exclusive promotion*/
.main-banner.half .carousel-caption h1{font-size:5rem; line-height:1; text-shadow:0 0 5px rgba(0,0,0,.4)}
.main-banner.half .carousel-caption h2{font-size:3.6rem; line-height:1; text-shadow:0 0 5px rgba(0,0,0,.4)}

/*Main Banner - Promotion*/
.main-banner.half.promotion-banner .carousel-caption {bottom:0; left:0; right:0; padding:0;}
.main-banner.half.promotion-banner .carousel-caption img{display: block; margin: 0 auto; max-width:100%}
.main-banner.half.promotion-banner .overlay-gradient{display:none}

/*Main Banner img object-fit:cover*/
.main-banner .image img{object-fit:cover; width:100%; height:100%;}
.carousel-item:hover{cursor:grab;}

.main-banner.half .pcbox{width:300px}
.pcbox{clear:both; background:#3947a6; text-align:center; text-shadow:none; margin:15px auto; padding:5px;}
.pcbox .bd{padding:10px; border:1px dashed rgba(255, 255, 255, 0.1); font-size:1.4rem; line-height:1; color:#FFF; letter-spacing:3px;}
.pcbox .bd .pctxt{font-size:3.8rem; line-height:1; text-transform:none; letter-spacing:0;}
.pcbox .bd .pctxt a{color:#FFF;} 
.pcbox .bd .pctxt a:hover{color:#36a4ff; text-decoration:none;}
.pcbox .bd .pctxt .night{font-size: 1.4rem; display: block; letter-spacing:2px;}

/*404*/
.main-banner.fullscreen.pagenotfound .carousel-caption{margin:0 auto; text-align:center; bottom:15%}
.main-banner.fullscreen.pagenotfound .carousel-caption h1{font-size:5rem}
.main-banner.fullscreen.pagenotfound .carousel-caption .number{font-family:Arial, Helvetica, sans-serif, 'SimHei'; font-size:16rem; line-height:.8; font-weight:600;color: rgba(255, 255, 255, 0.1); text-align:center}
.main-banner.fullscreen.pagenotfound .carousel-caption .btn-border-wh{margin: 0 auto;}
@keyframes zoominout {
    0% {transform: scale(1,1);}
    50% {transform: scale(1.05,1.05);}
    100% {transform: scale(1,1);}
}

/* General button style (reset) */
.btn-wrapper{position:relative;}

.btn {font-family:'ZCOOL XiaoWei', 'SignikaLight', 'RobotoRegular', Arial, 'AthitiRegular', 'SimHei'; font-size:1.8rem; line-height:1; font-weight:700; cursor:pointer; position:relative; margin:15px 0; padding:2rem 3.5rem; border:0; border-radius:0; outline: none; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.btn:focus, .btn:active{outline:none; border:none}
.btn:after {content: ''; position:absolute; z-index: -1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.btn:before {line-height: 1;position: relative;	-webkit-font-smoothing: antialiased;}

/* Button on banner */
.btn-border-wh{padding:20px 30px; display:block; width:170px}
.btn-border-wh, .btn-border-wh:hover {position:relative; background-color:transparent; border:2px solid #fff; color:#fff;}
.btn-border-wh:before {position:absolute; top:calc(50% - 5px); left:75% ; content: ''; background: url(//cloudstorage.amari.com/icon/icon-arrow-right_wh.svg) no-repeat; display:inline-block; width:17px; height:13px; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; opacity:0; }
.btn-border-wh:hover:before {left:85%; opacity:1;}
.btn-border-wh:active:before {color:#fff;}

/*Scroll down / up*/
.scrolldown{position:absolute; left:5px; bottom:10px; background:url('//cloudstorage.amari.com/icon/scroll-down.png') no-repeat 50% 50%; z-index:1; width:50px; height:150px; transition: all 1s ease 0s; text-indent:-9999em}
.scrolldown:hover{opacity:0.6}
.scrolldown span{display:none}

.resort .scrolldown, .urban .scrolldown{display:none}

.th .scrolldown{background:url('//cloudstorage.amari.com/icon/scroll-down_th.png') no-repeat 50% 50%;}
.cn .scrolldown{background:url('//cloudstorage.amari.com/icon/scroll-down_cn.png') no-repeat 50% 50%;}
.zh .scrolldown{background:url('//cloudstorage.amari.com/icon/scroll-down_zh.png') no-repeat 50% 50%;}

#scrollUp{right:20px; bottom:50px; background:url('//cloudstorage.amari.com/icon/scroll-up.png') no-repeat 50% 50%; z-index:1; width:50px; height:150px; transition: all 1s ease 0s; text-indent:-9999em}
#scrollUp:hover{opacity:0.6}

.th #scrollUp{background:url('//cloudstorage.amari.com/icon/scroll-up_th.png') no-repeat 50% 50%;}
.cn #scrollUp{background:url('//cloudstorage.amari.com/icon/scroll-up_cn.png') no-repeat 50% 50%;}
.zh #scrollUp{background:url('//cloudstorage.amari.com/icon/scroll-up_zh.png') no-repeat 50% 50%;}

[dir='rtl'] .scrolldown, [dir='rtl'] #scrollUp{left:20px; right:inherit; text-align:right}

/*Loading Bar*/
.pace {-webkit-pointer-events: none;pointer-events: none;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.pace-inactive {display: none;}
.pace .pace-progress {background:#a0237f;position:fixed; z-index:5000; top: 0; right:100%; width:100%; height:4px;}

/* Motif */
.motif-full-d1_bn_TL {background: url(//cloudstorage.amari.com/icon/motif-full-d1.svg) no-repeat; position:absolute;  background-size:100%; width:287px; height:428px; left:-115px; top:-220px; z-index:1;}

.motif-full-d2_bn_TL {background: url(//cloudstorage.amari.com/icon/motif-full-d2.svg) no-repeat; position: absolute;  background-size: 100%; width: 180px; height: 280px; left: -92px; top: -149px; z-index:1;}
.motif-full-d2_bn_BL {background: url(//cloudstorage.amari.com/icon/motif-full-d2.svg) no-repeat; position: absolute;  background-size: 100%; width: 369px; height: 550px; left:-41%; bottom:-44%; z-index:1;}

.motif-full-d4_bn_TL {background: url(//cloudstorage.amari.com/icon/motif-full-d4.svg) no-repeat; position:absolute;  background-size:100%; width:390px; height:400px; left:-115px; top:-200px; z-index:1;}
.motif-full-d4_bn_TR {background: url(//cloudstorage.amari.com/icon/motif-full-d4.svg) no-repeat; position:absolute;  background-size:100%; width:390px; height:400px; right:-115px; top:-200px; z-index:1;}
.motif-full-d4_bn_BC {background: url(//cloudstorage.amari.com/icon/motif-full-d4.svg) no-repeat; position:absolute; background-size:100%; width:273px; height:280px; left:calc(50% - 136px); bottom:-140px; z-index:1;}

.motif-outline-d1_bn_BR{background: url(//cloudstorage.amari.com/icon/motif-outline-d1.svg) no-repeat; position: absolute; background-size:100%; width:229px; height:342px; right:-115px; bottom:-220px; z-index:1;}
.motif-outline-d2_bn_TR{background: url(//cloudstorage.amari.com/icon/motif-outline-d2.svg) no-repeat; position: absolute; background-size:100%; width:229px; height:342px; right:-20%; top:-22%; z-index:1;}

.motif-full-d1_desc_BR {background: url(//cloudstorage.amari.com/icon/motif-full-d1.svg) no-repeat; position:absolute;  background-size:100%; width:229px; height:342px; right:-115px; bottom:-220px; z-index:1;}
.motif-full-d2_desc_TL {background: url(//cloudstorage.amari.com/icon/motif-full-d2.svg) no-repeat; position: absolute;  background-size: 100%; width:229px; height: 342px; left:-115px; top:-220px; z-index:1;}
.motif-full-d2-2_desc_TR{background:url(//cloudstorage.amari.com/icon/motif-d3-1.svg) no-repeat; width:220px; height:360px; position: absolute; background-size:100%; right: -55px; top: -100px;display: block; z-index:1;}

    /*Animation*/	/*Rotating*/
    @-webkit-keyframes rotating {
        from {-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
        to {-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}
    }

    @keyframes rotating {
        from {-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
        to {-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}
    }

    /*Fade in*/
    @-webkit-keyframes fade-in {
      0% {opacity: 0;visibility: visible;}
      100% {opacity: 1;visibility: visible;}
    }

    @-moz-keyframes fade-in {
      0% {opacity: 0;visibility: visible;}
      100% {opacity: 1;visibility: visible;}
    }

    @keyframes fade-in {
      0% {opacity: 0;visibility: visible;}
      100% {opacity: 1;visibility: visible;}
    }

    /*Fade-out*/
    @-webkit-keyframes fade-out {
      0% {opacity: 1;visibility: visible;}
      100% {opacity: 0;visibility: visible;}
    }

    @-moz-keyframes fade-out {
      0% {opacity: 1;visibility: visible;}
      100% {opacity: 0;visibility: visible;}
    }

    @keyframes fade-out {
      0% {opacity: 1;visibility: visible;}
      100% {opacity: 0;visibility: visible;}
    }

    /*Slide-down*/
    @-webkit-keyframes slide-down {
        0% {opacity: 0;transform: translateY(-100%);} 
        100% {opacity: 1;transform: translateY(0);} 
    }

    @keyframes slide-down {
        0% {opacity: 0;transform: translateY(-100%);} 
        100% {opacity: 1;transform: translateY(0);} 
    }
	
/*callout*/
.float-bottom-left{position:absolute; top:510px; left:5px; z-index:11}
.ta-callout{width:320px; background-color:#fff; border-radius:3px; overflow:hidden; margin-top:2px}
.ta-callout .logo{background-color:#16b087; float:left; width:85px; height:78px; padding:10px;}
.ta-callout .logo img{margin:0 auto; width:65px}
.ta-callout .message{float:left; width:calc(100% - 85px); border:1px solid #e8e8e8; border-left:none; padding:10px; font-size:12px; color:#333; position:relative}
.ta-callout .message b{font-size:16px; line-height:16px; color:#0c8e6b;}
.ta-callout .message span{display:block; padding:2px 0}
.ta-callout .message i{color:#666;font-size: 10px;}
.ta-callout .message a{font-size:12px; color:#369; text-decoration:underline}
.ta-callout .message a:hover{text-decoration:none}
.ta-callout .message button.close{background-color:transparent; border:none; position:absolute; top:2px; right:4px;font-size:2em; line-height:20px; color:#333; opacity:.7; width:20px;height:23px; text-align: center; cursor:pointer}
.ta-callout .message button.close:hover{opacity:1}
/*End above a fold*/

ul{margin:15px 0; padding:0}
li{margin:0; padding:0}
ol{margin:0; padding:0 0 0 15px}
img {border:none;} 
blockquote{border-left:none;}
p{margin-bottom:15px;}
.hidden{visibility:hidden;opacity:0} 
.visible{visibility:visible;opacity:1;}

.no-padding {padding-left:0; padding-right:0}

.center{text-align: center;margin: 0 auto;display: block;}
#rtl body {direction:rtl; margin:0; padding:0;}
#rtl .text-hidden {text-indent:99999em}

.txtred {color:#da523a;}
.txtremarks{font-size:1.2rem; color:#9199a0}
a{color:#005bbc; text-decoration:none}
a:hover{color:#069; text-decoration:none}

.hide-mobile{display:none}	

.show-mobile {display:block !important;}
.show-desktop {display:none !important;}

@media (max-width:320px){
.main-banner.fullscreen .carousel-item.sale .carousel-caption .header{top:5px}
}
/*only portrait*/
@media (min-width:320px) and (max-width: 567px) and (orientation : portrait) {
.main-intro.top .content .rate-wrap{position: inherit;}
}
@media only screen and (min-width:280px) and (max-width: 653px) and (orientation : portrait) {
.main-banner.fullscreen .carousel-item.sale .carousel-caption .header{top:60px}
.main-banner.fullscreen .carousel-item.sale .carousel-caption .logo {display: block; width: 100%; height: 90%; position: absolute; bottom: 0;}
}
@media only screen and (min-width:375px) and (max-width: 414px) and (orientation : portrait) {
.main-banner.fullscreen .carousel-item.sale .carousel-caption .header{top:70px}
.main-banner.fullscreen .carousel-item.sale .carousel-caption .logo {display: block; width: 100%; height: 90%; position: absolute; bottom: 0;}
}
@media only screen and (min-width:414px) and (max-width: 896px) and (orientation : portrait) {
.main-banner.fullscreen .carousel-item.sale .carousel-caption .header{top:110px}
}
@media only screen and (min-width:414px) and (max-width: 736px) and (orientation : portrait) {
.main-banner.fullscreen .carousel-item.sale .carousel-caption .header{top:70px}
}
/*Surface Duo - portrait*/
@media only screen and (min-width:540px) and (max-width: 720px) and (orientation : portrait) {
.main-banner.fullscreen .carousel-item.sale .carousel-caption .header{top:40px}
.main-banner.fullscreen .carousel-item.sale .carousel-caption .logo img {width:80%!important;}
}

@media only screen and (min-width:768px) {
.main-banner.fullscreen, .main-banner.fullscreen .image {height:100vh;}
.main-banner.fullscreen .carousel-item.sale .carousel-caption .header{top:40px}
.motif-full-d2_bn_BL{width:410px; height:612px; left:-18%; bottom:-32%;}
.motif-outline-d2_bn_TR {width: 369px;height:551px; right: 0;top: -25%;}
.motif-outline-d2_bn_TR{width:369px; height:551px; right: -13%; top:-50%;}
}
@media only screen and (min-width:768px) and (max-width: 1024px) and (orientation : portrait) {
.main-banner.fullscreen .carousel-item.sale .carousel-caption .header{top:70px}
}
/*Pixel 2 xl*/
@media only screen and (max-width: 823px) and (min-width: 411px) and (orientation: landscape){
.main-banner.fullscreen .carousel-item.sale .carousel-caption .logo img{width:auto; height: 100%; object-fit:initial;}	
}
/*Surface Duo - landscape*/
@media only screen and (max-width:720px) and (min-width: 540px) and (orientation : landscape) {
.main-banner.fullscreen, .main-banner.fullscreen .image {height:175vh!important;}
.main-banner.fullscreen .carousel-item.sale .carousel-caption .logo img{width:100%!important; height: auto!important; object-fit:cover!important;}	
}
/*Gallaxy Fold - landscape*/
@media only screen and (max-width: 653px) and (min-width: 280px) and (orientation: landscape){
.main-banner.fullscreen, .main-banner.fullscreen .image {height:280vh!important;}
.main-banner.fullscreen .carousel-item.sale .carousel-caption .logo img{width:auto; height: 100%; object-fit:initial;}	
}
/*only landscape*/
@media (max-width: 896px) and (min-width: 568px) and (orientation: landscape){
.main-banner.fullscreen, .main-banner.fullscreen .image{height: 240vh}
.main-banner.fullscreen .carousel-item.sale .carousel-caption .header {width:600px; left:calc(50% - 300px); top:50px}
.main-banner.fullscreen .carousel-item.sale .carousel-caption .header h2.title{font-size: 5.6rem}
.main-banner.fullscreen .carousel-item.sale .carousel-caption .logo img{width:auto; height: 100%; object-fit:initial;}	

.motif-full-d2_bn_TL{left: -84px; top: -146px;}
.motif-outline-d2_bn_TR {right: -13%; top: -62%;}
.motif-full-d2_bn_BL{bottom:-84%}

/*Restaurants*/
.main-intro .image .image-over{width:35%!important;}

/*Hotel Package individual*/
.main-intro.top{margin: 0;}
.main-intro.top .container {max-width: 100%; padding: 0;}
.main-intro.top .content .rate-wrap{position: inherit;}

.main-intro.top .image{height:calc(100% + 80px)!important;}
.main-intro.top .image .image-over {top: 69%; left: 5%;}
.main-intro.top .image .image-under{height:calc(100% + 80px)!important; position:relative; right:0; left:0}
.main-intro.top .image .image-under img{object-fit: cover; width: 100%; height: 100%;}
}
@media (min-width:897px) and (max-width: 1023px) {
.navbar-expand-lg .navbar-nav .nav-link{padding: .5rem 1rem; font-size: 1.4rem;}
}
@media (min-width:992px) {
	/*megamenu*/			
	.mega-dropdown {position:static!important;}
	
	.mega-dropdown-content {padding:20px 30px 30px; width:calc(100vw - 17px); top:calc(100% - 22px); left:13px; border:0; border-top:1px solid #f4f8fa; border-radius: 0; box-shadow:5px 5px 5px rgba(0,0,0,0.05); font-size:1.6rem;}
	.mega-dropdown-content a {display:block; clear:both; font-weight: normal;line-height:2rem; color:#4d5053;}	
	.mega-dropdown-content a.dropdown-item:hover, .mega-dropdown-content a.dropdown-item:focus {color:#555; background-color:#f4f8fa; text-decoration:none;}
	.mega-dropdown-content a.dropdown-item:active {color:#00b09b; background-color:#f4f8fa; text-decoration:none;}
	
	.mega-dropdown-content form {margin: 3px 20px;}	
	.mega-dropdown-content .form-group {margin-bottom: 3px;}	
	
	.mega-dropdown-content.fullwidth{min-width:100vw; width:100vw}
	.mega-dropdown-content.twocol{min-width:500px;}
	.mega-dropdown-content.threecol{min-width:750px;}
	.mega-dropdown-content.fourcol{min-width:1000px;}
		
	.mega-dropdown-content .dropdown-header {font-size:1.6rem; color:#00b09b; padding:0;}
		
	.mega-dropdown-content .dropdown-header h5{font-size:1.6rem; font-weight:600; color:#4d5256}
	.mega-dropdown-content .dropdown-header h5:after{content:''; width:25px; height:3px; display:block; margin:8px; background:#f0f4f6}	
	
	.mega-dropdown-content .dropdown-header h5 a{font-weight:600; text-decoration:none;}
	.mega-dropdown-content .dropdown-header h5 a{color:#4d5256}
	.mega-dropdown-content .dropdown-header h5 a.active,
	.mega-dropdown-content .dropdown-header h5 a:hover{color:#00b09b}
	.mega-dropdown-content .dropdown-header h5 a.active:hover{color:#333; background-color:#f4f8fa;}
	
	.mega-dropdown-content .dropdown-header h6{padding:0}
	.mega-dropdown-content .dropdown-header h6, .mega-dropdown-content .dropdown-header h6 a{font-size:1.6rem; font-weight:600; text-decoration:none; color:#212529;}	
	.mega-dropdown-content .dropdown-header h6 a.active, .mega-dropdown-content .dropdown-header h6 a:hover{color:#00b09b;}
	
	.mega-dropdown-content .dropdown-header h6 span.dropdown-item{font-weight:600}
	.mega-dropdown-content .dropdown-header h6 span.dropdown-item:hover{color:#212529; background:none}
	
	.dropdown-item{padding:8px; white-space:inherit}
	.dropdown-item:hover{color:#00b09b}
	.mega-dropdown-content .dropdown-item.active, .mega-dropdown-content .dropdown-item:active{color: #00b09b;}
	.dropdown-item i{color: #a4afb4; font-size: 1.4rem; font-style: normal;}
	
	.mega-dropdown-content .link{margin-top:15px; padding-top:15px; border-top:1px solid #efefef;}
	.mega-dropdown-content .link a{font-weight:bold; font-size: 1.05em; color: #3c4043;}
	.mega-dropdown-content .link a.active{color:#35b2ac;}
	.mega-dropdown-content .link a:hover{color:#35b2ac;}	

*[dir="rtl"] .mega-dropdown-content{left:inherit; right:-16.7%; text-align:right}

	/*arrow for dropdown*/
	.dropdown-toggle:after{vertical-align:.2rem; margin-left:.5rem; margin-right: .5rem;border:solid #7d8d92; border-width: 0 2px 2px 0; padding:2px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
	.dropdown-toggle.active:after{border-color:#00b09b;}
	
	/*menumore*/
	.menumore{-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1;  flex: 1;}
	.menumore .dot.dropdown-toggle::after{display:inline-block; content:''; background-image: url('//cloudstorage.amari.com/icon/dot.svg'); width:17px; height:6px; margin-left:2px; vertical-align: inherit; border:0; -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	
	/*Topbar*/
	.nav-link{position:relative}
	.nav-link:hover:before {opacity:1; transform:translateX(0px);}
	.nav-link:before {content: ""; display: block; position:absolute; left:1.2rem; bottom:0; width:25px; height:3px; opacity:0; background-color:#00b09b; transform:translateX(100px); transition:all 0.3s cubic-bezier(0.55, 0, 0.1, 1);}
	.nav-link.active:before{content: ''; position: absolute; background: url(//cloudstorage.amari.com/icon/menu-active.svg) no-repeat; top:-8px; left:calc(50% - 5px); width:9px; height:15px; margin:0 auto; opacity:1; transform:translateX(0px);}
	
	.main-banner.fullscreen .carousel-item.sale .carousel-caption .logo img{width:auto; height:100%;}
}

@media (min-width: 1024px) {
	/*Desktop*/
	.hide-desktop {display:none !important;}
	.hide-desktop-sm {display:none !important;}
	.show-desktop {display:block !important;}	

	/*Mobile*/
	.hide-mobile {display:block !important;}
	.show-mobile {display:none !important;}
	
	.linetop{display:block; height: 4px; background-color:#00b09b;}
	.header-top.show-desktop{display:flex!important; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
	
	.navbar-expand-lg .navbar-nav .nav-link{padding:.5rem .9rem; font-size:1.4rem;}
	.th .navbar-light .navbar-nav .nav-link{font-size:1.6rem;}
	
	.cd-dropdown-trigger .text{font-size:1.2rem; letter-spacing:1px; margin: 43px auto 0 auto;}
	
/*Main Banner Fullscreen - image*/
.main-banner.fullscreen{width:100%; height:calc(100vh - 110px);}
.main-banner.fullscreen .image{width:100%; height:calc(100vh - 110px);}
.main-banner.fullscreen .carousel-caption {width:600px;}

/*Sale*/
.main-banner.fullscreen .carousel-item.sale .carousel-caption .header{width:400px; position:absolute; left:calc(50% - 200px); top:30px; text-align:center;}
.main-banner.fullscreen .carousel-item.sale .carousel-caption .header h2.title {font-size: 5rem; line-height: 1;}
.main-banner.fullscreen .carousel-item.sale .carousel-caption .logo img{width:auto; height: 98%; position: absolute; bottom: 0; left: calc(50% - 200px);}

.main-banner.fullscreen .carousel-caption h2.small{font-size:2rem;}
.main-banner.fullscreen .carousel-caption h3.title{font-size:5rem;}

.carousel-caption{left:15%; right:15%; z-index: 200}

/*Main Banner Fullscreen - video*/
.main-banner.fullscreen .video{width:100%; height:calc(100vh - 152px);}

/*For VT, VDO landing page*/
.main-iframe {position: relative; overflow: hidden; width: 100vw; height: 100vh;}
	.embedvideo-container{padding-bottom: 56.25%; overflow: hidden; width: 100vw; height: calc(100vh - 152px);}
	.embedvt-container{width: 100vw; height: calc(100vh - 152px);}
	
	.iframe-full {position: absolute; top: 0; left: 0; width:100%; height:calc(100vh - 152px);}
	.iframe-full  video {width:100% !important; height:auto !important;}
	
/*404*/
.main-banner.fullscreen.pagenotfound .carousel-caption .number{font-size:30rem;}

/*promotion*/
.main-banner.half, .main-banner.half .image{height:600px}


/*Motif*/
/*design 2*/
.motif-full-d1_bn_TL{width:369px; height:518px; left:-184px;top:-259px;}
.motif-full-d2_bn_TL{width: 200px; height: 320px;; background-size:100%; left:-82px; top:-155px;}
.motif-outline-d2_bn_TR{width:369px; height:551px; background-size:90%; right: -13%; top:-50%; z-index:1}
.motif-full-d2_bn_BL{width:410px; height:612px; background-size:100%; left: -13%;bottom: -63%;}
.motif-full-d4_bn_BC {background-size:100%; width:390px; height:400px; left:calc(50% - 195px); bottom:-200px; z-index:1}
.motif-full-d2-2_desc_TR{width:440px; height:720px; position: absolute; background-size:100%; right: -120px; top: -220px;display: block;z-index:5}
.motif-outline-d4_desc_TR {background: url(//cloudstorage.amari.com/icon/motif-outline-d4-2.svg) no-repeat; position:absolute; background-size:100%; width:320px; height:320px; right:-90px; top:-215px; z-index:1}
.motif-outline-d4_desc_BR {background: url(//cloudstorage.amari.com/icon/motif-outline-d4.svg) no-repeat; position:absolute; background-size:100%; width:390px; height:400px; right:-85px; bottom:-130px; z-index:1}
*[dir="rtl"] .motif-full-d2-2_desc_TR{-webkit-transform: scaleX(-1); transform: scaleX(-1); top: -215px; left: -230px; right: inherit}
}

@media (min-width: 1280px) {
.cd-dropdown-content .cd-secondary-dropdown li.title-nolink, .cd-dropdown-content .cd-secondary-dropdown a {line-height: 30px;height: 30px;white-space: nowrap;}
.cd-dropdown-content .cd-secondary-dropdown {width:900px;}
.navbar-expand-lg .navbar-nav .nav-link{padding: .5rem 1.6rem; font-size:1.6rem}
/*Sale*/
.main-banner.fullscreen .carousel-item.sale .carousel-caption .header{top:60px;}
.main-banner.fullscreen .carousel-item.sale .carousel-caption .header h2.title {font-size: 4.6rem; line-height: 1;}

.th .main-banner.fullscreen .carousel-item.sale .carousel-caption .header h2.title{font-size:7rem;}		
/*Motif on banner*/
.motif-full-d2_bn_TL{width: 407px;height: 612px;left:-14%;top:-364px;}
.motif-full-d2_bn_BL{background-size:100%; width:407px; height:612px; left: -180px; bottom: -306px;}
.motif-outline-d2_bn_TR{position:absolute; background-size:100%; width:407px; height:612px; right:-40px; top:-306px;}
/*Motif on description*/
.motif-full-d1_desc_BR {background-size:100%; width:328px; height:460px; right:-164px; bottom:-230px; z-index:1}
.motif-full-d2_desc_TL{width:410px; height:612px; left: -160px; top: -395px;}
}
@media (min-width: 1360px) {	
.hide-desktop-sm {display:block !important;}
.menumore{display:none}
/*Sale*/
.main-banner.fullscreen .carousel-item.sale .carousel-caption .header {top:25px; width: 400px; left: calc(50% - 200px)}
.main-banner.fullscreen .carousel-item.sale .carousel-caption .header h2.title {font-size:4.6rem;line-height: 1;}
.th .main-banner.fullscreen .carousel-item.sale .carousel-caption .header h2.title{font-size:5.2rem;}
}
@media (min-width: 1440px) {
.main-banner.fullscreen, .main-banner.fullscreen .image{height: calc(100vh - 152px);}
/*Sale*/
.main-banner.fullscreen .carousel-item.sale .carousel-caption .header{top:40px; width: 400px; left: calc(50% - 200px)}
.main-banner.fullscreen .carousel-item.sale .carousel-caption .header h2.title {font-size:5.6rem; line-height: 1;}
.th .main-banner.fullscreen .carousel-item.sale .carousel-caption .header h2.title{font-size:7rem;}
.main-banner.fullscreen .carousel-item.sale .carousel-caption .logo img {width: 450px; height: 600px; bottom: 0; position: absolute; left: calc(50% - 225px);}
}
@media (min-width: 1680px) {
/*Sale*/
.main-banner.fullscreen .carousel-item.sale .carousel-caption .header {top:60px; width: 500px; left: calc(50% - 250px)}
.main-banner.fullscreen .carousel-item.sale .carousel-caption .header h2.title {font-size:6.2rem;}
.main-banner.fullscreen .carousel-item.sale .carousel-caption .logo img{width: 600px; height: 800px; position: absolute; bottom: 0; left: calc(50% - 300px);}

.motif-full-d2_bn_TL{width: 407px;height: 612px;left:-9%;top:-340px;}
}
@media (min-width: 2560px) {
.main-banner.fullscreen .carousel-item.sale .carousel-caption .logo img{width: 900px; height:calc(100vh - 300px); bottom: 0; position: absolute; left: calc(50% - 450px);}
}
/*End*/