/*Show Mobile First*/
/*Lazy Load* // *Avoid empty images to appear as broken*/
img:not([src]):not([srcset]) { visibility:hidden; }
/* Fixes the Firefox anomaly while images are loading*/
@-moz-document url-prefix() { img:-moz-loading {visibility:hidden;} }

h2{font-size:4rem; margin:10px 0}
h3{font-size:3.4rem; margin:10px 0}
h4{font-size:2.2rem; font-weight:600; margin:10px 0}
h5{font-size:2rem; font-weight:500; margin:10px 0}
h6{font-size:1.8rem; font-weight:500; margin:10px 0}
.txtred{color:#F00}

/*alert message*/
.alert-topmessage{position: relative; background:#191a1b; color:#fff; padding:10px 40px 10px 10px; font-size:1.4rem; line-height:1.3; text-align:left;}
.alert-topmessage a{color:#fff;text-decoration:underline;} 
.alert-topmessage a:hover{color:#37ccba;text-decoration:none;}

/*Popup Banner*/
.fancybox-bg {background: rgba(0,0,0,0.8)!important;}
.fancybox-width-banner{width:100%; height:500px; background-size:cover; position:relative;}
.fancybox-width-banner .inner{width: 100%; color:#222;}
.fancybox-width-banner .inner .logo{display:none}
.fancybox-width-banner .inner .btn-wrapper{position: absolute; bottom: 0; left: calc(50% - 75px); width: 150px;}
.fancybox-width-banner .inner .btn-wrapper .btn-view{background:#000; color:#fff; padding:18px 30px;}
.fancybox-width-banner .inner .btn-wrapper .btn-view:hover{color:rgba(255,255,255,0.8)}
.fancybox-width-banner .fancybox-button svg path{fill:#fff!important;}

/*stickytop*/
.stickytop .header-main{position:fixed; top:0; width:100%; z-index:200!important; box-shadow:0 0.375rem 0.5rem 0 rgba(0,0,0,.2); animation:slide-down 0.7s;}

.main-banner.fullscreen .carousel-caption .sha-certificate{background: url("https://cloudstorage.amari.com/logo/amazing-thailand-safety-health.png") no-repeat 50% 50%; background-size:100%; width:130px; height:130px; display:inline-block}
.main-banner.fullscreen .carousel-caption .hotel-resilient-certificate{background: url("https://cloudstorage.amari.com/logo/hotel-resilient_covid-ready_certified.svg") no-repeat 50% 50%; background-size:100%; width:130px; height:130px; display:inline-block}
.main-banner.fullscreen .carousel-caption .million-point {background: url("https://cloudstorage.amari.com/logo/1million-point-en.png") no-repeat 50% 50%; background-size:100%; width:130px; height:130px; display: block}
.th .main-banner.fullscreen .carousel-caption .million-point {background: url("https://cloudstorage.amari.com/logo/1million-point-th.png")no-repeat 50% 50%; background-size:100%; width:130px; height:130px; display: block}
.cn .main-banner.fullscreen .carousel-caption .million-point {background: url("https://cloudstorage.amari.com/logo/1million-point-cn.png")no-repeat 50% 50%; background-size:100%; width:130px; height:130px; display: block}
.zh .main-banner.fullscreen .carousel-caption .million-point {background: url("https://cloudstorage.amari.com/logo/1million-point-zh.png")no-repeat 50% 50%; background-size:100%; width:130px; height:130px; display: block}
	
/*Home/Property - Description*/
.main-description{position:relative; padding:40px 0; overflow-x: hidden; z-index:0}
.main-description.padd-b0{padding-bottom:0}

	.main-description h2.tagline{font-size:1.6rem; line-height:1.6rem; }
	.main-description h1{font-size:4rem; line-height:1.2;}
	.main-description h1:after{content:''; width:50px; height:3px; display:block; margin:15px 0 40px 0; background:#e6dcc7}
	
	.main-description h2{font-size:3rem; line-height:1.2; font-weight:600}
	
    .home   .main-description {padding:15px 0 40px 0}
	.home   .main-description h2.tagline{color:#86764f}
	.home 	.main-description h1{color:#00b8a0}	
	.home 	.main-description p{color:#86764f;}
	
	.main-description h1{color:#a2007d}
	.main-description h2.tagline{font-size:1.6rem; line-height:2rem;}
	
	.resort .main-description h1{color:#a2007d}
	.urban 	.main-description h1{color:#222d68}	

	.resort .main-description h1{font-size:4rem; line-height:1;}
	.resort .main-description h1:after{content:''; width:50px; height:3px; display:block; margin:15px 0 30px 0; background:#e6dcc7}	

	.urban .main-description h1{font-size:4rem; line-height:1;}
	.urban .main-description h1:after{content:''; width:50px; height:3px; display:block; margin:15px 0 40px 0; background:#e6dcc7}

	.main-description{font-size:1.7rem; line-height:2.8rem;}
	.main-description img {display:block; margin:0 auto; max-width:100%;}	

	.main-description h3{font-size:2.4rem; margin:40px 0 15px 0; color:#333;}
	.main-description h4{font-size:2rem; margin:40px 0 15px 0}
	.main-description .content, .main-description .image{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
	.main-description .image{-ms-flex-order: 1; order: 1}
	.main-description .col-md-7.image{z-index:2}
	.main-description .content{-ms-flex-order: 2; order: 2; padding:40px 40px 0 40px;}
	
	.certificated{text-align:center;}
	.cert{display:inline-block; margin:7px}
	
	.webexclusive{border-radius:3px; background-color:#e8eef1; margin:0 auto 60px; padding:20px; color:#212c68;}
	
	/*Promotion*/
	.main-description.promotion-content h2.tagline{margin:0}
	.main-description.promotion-content h1:after{margin:15px 0}
	.main-description.promotion-content .left{padding:18px 20px 0 20px;}
	.main-description.promotion-content .slash{margin:0 10px; color:#e9ebed;}
	.main-description.promotion-content .slash:after{content:'|'; display:inline; color:#e9ebed;}	
	.main-description.promotion-content li{position:relative; padding:0 0 6px 15px; list-style:none; font-size: 1.8rem; line-height: 1.2;}
	.main-description.promotion-content li:before {content:''; width:9px; height:9px; position:absolute; background-image:url(//cloudstorage.amari.com/icon/bullet-s_org.gif); background-position:center; left:0; top:5px;}	
	
	.main-description .pc-box{ display:flex; flex-direction:row; justify-content:flex-start; flex-wrap:nowrap; align-items:center; }
	.main-description .pc-box .pc-text{font-size:1.8rem; line-height:1; font-weight:600; color:#000; padding:18px 20px;}
	.main-description .pc-box .pc-code{font-family:'ZCOOL XiaoWei', 'SignikaLight', 'RobotoRegular', Arial, 'AthitiRegular'; font-size:2rem; line-height:1; font-weight:600; text-transform:none; color:#000; letter-spacing:0; border:2px solid #000; padding:18px 30px;  display:inline}

.th .main-description h2.tagline, .th .main-description h2.tagline{font-size:1.8rem}
.th .main-description, .ru .main-description{font-size:2rem}

	.promotion-content .promotion-icon{margin:30px 0}
	.promotion-content .promotion-icon h4 {font-size:1.6rem; margin-top:15px; margin-bottom:5px}
	.promotion-content .promotion-icon .wrapper{display:flex; line-height:1.2;}
	.promotion-content .promotion-icon .icon{width:60px; height:60px; background:url(https://cloudstorage.amari.com/icon/sprite_highlight-sale.svg?a) no-repeat; display:block;}
	.promotion-content .promotion-icon .icon.onyx-rewards{background-position:0 0}
	.promotion-content .promotion-icon .icon.book-by{background-position:0 -60px}
	.promotion-content .promotion-icon .icon.travel-by{background-position:0 -120px}
	.promotion-content .promotion-icon .icon.promo-code{background-position:0 -180px}
	.promotion-content .promotion-icon .icon.offer{background-position:0 -180px}
	.promotion-content .promotion-description{line-height:1.4}
	.promotion-content .promotion-icon .text {width: 85%;}

*[dir='rtl'] .main-description header{text-align:right}
*[dir='rtl'] .main-description .content{text-align:right}

/*Embed TA Certificate*/
#TA_certificateOfExcellence68 #CDSWIDCOE{margin:0 auto}

/*Restaurant, Amenities Individual*/
.main-intro{position:relative; margin:1px 0 0 0; height:auto}

	.resort .main-intro h1{color:#a2007d;}
	.urban .main-intro h1{color:#222d68;}
	
	.main-intro h2.tagline{font-size:1.8rem; line-height:1.8rem; color:#a9acad;}
	.main-intro h2.tagline:after{content:''; width:30px; height:1px; display:block; margin:15px 0; background:#e3e3e3}	
	.main-intro h1{font-size:4rem; line-height:1; margin:15px 0;}
	
	.main-intro .content{position:relative; z-index:5; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
	.main-intro .content .inner{width:100%; padding:50px}
	
	.main-intro .content .rate-wrap{background:#fff; margin-left:30px; padding:20px 30px; z-index:5;}
	
	.main-intro .image{position:relative; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; height:60vh}
	.main-intro .image .image-over{position:absolute; top:inherit; bottom:-40px; left:30px; z-index:6; width:60%;}
	.main-intro .image .image-over img{border:5px solid #fff; -webkit-box-shadow:6px 0px 20px 0px rgba(0,0,0,0.1); -moz-box-shadow:6px 0px 20px 0px rgba(0,0,0,0.1); box-shadow:6px 0px 20px 0px rgba(0,0,0,0.1); object-fit: cover; width:100%; height:100%;}

	.main-intro .image .image-under img{object-fit: cover; width:100%; height:100%;}	

	.main-intro .image{-ms-flex-order: 1; order: 1; /*height:170px*/} 
	.main-intro .content{-ms-flex-order: 2; order: 2;}	
	.main-intro .linkmedia{margin:30px 0 0 0}	
	
.shop-contact{position:relative;}

*[dir='rtl'] .main-intro .content{text-align:right}

/*Photos   Virtual Tours  ---  dashed*/
.linkmedia{padding:15px 0}
.linkmedia a{color:#000; border-bottom:1px dashed #000; text-decoration:none; margin:0 25px; font-size:1.6rem; font-weight:600}
.linkmedia a:hover{color:#666; border-bottom:1px dashed #666;}
.linkmedia .hidden{display:none}
.image .inner img{object-fit:cover; width:100%; height:100%;}

/*Home - Amari Experience*/
.two-column_equal-fluid-h100{height:140vh; padding:0; margin-right:auto; margin-left:auto;}
.carousel-inner .carousel-item:nth-child(1) .two-column_equal-fluid-h100{background-color:#222d68}
.carousel-inner .carousel-item:nth-child(2) .two-column_equal-fluid-h100{background-color:#00b09b}
.carousel-inner .carousel-item:nth-child(3) .two-column_equal-fluid-h100{background-color:#a3007d}
	.two-column_equal-fluid-h100 .image{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;  position:relative; height:40vh; z-index:1;  color:#fff; overflow:hidden; text-decoration:none;}
	.two-column_equal-fluid-h100 .image .inner{width:100%; height:40vh;}
	
	.two-column_equal-fluid-h100 .content{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; width:100%; height:100vh; position:relative; color:#fff; overflow:hidden; z-index:0}
	.two-column_equal-fluid-h100 .content .inner{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:5; width:75%;}
	.two-column_equal-fluid-h100 .content .tagline{color:rgba(255,255,255,0.8)}
	.two-column_equal-fluid-h100 .content h1, .two-column_equal-fluid-h100 .content h2{font-size:3.6rem;}
	.two-column_equal-fluid-h100 .content h1{color:#222d68}
	.two-column_equal-fluid-h100 .content h1:after, .two-column_equal-fluid-h100 .content h2:after{content:''; width:50px; height:3px; display:block; margin:25px 0; background:rgba(255,255,255,0.15)}
	.two-column_equal-fluid-h100 .content p{color:#fff}


/*Events*/
.two-column_equal-fluid-h100.bg-white{background:#fff}
	.two-column_equal-fluid-h100.bg-white .content, .two-column_equal-fluid-h100.bg-white .content p{color:#565a5c;}
	.two-column_equal-fluid-h100.bg-white .content h2.tagline{font-size:1.6rem!important; color:#565a5c!important}
	.two-column_equal-fluid-h100.bg-white .content h2.tagline:after{content: ''; width: 30px; height: 1px; display: block; margin: 10px 0; background: #e3e3e3;}
	
	.two-column_equal-fluid-h100.bg-white .content h2{font-size:4rem;color:#1d3677;}
	.two-column_equal-fluid-h100.bg-white .content h2:after{background:#e9ebed}
	
	/*Motif*/
	.motif-full-d1_cnt_TL {background:url('https://cloudstorage.amari.com/icon/motif-full-d1.svg') no-repeat; position:absolute; background-size:100%; width:246px; height:368px; left:-85px; top:-180px;}
	.motif-outline-d1_cnt_BR{background:url('https://cloudstorage.amari.com/icon/motif-outline-d1.svg') no-repeat; position:absolute; background-size:100%; width:246px; height:368px; right:-85px; bottom:-180px;}
	
	.motif-outline-d2_cnt_TR{background:url('https://cloudstorage.amari.com/icon/motif-outline-d2.svg') no-repeat; position:absolute; background-size:100%; width:246px; height:368px; right:-85px; top:-180px;}
	
	/*Offer1*/
	.motif-full-d1_cnt2_TL {background:url('https://cloudstorage.amari.com/icon/motif-full-d1.svg') no-repeat; position:absolute; background-size:100%; width:148px; height:207px; left:-68px; top:-94px;}
	.motif-outline-d1_cnt2_BR{background:url('https://cloudstorage.amari.com/icon/motif-outline-d1.svg') no-repeat; position:absolute; background-size:100%; width:164px; height:230px; right:-68px; bottom:-112px;}
	
	/*Events*/	
	.motif-d3_bn_TL {background:url('https://cloudstorage.amari.com/icon/motif-d3-2.svg') no-repeat; position:absolute; background-size:100%; width:266px; height:406px; left:-40px; top:-160px; z-index:1}
	.motif-d3_cnt_TR {background:url('https://cloudstorage.amari.com/icon/motif-d3.svg') no-repeat; position:absolute; background-size:100%; width:266px; height:406px; right:-40px; top:-120px;}
	

/*Amaya Food Gallery*/
.two-column_equal-fluid-h60{height:auto;}
	.two-column_equal-fluid-h60 .image, .two-column_equal-fluid-h60 .content{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; width:100%;}
	
	.two-column_equal-fluid-h60 .image, .two-column_equal-fluid-h60 .image .inner{height:50vh}	
	.two-column_equal-fluid-h60 .image{order:1}
	.two-column_equal-fluid-h60 .content{position:relative; height:50vh; order:2}
	.two-column_equal-fluid-h60 .content .inner{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:80%}
	.two-column_equal-fluid-h60 .content h2.tagline{font-family:'ZCOOL XiaoWei', 'SignikaLight', 'RobotoLight', Arial, 'AthitiRegular', 'Microsoft Sans Serif', tohoma, 'SimHei'; font-size:1.6rem; color:838586;}
	.two-column_equal-fluid-h60 .content h3{font-size:4.6rem; color:#1d3677}
	.two-column_equal-fluid-h60 .content h3:after{content:''; width:50px; height:3px; display:block; margin:25px 0; background:#e9ebed}

/*Background Image with Text = Reserve a Table, Audio, Offer - Property Highligt*/
.bgimage-text {position:relative;height:250px}
	.bgimage-text img{object-fit:cover; width:100%; height:100%; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
	.bgimage-text .raster{background:rgba(0,0,0,0.5); background-image:url('https://cloudstorage.amari.com/images/pattern-dot.png'); position:absolute; top:0; bottom:0; left:0; right:0; padding:0; z-index:1}
	
	.bgimage-text .content{position:absolute; top:0; left:0; right:0; width:100%; height:100%; text-align:center; margin:0 auto; z-index:2}
	.bgimage-text .inner{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%}
	.bgimage-text .inner h2.tagline{font-size:1.6rem; color:rgba(255,255,255,0.6);}
	.bgimage-text .inner h3{font-size:3.6rem; color:#fff; font-weight:500}
	.bgimage-text .inner h3 a.script{font-family:Underland; font-size:4rem;}
	.bgimage-text .inner h3 a{color:#fff; text-shadow:0 0 3px rgba(0,0,0,.5);}
	.bgimage-text .inner h3 a:hover{opacity:.8}
	.bgimage-text .inner p{font-size:1.6rem; color:#fff; text-shadow:0 0 3px rgba(0,0,0,.5); margin-bottom:0}


/*Property - Highliht*/
.two-column_32-fluid{background-color:#00b09b}
.two-column_32-fluid .row{flex-direction:column; justify-content:flex-start;  align-items:stretch; align-content:stretch; height:140vh}
	.two-column_32-fluid .image, .two-column_32-fluid .content{position:relative; max-width:100%;}	
	
	.two-column_32-fluid .image{-ms-flex-order: 1; order: 1; z-index:2; flex:0 1 auto;}
	.two-column_32-fluid .image .inner{width:100%;}
	.two-column_32-fluid .image, .two-column_32-fluid .image .inner{height:40vh;}

	.two-column_32-fluid .content{color:#fff; -ms-flex-order: 2; order: 2; z-index:1; flex:3 1 auto;}
	.two-column_32-fluid .content .inner{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:80%; z-index:5;}
	.two-column_32-fluid .content h2.tagline{font-size:1.6rem; letter-spacing:1px}
	.two-column_32-fluid .content h3{font-size:4.6rem;}
	.two-column_32-fluid .content h3:after{content:''; width:50px; height:3px; display:block; margin:25px 0; background:#fff}

*[dir='rtl'] .two-column_32-fluid .content{text-align:right}

/*Property - Roomtype*/
.resort 	.carousel-inner .carousel-item:nth-child(1) .two-column_32-fluid{background-color:#00b09b}
.resort 	.carousel-inner .carousel-item:nth-child(2) .two-column_32-fluid{background-color:#a3007d}
.resort 	.carousel-inner .carousel-item:nth-child(3) .two-column_32-fluid{background-color:#222d68}

.resort	.carousel-inner .carousel-item:nth-child(1) .two-column_32-fluid .btn-wh{color:#00b09b}
.resort	.carousel-inner .carousel-item:nth-child(2) .two-column_32-fluid .btn-wh{color:#a3007d}
.resort	.carousel-inner .carousel-item:nth-child(3) .two-column_32-fluid .btn-wh{color:#222d68}


.urban 	.carousel-inner .carousel-item:nth-child(1) .two-column_32-fluid{background-color:#222d68}
.urban	.carousel-inner .carousel-item:nth-child(2) .two-column_32-fluid{background-color:#00b09b}
.urban	.carousel-inner .carousel-item:nth-child(3) .two-column_32-fluid{background-color:#a3007d}

.urban	.carousel-inner .carousel-item:nth-child(1) .two-column_32-fluid .btn-wh{color:#222d68}
.urban	.carousel-inner .carousel-item:nth-child(2) .two-column_32-fluid .btn-wh{color:#00b09b}
.urban	.carousel-inner .carousel-item:nth-child(3) .two-column_32-fluid .btn-wh{color:#a3007d}

/*Slide-arrow Top/Right white - control prev, next icon*/
.slide-arrow_TR_wh{width: 100%; overflow-x: hidden;}
.slide-arrow_TR_wh .indicators{position:absolute; top:40vh; right:50px; color:#fff; z-index:2; width:60px; height:60px; text-align:center; padding:18px;}
	.slide-arrow_TR_wh .carousel-control-prev-icon{background-image:url('https://cloudstorage.amari.com/icon/arrow-left_wh_s.svg'); width:24px; height:24px; }
	.slide-arrow_TR_wh .carousel-control-next-icon{background-image:url('https://cloudstorage.amari.com/icon/arrow-right_wh_s.svg'); width:24px; height:24px;}
	.slide-arrow_TR_wh .carousel-control-prev{right:90px; top:40vh; bottom:inherit; left:inherit; width:60px; height:60px; padding:18px}
	.slide-arrow_TR_wh .carousel-control-next{right:10px; top:40vh; bottom:inherit; left:inherit; width:60px; height:60px; padding:18px}

*[dir='rtl'] .slide-arrow_TR_wh .indicators{left: 50px; right:inherit}
*[dir='rtl'] .slide-arrow_TR_wh .carousel-control-prev{left:10px; right:inherit}
*[dir='rtl'] .slide-arrow_TR_wh .carousel-control-next{left:90px; right:inherit}

.aos-init:not(.aos-animate):after {position: fixed;}

/*Slide-arrow Bottom/Right black with bg white - control prev, next icon*/
.slide-arrow_BR_bk .carousel-indicators{vertical-align:middle;}
	.slide-arrow_BR_bk .carousel-indicators li.active{width:8px; height:8px; margin:8px 8px; border-radius:50%; background-color:#fff}
	.slide-arrow_BR_bk .carousel-indicators li{width:4px; height:4px; margin:10px 8px; border-radius:50%; background-color:#756242; opacity:1}
	
	.slide-arrow_BR_bk .carousel-control-prev-icon{background-image:url('https://cloudstorage.amari.com/icon/arrow-left_bk.svg'); width:60px; height:60px;}
	.slide-arrow_BR_bk .carousel-control-next-icon{background-image:url('https://cloudstorage.amari.com/icon/arrow-right_bk.svg'); width:60px; height:60px;}
	.slide-arrow_BR_bk .carousel-control-next, .slide-arrow_BR_bk .carousel-control-prev{opacity:1}	
	.slide-arrow_BR_bk .carousel-control-next:hover, .slide-arrow_BR_bk .carousel-control-prev:hover{opacity:.8}	
	.slide-arrow_BR_bk .carousel-control-prev{right:68px; bottom:0; top:inherit; left:inherit; width:60px; height:60px;}
	.slide-arrow_BR_bk .carousel-control-next{right:8px; bottom:0; top:inherit; left:inherit; width:60px; height:60px;}
	
.main-description .image .carousel-item img{object-fit:cover}
 
*[dir="rtl"] .slide-arrow_BR_bk .carousel-control-prev{right:inherit; left:8px!important;}
*[dir="rtl"] .slide-arrow_BR_bk .carousel-control-next{right:inherit; left:68px!important;}

/*Slide-arrow Bottom/Center white - control prev, next icon*/
.slide-arrow_BC_wh .indicators{position:absolute; bottom:0; left:calc(50% - 30px); color:#fff; z-index:2; width:60px; height:60px; text-align:center; padding:18px;}
	.slide-arrow_BC_wh .carousel-control-prev-icon{background-image:url('https://cloudstorage.amari.com/icon/arrow-left_wh_s.svg'); width:24px; height:24px; }
	.slide-arrow_BC_wh .carousel-control-next-icon{background-image:url('https://cloudstorage.amari.com/icon/arrow-right_wh_s.svg'); width:24px; height:24px;}
	.slide-arrow_BC_wh .carousel-control-prev{top:inherit; bottom:0; left:calc(50% - 90px); width:60px; height:60px; padding:18px}
	.slide-arrow_BC_wh .carousel-control-next{top:inherit; bottom:0; left:calc(50% + 30px); width:60px; height:60px; padding:18px}
	
/*Property - Room Type individual Description & Gallery*/
.two-column_23-fluid{position:relative; width: 100%; padding: 0; margin: auto}
	
	.two-column_23-fluid .image, .two-column_23-fluid .content{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
	
	.two-column_23-fluid .image{-ms-flex-order: 1; order: 1;}
	.two-column_23-fluid .content{-ms-flex-order: 2; order: 2;; z-index:2}
	
	.two-column_23-fluid .image{position:relative; width:100%; height:60vh; padding-right:15px; z-index:1;}
	.two-column_23-fluid .image .inner{width:100%; height:100%;}
	.two-column_23-fluid .image .inner .carousel, .two-column_23-fluid .image .inner .carousel-inner, .two-column_23-fluid .image .inner .carousel-item {height: 100%}
	.two-column_23-fluid .image .inner .carousel-item img{object-fit:cover; width:100%; height:100%; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
	
	.two-column_23-fluid .image .link{position:absolute; left:30px; bottom:50px; padding:10px 20px; background:rgba(0,0,0,0.5); border-radius:50px; z-index:5}
	.two-column_23-fluid .image .link a{color:#fff; font-size:1.4rem; display:inline-block}
	.two-column_23-fluid .image .link a:hover{opacity:.5}
	.pop-up-360{background-image:url('https://cloudstorage.amari.com/icon/pop-up-360.png'); width:26px; height:26px; display:inline-block; vertical-align:middle; margin:0 5px;}	
	.pop-up-plus{background-image:url('https://cloudstorage.amari.com/icon/pop-up-plus.png'); width:24px; height:24px; display:inline-block; vertical-align:middle; margin:0 5px;}
	
	.two-column_23-fluid .content{width:100%; position:relative; color:#565a5c; padding: 15px}
	.two-column_23-fluid .content .inner{width:100vw; height: 100%; margin: 0 auto; padding: 30px}

	.two-column_23-fluid .content h1{font-size:4rem; line-height:1; color:#a2007d;}
	.two-column_23-fluid .content h2.tagline{font-family:'ZCOOL XiaoWei', 'SignikaLight', 'RobotoLight', Arial, 'AthitiRegular', 'Microsoft Sans Serif', tohoma, 'SimHei'; font-size:1.6rem;}
	.two-column_23-fluid .content h2.tagline:after{content:''; width:30px; height:1px; display:block; margin:10px 0; background:#e3e3e3}
	.two-column_23-fluid .content .view{color:#a9adaf; margin:15px 0; font-size: 1.6rem;}
	.two-column_23-fluid .content .view span{margin:0 10px; color:#e8eff1; font-size: 1.4rem;}
	.two-column_23-fluid .content .description{font-size:1.8rem;}
	.two-column_23-fluid .content .remark{font-size: 1.5rem; line-height: 1.3; color: #9b9d9e;}
	
/*Srollbar*/
	/*width*/	.two-column_23-fluid .content .inner::-webkit-scrollbar {width:6px;border-radius: 10px;}
	/* Track */	.two-column_23-fluid .content .inner::-webkit-scrollbar-track {background-color:#f4f8fa;border-radius: 10px;}
	/* Handle */.two-column_23-fluid .content .inner::-webkit-scrollbar-thumb {background-color:#e4eaee;border-radius: 10px;}
	/* Hover */	.two-column_23-fluid .content .inner::-webkit-scrollbar-thumb:hover {background-color:#d7dfe4}

*[dir="rtl"] .two-column_23-fluid .content{text-align:right;}
*[dir="rtl"] .two-column_23-fluid .image .link{right:30px; left:inherit}

.slide-arrow-circle_BR_wh .carousel-item{height:70vh}
.slide-arrow-circle_BR_wh .indicators{position:absolute; top:15px; right:15px; left:inherit;  bottom:inherit; color:#fff;z-index:2; width:10px; height:130px;}
	.slide-arrow-circle_BR_wh .carousel-indicators{flex-direction:column;}
	.slide-arrow-circle_BR_wh .carousel-indicators li{width:2px; height:20px;border-top:5px solid transparent; border-bottom:5px solid transparent;}
	
	.slide-arrow-circle_BR_wh .carousel-control-prev-icon{background-image:url('https://cloudstorage.amari.com/icon/arrow-left-circle_wh.svg'); width:50px; height:50px;}
	.slide-arrow-circle_BR_wh .carousel-control-next-icon{background-image:url('https://cloudstorage.amari.com/icon/arrow-right-circle_wh.svg'); width:50px; height:50px;}
	.slide-arrow-circle_BR_wh .carousel-control-next, .slide-arrow-circle_BR_wh .carousel-control-prev{opacity:1}	
	.slide-arrow-circle_BR_wh .carousel-control-next:hover, .slide-arrow-circle_BR_wh .carousel-control-prev:hover{opacity:.5}	
	
	.slide-arrow-circle_BR_wh .carousel-control-prev{right:80px; bottom:20px; top:inherit; left:inherit; width:60px; height:60px;}
	.slide-arrow-circle_BR_wh .carousel-control-next{right:20px; bottom:20px; top:inherit; left:inherit; width:60px; height:60px;}

/*Slider - List restaurants, amenities*/
.text-overlap-image header{text-align:center; margin:50px auto 20px auto;}
.text-overlap-image header h2{font-size:4.6rem; color:#00b09b; margin: 0 0 20px 0}
.text-overlap-image header h3{font-family:'ZCOOL XiaoWei', 'SignikaLight', 'RobotoLight', Arial, 'AthitiRegular', 'Microsoft Sans Serif', tohoma, 'SimHei'; font-size:1.8rem; display:inline-block; margin:10px 25px 0 25px}
.text-overlap-image header h3 a{color:#808384;}
.text-overlap-image header h3 a.active{color:#565a5c}
.text-overlap-image header h3 a:hover{color:#00b09b;}

.text-overlap-image .image, .text-overlap-image .image .inner{height:50vh}
.text-overlap-image .content, .text-overlap-image .content .inner{height:auto}

.text-overlap-image .image, .text-overlap-image .content{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}

.text-overlap-image .image{background-color:#e7ecea;}
.text-overlap-image .image img{object-fit:cover; width:100%; height:100%; }

.text-overlap-image .content{background-color:#e7ecea; position:relative;}
.text-overlap-image .content .inner{background:#fff; width:100%; height:100%; line-height:1.4; padding:50px; overflow:hidden; z-index:5;}

.text-overlap-image .content .tagline{color:#838586;}
.text-overlap-image .content h3, .text-overlap-image .content h3 a{font-size:4.2rem; line-height:1; color:#00b09b; margin:0}
 .text-overlap-image .content h3 a:hover{color:#384695}
.text-overlap-image .content h3:after{content:''; width:50px; height:3px; display:block; margin:20px 0; background:#e9ebed}

	.slide-arrow_TR_gy .carousel-control-prev-icon{background-image:url('https://cloudstorage.amari.com/icon/arrow-left_gy_s.svg'); width:24px; height:24px;}
	.slide-arrow_TR_gy .carousel-control-next-icon{background-image:url('https://cloudstorage.amari.com/icon/arrow-right_gy_s.svg'); width:24px; height:24px;}
	.slide-arrow_TR_gy .carousel-control-next, .slide-arrow_TR_gy .carousel-control-prev{opacity:1}	
	.slide-arrow_TR_gy .carousel-control-next:hover, .slide-arrow_TR_gy .carousel-control-prev:hover{opacity:.5}	
	
	.slide-arrow_TR_gy .carousel-control-prev{top:50vh; left:inherit; right:100px; width:60px; height:60px;}
	.slide-arrow_TR_gy .indicators{position:absolute; top:50vh; right:60px; width:40px; height:60px; color:#868889; text-align:center; z-index:5}
		.slide-arrow_TR_gy .indicators .countslide{width:40px; height:60px; line-height:60px;}
	.slide-arrow_TR_gy .carousel-control-next{top:50vh; right:0; width:60px; height:60px;}

/*Home - Why Book Direct*/
.book-direct{padding:60px 20px; background:#fff; position:relative;}
	.book-direct header{margin:10px auto; display:block; text-align:center;}
	.book-direct header h2.tagline{font-size:2rem; color:#b3bbbc; font-weight:500}
	.book-direct header h3{font-size:4.6rem; color:#a0237f; font-weight:500}
	.book-direct header h3:after{content:''; width:50px; height:3px; display:block; margin:10px auto; background:#dbdee1;}
	
	.book-direct .link-all{ position:absolute; right:20px; margin:-45px 0 0 0;}
	
	.book-direct .icon-brg{background-image:url('https://cloudstorage.amari.com/icon/sprite_best-rate_m.svg'); width:85px; height:75px; display:block; margin:20px auto;}
	.book-direct .no1{background-position:0 0} .book-direct .no1:hover{background-position:-85px 0}
	.book-direct .no2{background-position:0 -75px} .book-direct .no2:hover{background-position:-85px -75px}
	.book-direct .no3{background-position:0 -150px} .book-direct .no3:hover{background-position:-85px -150px}
	.book-direct .no4{background-position:0 -225px} .book-direct .no4:hover{background-position:-85px -225px}
	
	.book-direct .icon-text{ margin:20px auto; text-align:center; display:block}

.announce, .main-onr-maintenance{padding:20px; background:#eff1f5; position:relative;}
	.announce header, .main-onr-maintenance .headline{margin:10px auto; display:block; text-align:center;}
	.main-onr-maintenance h2{font-size:3.6rem; color:#222d68;}
	.announce header h3{font-size:3.6rem; color:#222d68;}
	.announce .content, .main-onr-maintenance .content{text-align:center;}
	
	/*onr enquiry*/	
.onyxrewards-maintenance {padding:60px 20px; background:#fff; position:relative;}
	.onyxrewards-maintenance h4{ font-family:'ZCOOL XiaoWei', 'SignikaLight', 'RobotoLight', Arial, 'AthitiRegular', 'Trebuchet MS', 'Microsoft Sans Serif', 'SimHei'; font-size:2rem; text-align:center; font-weight:normal;}
	.onyxrewards-maintenance .icon-benefit{background-image:url('https://cloudstorage.amari.com/icon/sprite_onyx-rewards_enquiry.svg'); width:100px; height:90px; display:block; margin:20px auto;}
	.onyxrewards-maintenance .no1{background-position:0 0}
	.onyxrewards-maintenance .no2{background-position:-100px 0}
	.onyxrewards-maintenance .no3{background-position:-200px 0}
	.onyxrewards-maintenance .no4{background-position:-300px 0}	
	.onyxrewards-maintenance .icon-text{margin:20px auto; text-align:center; display:block}
	
	
/*CTA Arrow Hover Effect*/
.the-arrow {transition:all 0.2s;}

	.the-arrow.-left {width:24px;position:absolute;top:24px;left:0;}
	.the-arrow.-left > .shaft {width:24px;background-color:#c0c7c7;}
	.the-arrow.-left > .shaft:before, .the-arrow.-left > .shaft:after {width:0;background-color:#c0c7c7;}
	.the-arrow.-left > .shaft:before {-webkit-transform:rotate(0);transform:rotate(0);}
	.the-arrow.-left > .shaft:after {-webkit-transform:rotate(0);transform:rotate(0);}
	
	.the-arrow.-right {top:0;}
	.the-arrow.-right > .shaft {width:10px;transition-delay:0.2s;}
	/*.the-arrow.-right > .shaft:before, .the-arrow.-right > .shaft:after {width:8px;transition-delay:0.3s;transition:all 0.5s;}
	.the-arrow.-right > .shaft:before {-webkit-transform:rotate(40deg);transform:rotate(40deg);}
	.the-arrow.-right > .shaft:after {-webkit-transform:rotate(-40deg);transform:rotate(-40deg);}*/
	
	.the-arrow > .shaft {background-color:#c0c7c7;display:block;height:1px;position:relative;transition:all 0.2s;transition-delay:0;will-change:transform;}
	.the-arrow > .shaft:before, .the-arrow > .shaft:after {background-color:#c0c7c7; content:'';display:block;height:1px;position:absolute;top:0;right:0;transition:all 0.2s;transition-delay:0;}
	.the-arrow > .shaft:before {-webkit-transform-origin:top right;transform-origin:top right;}
	.the-arrow > .shaft:after {-webkit-transform-origin:bottom right;transform-origin:bottom right;}
	
	.animated-arrow {display:inline-block; color:#96a1a2;font-size:1.4rem; line-height:1px; height:48px; padding:17px 0; font-style:italic;text-decoration:none;position:relative;transition:all 0.2s;}
	.animated-arrow:hover {color:#48609c;}
	.animated-arrow:hover > .the-arrow.-left > .shaft {width:64px;transition-delay:0.1s; background:#48609c}
	.animated-arrow:hover > .the-arrow.-left > .shaft:before, .animated-arrow:hover > .the-arrow.-left > .shaft:after {width:8px;transition-delay:0.1s;background:#48609c}
	.animated-arrow:hover > .the-arrow.-left > .shaft:before {-webkit-transform:rotate(40deg);transform:rotate(40deg);}
	.animated-arrow:hover > .the-arrow.-left > .shaft:after {-webkit-transform:rotate(-40deg);transform:rotate(-40deg);}
	
	.animated-arrow:hover > .main {-webkit-transform:translateX(80px);transform:translateX(80px);}
	
	.animated-arrow:hover > .main > .the-arrow.-right > .shaft {width:0;-webkit-transform:translateX(200%);transform:translateX(200%);transition-delay:0;}
	.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before, .animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {width:0;transition-delay:0;transition:all 0.1s;}
	.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before {-webkit-transform:rotate(0);transform:rotate(0);}
	.animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {-webkit-transform:rotate(0);transform:rotate(0);}
	
	.animated-arrow > .main {display:flex;align-items:center;transition:all 0.2s;}
	.animated-arrow > .main > .text {margin:0 16px 0 34px;line-height:1;}
	.animated-arrow:hover > .main >.text {margin:0 16px 0 0;}
	.animated-arrow > .main > .the-arrow {position:relative;}

/*Home - Member rates banner*/
.banner-member-rates{background-color:#202d4f/*#212c68*/; padding:110px 15px; color:#fff; text-align:center}
	.banner-member-rates .onr-logo{ background-image:url('https://cloudstorage.amari.com/logo/onyx-rewards_wh-gold.svg'); width:185px; height:85px; display:inline-block; margin-right:10px; vertical-align:middle; text-indent:-9999em}
	.banner-member-rates h2{display:inline-block; font-size:5rem; color:#fff; font-family:'ZCOOL XiaoWei', 'SignikaLight', 'RobotoRegular', Arial, 'AthitiRegular';}	
	.banner-member-rates p{font-size:3rem; margin:20px 0; font-family:'ZCOOL XiaoWei', 'SignikaLight', 'RobotoRegular', Arial, 'AthitiRegular';}
	
	.banner-member-rates .link-wrapper{padding:20px 0}
	.banner-member-rates .btn-joinnow, .banner-member-rates .btn-signin{margin:5px; padding:15px 35px; 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;  font-size:1.8rem;}
	
	.banner-member-rates .btn-joinnow{background-color:#fff; color:#a88741;}
	.banner-member-rates .btn-joinnow:hover{background:#000; color:#fff; cursor:pointer; text-decoration:none;}
	
	.banner-member-rates .btn-signin{background:#a88741; color:#fff;}
	.banner-member-rates .btn-signin:hover{background-color:#000; color:#fff; cursor:pointer;text-decoration:none;}

/*Home - Destination*/
/*flickity_groupCells*/
.flickity_group {background:#fff; text-align:center; height:auto;}
.flickity_group .container-fluid{padding:0}

.flickity_group header{padding:40px 0 0 0; text-align:center;}
	.flickity_group header h2.tagline {font-size:1.6rem; color:#b7b09d;}
	.flickity_group header h3		{margin:10px 0; font-size:4rem; line-height:1; color:#a0237f;}
	.flickity_group header h3:after{content:''; width:50px; height:3px; display:block; margin:15px auto; background:#f1efeb}

.flickity_group .destination {position:relative; margin:0 0 30px 0;}
	.flickity_group .destination .dest a{font-size:1.6rem; color:#86764f; margin:0 15px;}
	.flickity_group .destination .dest a:hover{color:#b7b09d;}
	.flickity_group .destination .link-all {position:absolute; right:8%; margin:20px 0 0 0;}

/*carousel*/
	.flickity_group .carousel-cell.is-selected .hovereffect .overlay {background-color:rgba(0,0,0,0.3);}
	.flickity_group .carousel-cell-image {display:block;opacity:0;-webkit-transition:opacity 0.4s;transition:opacity 0.4s;}
	
	.flickity_group .carousel-cell {width:60%; height:auto; margin-left:1px; border-left:1px solid #fff; background:#333; position:relative}	
	.flickity_group .carousel-cell a{font-family:'ZCOOL XiaoWei', 'SignikaLight', 'RobotoLight', Arial, 'AthitiLight'; color:rgba(255,255,255,0.3)}
	.flickity_group .carousel-cell h3{font-size:3.2rem;color:rgba(255,255,255,0.3)}
	.flickity_group .carousel-cell p{font-size:1.4rem;color:rgba(255,255,255,0.3)}	
	.flickity_group .carousel-cell .center-center{opacity:0}
	.flickity_group .carousel-cell.is-selected .center-center{opacity:1}
	.flickity_group .carousel-cell.is-selected a, .flickity_group .carousel-cell.is-selected h3, .flickity_group .carousel-cell.is-selected p{color:#fff}
	
	/*hover*/
	.flickity_group .carousel-cell .hovereffect .overlay{background-color:rgba(0,0,0,0.9);}
	.flickity_group .carousel-cell.is-selected .hovereffect:hover .overlay {background-color:rgba(136, 3, 101, 0.9);}
	
	/*hovereffect*/
	.hovereffect {width:100%; height:100% ;float:left; overflow:hidden;position:relative; text-align:center; cursor:default;}
	.hovereffect .overlay {width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
	
	.hovereffect img {display:block;position:relative;}
	
	.hovereffect h3 {text-align:center; position:relative;-webkit-transform:translateY(45px);-ms-transform:translateY(45px);transform:translateY(45px);-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
	.hovereffect:hover h3 {-webkit-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px);}
	
	.hovereffect p {text-align:center; position:relative;-webkit-transform:translateY(45px);-ms-transform:translateY(45px);transform:translateY(45px);-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
	.hovereffect:hover p {-webkit-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px);}
		
	.hovereffect .seemore {display:block; font-size:1.6rem; background-color:transparent; margin:50px auto 20px auto;  font-weight:normal;text-decoration:none; 
		opacity:0; filter:alpha(opacity=0);  -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
	.hovereffect:hover .seemore{color:#fff; opacity:1; filter:alpha(opacity=100); -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}

	/* fade in lazy loaded image */
	.flickity_group .carousel-cell-image.flickity-lazyloaded, .flickity_group .carousel-cell-image.flickity-lazyerror {opacity:1;}

/*icon eye*/
.eye-wh{background:url('https://cloudstorage.amari.com/icon/eye-wh.svg') 0 5px no-repeat; display:block; margin:16px auto; width:20px; height:20px; text-indent:-6666em; position:relative}
.eye-wh:before{content:''; display:block; width:16px; height:1px; background:#fff; position:absolute; top:-7px; left:2px;}      

.center-center {position:relative; top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%); transform:translateY(-50%); z-index:10}

.gmap_location{}

/*Special Offers - Group*/
/*flickity_threeAround*/
.flickity_three .container-fluid{padding:0}

.flickity_three header{padding:40px 0 20px 0; text-align:center;}
	.flickity_three header h2.tagline {font-size:1.6rem; color:#b7b09d;}
	.flickity_three header h3		   {margin:0; font-size:4.6rem; line-height:1; color:#a0237f;}	
	
	/*carousel*/	
	.flickity_three .carousel-cell {width:80%; height:auto; background:#333; position:relative}
	.flickity_three .carousel-cell-image {display:block; width:100%; height:100%; margin:0 auto; opacity:0;-webkit-transition:opacity 0.4s;transition:opacity 0.4s; position:relative}
	
	/*overlay*/
	.flickity_three .carousel-cell .overlay{background-color:rgba(0,0,0,0.65); width:100%; height:100%; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; opacity:1}
	.flickity_three .carousel-cell.is-selected .overlay{opacity:0; display:none}
	
	/*content*/
	.flickity_three .carousel-cell {top:8%}
	.flickity_three .carousel-cell.is-selected{top:0}
	.flickity_three .carousel-cell .content{display:none}
	.flickity_three .carousel-cell.is-selected a, 	.flickity_three .carousel-cell.is-selected h3, .flickity_three .carousel-cell.is-selected p{color:#fff}	
	.flickity_three .carousel-cell.is-selected .content {position:relative; display:block; height: auto; background:#a3007d; margin:0 auto; color:#fff; overflow:hidden; z-index:0}
	.flickity_three .carousel-cell.is-selected .content .inner{position:relative; padding:30px; height: auto; text-align:center; margin:0 auto; z-index:2}
	.flickity_three .carousel-cell.is-selected .content h3 {font-family:'ZCOOL XiaoWei', 'SignikaLight', 'RobotoLight', Arial, 'AthitiLight'; font-size:3.2rem; margin:0 auto;}
	.flickity_three .carousel-cell.is-selected .content h3:after{content:''; width:50px; height:3px; display:block; margin:15px auto 30px auto; background:rgba(255,255,255,0.3);}
	/*.flickity_three .carousel-cell.is-selected .content p{width:90%;margin:20px auto;}*/
	.flickity_three .carousel-cell.is-selected .content .btn-wrapper{text-align:center; margin:0 auto;}
	.flickity_three .carousel-cell.is-selected .content .btn-wrapper .btn-border-wh{margin:0 auto; padding:15px 40px; font-family:'ZCOOL XiaoWei', 'SignikaLight', 'RobotoLight', Arial, 'AthitiLight'; font-size:1.8rem}
	
	/*arrow*/
	.flickity_three .flickity-prev-next-button{top:23%}

/*Special Offers - Show 1 - show bottom of page*/
.flickity_one header{padding:40px 0 20px 0; text-align:center;}
	.flickity_one header h2.tagline {font-size:1.6rem; color:#838687;}
	.flickity_one header h3		   {margin:0; font-size:4rem; line-height:1; color:#212c68;}	
	
	/*carousel*/	
	.flickity_one .carousel{margin-bottom:80px}
	.flickity_one .carousel-cell {position:relative; width:100vw; height:800px; background:#fff; margin:0 auto; display:flex; opacity:0}
	.flickity_one .carousel-cell .image{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; height:300px}
	.flickity_one .carousel-cell .image .inner{width:100%; height:100%}
	.flickity_one .carousel-cell .content{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; height:440px; top:300px; position:absolute}
	.flickity_one .carousel-cell .content ul{overflow-y: auto; height: 130px; font-size:1.6rem}
	
	/*scrollbar*/
	/*width*/	.flickity_one .carousel-cell .content ul::-webkit-scrollbar {width:6px;border-radius: 10px;}
	/* Track */	.flickity_one .carousel-cell .content ul::-webkit-scrollbar-track {background-color:#f4f8fa;border-radius: 10px;}
	/* Handle */.flickity_one .carousel-cell .content ul::-webkit-scrollbar-thumb {background-color:#e4eaee;border-radius: 10px;}
	/* Hover */	.flickity_one .carousel-cell .content ul::-webkit-scrollbar-thumb:hover {background-color:#d7dfe4}
		
	/*content*/
	.flickity_one .carousel-cell .content .inner{padding:30px}
	.flickity_one .carousel-cell .content h3 {font-family:'ZCOOL XiaoWei', 'SignikaLight', 'RobotoLight', Arial, 'AthitiLight'; font-size:2.2rem; font-weight:600; color:#222}
	.flickity_one .carousel-cell .content h3 a{color:#222}
	.flickity_one .carousel-cell .content h3 a:hover{color:#5673ad}
	.flickity_one .carousel-cell .content .date{margin:8px 0 20px 0; font-size:1.6rem;}
	
	.flickity_one .carousel-cell.is-selected{opacity:1}
	
	.flickity_one .carousel-cell .condition{font-size:1.4rem; color:#959a9d; font-style:italic; line-height:1.2}
	.flickity_one .carousel-cell li{position:relative; padding-left:20px; list-style:none;}
	.flickity_one .carousel-cell li:before {content:''; width:9px; height:9px; position:absolute; background-image:url(//cloudstorage.amari.com/icon/bullet-s_gy.gif); background-position:center; left:4px; top:8px;}	

	.flickity_one .flickity-page-dots{bottom:-30px}
	.flickity_one .flickity-page-dots .dot{background:#000; opacity:.14}
	.flickity_one .flickity-page-dots .dot.is-selected{opacity:1}
	
	.flickity_one .flickity-prev-next-button.previous .flickity-button-icon{width:60px; height:60px; background:url(//cloudstorage.amari.com/icon/arrow-left_bk.svg) no-repeat; display:block}
	.flickity_one .flickity-prev-next-button.next .flickity-button-icon{width:60px; height:60px; background:url(//cloudstorage.amari.com/icon/arrow-right_bk.svg) no-repeat; display:block}	
	.flickity_one .flickity-button:hover{background-color:transparent; opacity:.6}
	.flickity_one .flickity-prev-next-button{top:34%}

/*Rate + Button*/
.content .rate-wrap{display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;}
.rate-wrap .from{display:block; font-size:1.4rem; line-height:1}
.rate-wrap .price{font-size:2.4rem; color:#5673ad}
.rate-wrap .price .currency{font-size:1.4rem}
.rate-wrap .price .night{font-size:1.4rem; color:inherit;}
.rate-wrap .total{font-size:1.4rem; line-height:1; color:#858788; font-style:italic; text-align:right;}

.content .btn-wrapper.bottom{position:absolute; bottom:30px;}

.flickity_one .content .rate-wrap{width:calc(100% - 90px); position:absolute; bottom:20px;}

/*bullet*/
.bullet_ltgd li{position:relative; padding-left:15px; list-style:none;}
.bullet_ltgd li:before {content:''; width:9px; height:9px; position:absolute; background-image:url(//cloudstorage.amari.com/icon/bullet-s_gy.gif); background-position:center; left:0; top:8px;}	

.bullet_org li{position:relative; padding-left:15px; list-style:none;}
.bullet_org li:before {content:''; width:9px; height:9px; position:absolute; background-image:url(//cloudstorage.amari.com/icon/bullet-s_org.gif); background-position:center; left:0; top:8px;}

*[dir="rtl"] .bullet_ltgd li, *[dir="rtl"] .bullet_org li{padding-left:inherit; padding-right:15px}
*[dir="rtl"] .bullet_ltgd li:before, *[dir="rtl"] .bullet_org li:before{left:inherit; right:0}

/*Property Highlight*/
	.hotel-highlight{background:#f6f8f8;padding:30px 15px;}
	.hotel-highlight h4{font-family:'ZCOOL XiaoWei', 'SignikaLight', 'RobotoLight', Arial, 'SignikaLight', 'AthitiRegular'; font-size:1.8rem; color:#000; font-weight:600}
	.hotel-highlight p{margin-top:8px; margin-bottom:0; font-size:1.7rem; line-height:2.4rem}
	.hotel-highlight .text{padding:20px}
	.hotel-highlight .icon-text{padding:30px; text-align:center}
	.hotel-highlight a{color:#000;} .hotel-highlight a:hover{color:#00b09b}
	
	.hotel-highlight .text a.link{font-size:1.4rem; color:inherit; text-decoration:underline;}
	
	.popup{font-size:1.6rem; text-align:left; width:500px; margin:0 auto; display:none}
	.popup h4{margin:8px 0; font-size:1.8rem; font-weight:600;}
	.popup ul{-webkit-columns:2;  -moz-columns:2; columns:2;}
	.popup li{position:relative; padding-left:20px; list-style:none; line-height:1.2}
	.popup li:after{content:'';width:9px;height:9px;position:absolute;background-image:url(//cloudstorage.amari.com/icon/bullet-s_gy.gif);background-position:center;left:4px;top:4px;}
	
	.list-package{position:relative; padding:15px 0}
	.list-package h3{font-size:4.6rem; color:#00a997; margin:20px 0}
	.list-package li{position:relative; padding-left:40px; padding-bottom:20px; list-style:none; font-size:2rem; line-height:1.4}
	.list-package li:last-child{padding-bottom:0}
	.list-package li b{color:#00a997;}
	.list-package li:after{content:'';width:27px;height:27px;position:absolute;background-image:url(//cloudstorage.amari.com/icon/bullet-check_grn.gif); background-position:center;left:0;top:0;}

.ru .hotel-highlight h4{font-size: 2rem}
.ru .hotel-highlight p{font-size: 1.8rem}

/*icon highlight*/
.hotel-highlight .icon{background:url(//cloudstorage.amari.com/icon/sprite_highlight.svg) no-repeat; display:block; margin:0 auto 20px auto; width:80px; height:80px}

	/*Property Introduction Icon Highlight*/
	.hotel-highlight .stay{background-position:0 -80px}
	.hotel-highlight .dine{background-position:-160px -400px}
	.hotel-highlight .play{background-position:-160px -560px}
	.hotel-highlight .transport{background-position:-160px 0}
	
	/*Rooms icon*/
	.hotel-highlight .room-size{background-position:0 0}
	.hotel-highlight .bed-types{background-position:0 -80px}
	.hotel-highlight .ideal-for{background-position:0 -160px}
	.hotel-highlight .adults{background-position:0 -240px}
	.hotel-highlight .view{background-position:0 -320px}
	
	/*Restaurants icon - location, contact, cooking, hour, dress, child*/
	.hotel-highlight .location{background-position:-80px 0}
	.hotel-highlight .contact{background-position:-80px -80px}
	.hotel-highlight .hour{background-position:-80px -160px}
	.hotel-highlight .dress{background-position:-80px -240px}
	.hotel-highlight .cooking{background-position:-80px -320px}
	
	/*Hotels*/
		/*transport*/
		.hotel-highlight .plane{background-position:-160px 0}
		.hotel-highlight .car{background-position:-160px  -80px}
		.hotel-highlight .train{background-position:-160px -160px}
		
		/*stay*/
		.hotel-highlight .key{background-position:-160px  -240px}
		.hotel-highlight .bathtub{background-position:-160px -320px}
		
		/*dine*/
		.hotel-highlight .spaghetti{background-position:-160px -480px}
		
		/*play*/
		.hotel-highlight .pool{background-position:-160px -560px}
		.hotel-highlight .spa{background-position:-160px -640px}
		.hotel-highlight .kidsclub{background-position:-160px -720px}
		.hotel-highlight .lounge{background-position:-160px -800px}
		.hotel-highlight .child{background-position:-160px -1120px}
		
		/*service*/
		.hotel-highlight .service{background-position:-160px -880px}
		.hotel-highlight .wifi{background-position:-160px -960px}
		
		/*service*/
		.hotel-highlight .explore{background-position:-160px -1040px}
		
		/*covid*/		
		.hotel-highlight .safety-protocols{background-position:-320px 0px}
		.hotel-highlight .form{background-position:-320px -80px}
		.hotel-highlight .covid{background-position:-320px -160px}
		.hotel-highlight .faqs{background-position:-320px -240px}
		.hotel-highlight .info{background-position:-320px -320px}
		
		.hotel-highlight .enquires{background-position:-160px -1200px}
	
	/*Hotel package*/
	.hotel-highlight .calendar{background-position:-240px 0}
	.hotel-highlight .night{background-position:-240px -80px}
	.hotel-highlight .bf{background-position:-240px -160px}

/*Offer - Hotel Highlight*/
.salepoint{background:#f6f8f8; padding:60px}
.salepoint .hotel-highlight h4{color:#00a997;}
.salepoint .hotel-highlight .text p{color:#6f7679;}

/*roomtype accordion*/	
.main-accordion{position:relative; padding:30px 0}
.main-accordion .panel-default{border-color:#cfd2d6; box-shadow:none;}
.main-accordion .panel-group .panel{border-radius:0; border:0; border-top:1px solid #cfd2d6; background:transparent;}
.main-accordion .panel-group .panel:last-child{border-bottom:1px solid #cfd2d6;}
.main-accordion .panel-default>.panel-heading{padding:20px;background-color:transparent; border-color:transparent; position:relative}

.main-accordion .card {background:transparent; -webkit-box-shadow:none; box-shadow:none; -webkit-border-radius:0; border-radius:0; border:0; border-top:1px solid #dfe2e3;}
.main-accordion .card:last-of-type{border-bottom:1px solid #dfe2e3;}
	
.main-accordion .card .card-header {position:relative; padding:0; background:0 0; border-bottom:0; border-radius:0}
.main-accordion .card .card-header h3{font-size:2.2rem; color:#373737; font-weight:600; margin:0}
.main-accordion .card .card-header .card-title {font-weight:400}
		
.main-accordion .card .card-header a {padding:30px; display:block; -webkit-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s; text-decoration:none}
.main-accordion .card .card-header a:not(.collapsed) .rotate-icon {-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg)}

.main-accordion .card .arrow-bullets {float:right; background-image:url('https://cloudstorage.amari.com/icon/arrow-bullets-open.svg'); background-repeat:no-repeat; background-size:contain; position:absolute; top:50%; margin-top:-8px; -webkit-transition:-webkit-transform .2s ease-in-out; transition:-webkit-transform .2s ease-in-out; transition:transform .2s ease-in-out; transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out; height:20px; left:initial; right:20px;width:17px;}

.main-accordion .card .card-body {font-weight:500; padding:0 30px 30px 30px; color:#222;}
.main-accordion .card .card-body h4{font-size:1.8rem; color:#535353; font-weight:600}
.main-accordion .card .card-body ul{padding:8px;list-style:none; }
.main-accordion .card .card-body li{position:relative; padding-left:15px; list-style:none;}
.main-accordion .card .card-body li:before {content:''; width:9px; height:9px; position:absolute; background-image:url(//cloudstorage.amari.com/icon/bullet-s_org.gif); background-position:center; left:0; top:8px; }
.main-accordion.terms .card .card-body li{padding: 0 0 20px 15px;}

*[dir='rtl'] .main-accordion .card .card-header{text-align: right;}
*[dir='rtl'] .main-accordion .card .arrow-bullets{left: 20px; right: inherit;}
*[dir='rtl'] .main-accordion .card .card-body li:before{right: 0; left:inherit}
*[dir='rtl'] .main-accordion .card .card-body li{padding-right: 15px; padding-left: inherit; text-align: right;}
*[dir='rtl'] .main-accordion.terms .card .card-body li{padding: 0 15px 20px 0;}

/*Background Color*/
.bg-lightgreen{background-color:#e7ecea; padding:20px 0; position:relative;}
.bg-lightblue{background-color:#edf2f2; padding:20px 0; position:relative;}
.bg-light-gold{background-color:#e8e5dd; padding-bottom:20px}
.bg-wh{background-color:#fff}

.content-paddb{padding:0 0 60px 0}
.content-padd{padding:20px 0}
.content-padd .column-count-2{padding:0 30px}
.column-count-2 ul{padding-bottom:30px}
/*number*/
.column-count-2 ol{padding-left:30px}
.column-count-2 ol li{padding:8px 0; line-height: 1.3; list-style:decimal;}
.column-count-2 ol li:before{background-image:none}
.column-count-2 ol ul{padding-left:30px; padding-bottom:0}
.column-count-2 ol ul li{padding:3px 0; line-height: 1.3; list-style: circle;}

*[dir='rtl'] .column-count-2{text-align:right}

/*Location*/
.main-map h2{font-size:3.4rem; color:#00b09b; line-height:1.2; margin-bottom:20px}
*[dir='rtl'] .main-map header{text-align: right;}

/*Google Map*/
#gmap_location {max-width:100%;height:500px;border:0; margin:15px 0 0 0}

.gm-style .gm-style-iw-d{width:300px!important; overflow:visible!important}
.gm-style .gm-style-iw-c{padding:0!important}
.gm-ui-hover-effect{top:6px!important; right:6px!important; background-color:#fff!important; border-radius:50%; z-index:5; box-shadow: 0 0 10px rgba(0,0,0,1);}

#gmap_location .gglayer{width:300px; height:auto; font-size:1.4rem; display:flex; flex-direction:column; justify-content:flex-start; margin:0}
#gmap_location .gglayer .image{width:300px; height:110px}
#gmap_location .gglayer .image img {margin:0; flex:0 1 auto; object-fit:cover; width:100%; height:100%;}
#gmap_location .gglayer h2{font-size:1.6rem; line-height:1; font-weight:600; color:#000; margin:0; padding:0 0 5px 0;}

#gmap_location .content{padding:20px; line-height:1; overflow:overlay;}
#gmap_location .content p{margin: 0 0 10px; padding: 0 0 5px 0; border-bottom: 1px dotted #cbd0d2;}
#gmap_location .content ul{margin:5px 0 0 0; list-style:none;}
#gmap_location .content li{position:relative; font-size:1.3rem;  line-height:1.2; padding:0 0 5px 13px}
#gmap_location .content li:before {content:''; width:9px; height:9px; position:absolute; background-image:url(//cloudstorage.amari.com/icon/bullet-s_gy.gif); left:0; top:2px;}

#gmap_location .content::-webkit-scrollbar {width:6px;}
#gmap_location .content::-webkit-scrollbar-track {background-color:#ecf2f6}
#gmap_location .content::-webkit-scrollbar-thumb {background-color:#c8cccf;}
#gmap_location .content::-webkit-scrollbar-thumb:hover {background:#c6d5dc;}

/*Gallery page*/
.main-gallery{padding:0 0 15px}
/*Gallery page - VT, VDO icon*/
.ftg-items .virtual-tour {background:url('https://cloudstorage.amari.com/icon/sprite_vv.svg') no-repeat; background-position:0 0; width:80px; height:80px; text-indent:-99999em; position:absolute; top: calc(50% - 40px); left: calc(50% - 40px); z-index:1}
.ftg-items .video {background:url('https://cloudstorage.amari.com/icon/sprite_vv.svg') no-repeat; background-position:0 -80px; width:80px; height:80px; text-indent:-99999em; position:absolute; top: calc(50% - 40px); left: calc(50% - 40px); z-index:1}

.tile-inner:hover .virtual-tour, .tile-inner:hover .video{opacity:.8}

/*Filter on Accommodation , Room Fuction*/
/*filter categories*/	
.filter-category {margin:20px 0 40px 0; text-align:center}
	.filter-category .filters-button-group{margin:0}
	
	.filter-category li {display:inline-block; border-bottom:0;  text-align:center; margin:0 -2px; cursor:pointer; border-top:1px solid #e0e6e4;border-left:1px solid #e0e6e4;}		
	.filter-category li:last-child {border-right:1px solid #e0e6e4;}
		
	.filter-category .button {position:relative; font-size:2rem; font-weight:600; color:#00b09b; text-decoration:none; padding:3rem 7rem;}	
	.filter-category .button.is-checked, .filter-category .button:hover{color:#565a5c;}	
	.filter-category .button:before{content:''; position:absolute; display:block; width:0; height:6px; right:0; bottom:0; background:#00b09b; margin-top:20px; transition:width .2s ease; -webkit-transition:width .2s ease;} 
	.filter-category .button:hover:before,
	.filter-category .button.is-checked:before{width:100%; left:0; background:#00b09b;}	
	
	/*filter select - mobile*/
	.filter-category .show-mobile .filter-category-header{margin:12px 10px 12px 0;}
	.filter-category .show-mobile select {-webkit-appearance: menulist!important;  -moz-appearance: menulist!important;  appearance: menulist!important; float:right; width:70%; height:45px; border-color:#c1b8b8; margin:0 !important;padding-left:1.125rem;padding-right:1.125rem;}
	
/*Capsule Button - Filter on Gallery */
.final-tiles-gallery li {display:inline-block; border-bottom:0;  text-align:center; margin:0 auto;}	
.final-tiles-gallery .ftg-filters{margin:20px 0 40px 0}
	.final-tiles-gallery .ftg-filters .capsule-button {border-radius:50px; margin:0 3px; padding:1rem 3rem;background-color:transparent; color:#77868d; text-decoration:none; cursor:pointer; border:1px solid #e0e6e4;}	
	.final-tiles-gallery .ftg-filters .capsule-button:hover, .final-tiles-gallery .ftg-filters .capsule-button.selected{background-color:#00b09b; color:#fff; border:1px solid #00b09b;}	

	/*filter select - mobile*/
	.final-tiles-gallery .show-mobile{width:100%; height:45px;}
	.final-tiles-gallery .show-mobile .filter-category-header{margin:12px 10px 12px 0; float:left}
	.final-tiles-gallery .show-mobile .select{float:right; width:70%; position:relative}
	.final-tiles-gallery .show-mobile .select .pulldown{right:6px; top:13px;}
	.final-tiles-gallery .show-mobile .select select {width:100%; height:45px; border-color:#dfe2e3; margin:0 !important;padding-left:1.125rem;padding-right:1.125rem;}

/*filter*/		
.main-filter .filter-select{display:inline-block}	
	/* ---- isotope ---- */            
.promotion-filter .prop-grid:after {content:'';display:block;clear:both;}

	/* ---- button-group ---- */
	.filter-category-header{font-weight:400;}
	
.promotion-filter .filters-button-group {display:flex; flex-direction:row; -webkit-box-align:center; align-items:center; -webkit-box-pack:justify; justify-content:space-between; margin:0 0 30px 0}	
.promotion-filter .filters-button-group .button {width:100%; height:80px; text-align:center; display:flex; flex-direction:row; -webkit-box-align:center; align-items:center; -webkit-box-pack:center; justify-content:center; cursor:pointer; flex:2 1 0%; background:#fff; border-bottom:3px solid #3852a6; border-right:1px solid #f3f6f7; padding:20px 0; line-height:1.3;}
.promotion-filter .filters-button-group:after {content:''; display:block; clear:both;}
	
	/*icon*/
	.promotion-filter .filters-button-group .button:before{content:''; vertical-align:middle; display:block; margin:0 5px}
	.promotion-filter .filters-button-group .button:percent{background:url('//cloudstorage.amari.com/icon/percent.svg') no-repeat; width:32px; height:32px; }
	.promotion-filter .filters-button-group .button.banknote:before{background:url('//cloudstorage.amari.com/icon/banknote.svg') no-repeat; width:40px; height:40px; }
	
	.cn .promotion-filter .filters-button-group .button:before, .zh .promotion-filter .filters-button-group .button:before{content:none}
		.promotion-filter .filters-button-group .button:hover {background-color:#dce3e6; color:#263e55; text-shadow:0 1px hsla(0, 0%, 100%, 0.5);}
		.promotion-filter .filters-button-group .button:active, .promotion-filter .filters-button-group .button.is-checked {background-color:#3852a6; color:white;}
		.promotion-filter .filters-button-group .button.is-checked {color:white; text-shadow:0 1px hsla(0, 0%, 0%, 0.6);}
		.promotion-filter .filters-button-group .button:active {box-shadow:inset 0 1px 20px hsla(0, 0%, 0%, 0.1);color:white;}

/*Promotion*/
.promotion-filter{padding:15px 0; background:#edf2f2;}
.hotels-filter{padding:30px 0 0 0}
	
	/*multi select*/
	.multiselect{width:calc(100vw - 35px); text-align:left; margin:2px; padding:15px; background:#fff; border:1px solid #d6dbde; border-radius:2px; font-size:1.6rem}
	.multiselect.dropdown-toggle::after{position:absolute; top:20px; right:20px; z-index:1}
		
	.multiselect-container{width:calc(100vw - 33px); transform:translate3d(0, 50px, 0)!important; font-size:1.6rem;}
	
	.multiselect-container>li{padding:0}
	.multiselect-container>li>a{color:inherit; display:block; padding:5px 0}
	.multiselect-container>li>a:hover{background:#f4f8fa}
	
	.multiselect-container>li.multiselect-group label{padding:3px 20px}
	.multiselect-container>li>a>label{padding:3px 30px}
	.multiselect-container>li>a>label.checkbox{margin-left:10px}
	
	.multiselect-native-select .caret-container .caret{float:right; margin:-20px 20px 0 0; display:inline-block;border:solid #7d8d92; border-width:0 2px 2px 0; padding:2px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
		
	.multiselect-container .multiselect-item.multiselect-group{color:#000; background:#e9eff2;}
	
	.multiselect-container.dropdown-menu>.active>a{background:#fff; color:inherit;}
	.multiselect-container>li>a>label>input[type=checkbox]{box-sizing:border-box; position:relative; border-radius:2px;  border:2px solid rgba(0,0,0,0.54);  height:20px; width:20px; min-width:20px; transition:0.4s cubic-bezier(0.25, 0.8, 0.25, 1); vertical-align:middle;-webkit-appearance:none; appearance:none; margin-right:5px; cursor:pointer;}
	
	.multiselect-container>li.active>a>label>input[type=checkbox], .multiselect-container>li.active>a>label.checkbox input[type=checkbox]:checked{background-color:#009688; border-color:#009688;}
	
	.multiselect-container>li>a>label>input[type=checkbox]:after{box-sizing:inherit; content:''; position:absolute; transition:transform 0.25s ease; width:6px; height:13px; top:0; left:5px;
    z-index:6; border:2px solid #fff; border-top:0; border-left:0; opacity:0; transform:rotate(45deg) scale3D(0.1, 0.1, 0.1);}
	.multiselect-container>li.active>a>label>input[type=checkbox]:after{opacity:1; transform:rotate(45deg) scale3d(1, 1, 1);}
	
	span.multiselect-native-select{position:relative}
	span.multiselect-native-select select{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px -1px -1px -3px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;left:50%;top:30px}
	.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}
	.multiselect-container .input-group{margin:5px}
	.multiselect-container .multiselect-reset .input-group{width:93%}
	.multiselect-container>li>a.multiselect-all label{font-weight:700}
	.multiselect-container>li.multiselect-group label{margin:0;padding:3px 20px;height:100%;font-weight:700}
	.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}
	
	.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 20px; display:block}
	.multiselect-container>li>a>label.checkbox,.multiselect-container>li>a>label.radio{margin:0}
	.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}
	.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}
	
	.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px}
	.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]{margin-left:-20px;margin-right:0}

/*Global - Content*/
.main-content{margin:0 0 60px 0}

/*Table*/
.table {color:#565a5c}
.table thead th {background-color:#f1f5f7; text-align:center;}
.table-hover tbody tr:hover {background-color:#f1f5f7;}
.table-bordered thead th, .table-bordered thead td {border-bottom-width:1px;}
.table td, .table th{padding:1rem}

.icon-check {background-image:url(/icon/icon-check.svg); background-repeat:no-repeat; width:18px;  height:18px; display:inline-block;}

/*ONYX Rewards - Table*/
.ben-bd a{text-decoration:underline}
.ben-bd-b:first-child{margin:0; border-bottom:0}
.ben-bd-b{border-bottom:1px solid #eaeaea; margin:0}

.type-card {float: none; width: 100%;}
.type-card-col b{display: block; min-height:35px; background-color: transparent; background-repeat: no-repeat; background-position: center; text-align: center; font-weight: bold; color: #49004c;}
.bed-left{float:none;padding:10px; text-align:center; width:100%; font-size:1.4em; }
.dtl-card{clear:both; float:none; width:100%; display:grid; grid-template-columns:33.3333% 33.3333% 33.3333%; font-size:1.6rem; line-height:1.2; }
.dtl-card span{white-space:nowrap;}
.col-line:after{content:''; display:block; width:1px; height:300px; position:absolute; top:0px; left:0px; border-right:1px solid #eaeaea;}
.col-line:first-child:after{border-right:0}
.ben-desc-list{position:relative; float:none; width:100%; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}

.ben-desc-list .name{display:block; position:relative; padding:10px 40px 10px 10px; font-size:1.6rem; line-height:1.2; font-weight:600; background: #f3f5f7; cursor:pointer;}
.ben-desc-list .name:after{content:''; background-image:url('https://cloudstorage.amari.com/icon/arrow-bullets-open.svg'); background-repeat:no-repeat; background-position:center; position:absolute; display:block; top:10px; right:10px; width:20px; height:20px;  transition:all 0.3s; cursor:pointer;}
.ben-desc-list .name.nolink{cursor:default}
.ben-desc-list .name.nolink:after{content:none}
.ben-desc-list .name span.new{background-color:#49004c; margin:0px 0px 0px 2px; padding:2px 7px; font-size:0.7em; color:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

.ben-desc-list .detail{display:none; padding:10px; font-size:1.6rem; line-height:1.2; color:#888; font-style:normal;}

.type-card-col{position:relative; float:left; width:33.33333%;}
.type-card-col .icon-check{display:block; background-image:url('https://cloudstorage.amari.com/icon/sprite_check.svg'); background-repeat:no-repeat; width:20px; height:18px; margin:10px auto}
	.icon-check.silver{background-position:0 0; }
	.icon-check.gold{background-position:-20px 0;}
	.icon-check.platinum{background-position:-40px 0;}

.type-card-col label{display:block; padding:10px; text-align:center; font-size:1.4rem; line-height:1; color:#666666;}

.type-silver, .type-gold, .type-platinum{font-size:1.4rem; padding-bottom:75px; background-repeat:no-repeat; background-position:center bottom 15px; background-size:90%; text-align:center}
	.type-silver{background-image:url('https://cloudstorage.amari.com/onyx-rewards/onyx-rewards_silver-card.svg');}
	.type-gold{background-image:url('https://cloudstorage.amari.com/onyx-rewards/onyx-rewards_gold-card.svg');}
	.type-platinum{background-image:url('https://cloudstorage.amari.com/onyx-rewards/onyx-rewards_platinum-card.svg');}

.card-slv, .card-gld, .card-ptn{font-size:0.8em; padding:10px; background-color:#f1eee9; color:#555;}
.card-slv{border-right:1px solid #e2ddd8;}
.card-gld{border-right:1px solid #e2ddd8;}


.bd-blr{border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; overflow:hidden; margin:10px 0}
.bd-blr span{white-space:nowrap;}
.bd-b{border-bottom:1px solid #eaeaea;}
.ben-sub-title{display:block; padding:20px 15px; font-weight:600; color:#b5985a;}
.btn-th b{display:block; padding:10px; font-size:1.4rem; text-align:center}
.ben-ps{padding:10px; font-style:italic; font-size:1.4rem; color:#666;}

.col-span{position:relative; float:left; width:100%;}
.col-span label{display:block; text-align:center; padding:8px 15px; font-size:0.8em; color:#666;}
.col-span label span{white-space:nowrap;}

.col-line + .col-line:after{width:1px; border-right:1px solid #eaeaea;}
	
.ben-explore{padding:50px 0px;}
.ben-explore-tt{display:block; font-weight:700; color:#b5985a;}
.ben-explore-logo{display:table; width:100%;}
.ben-explore-logo a{display:table-cell; vertical-align:top; text-align:center; padding:5px;}
.ben-explore-logo a img{max-width:100%;}
.ben-explore-lnk{padding:0px 0px 20px 0px;}
.ben-explore-lnk em{display:block; text-align:center; padding:10px 0px; font-size:1.4rem; color:#666;}
.lnk-ben{padding:20px 0px; text-align:center;}
.lnk-ben a{white-space:nowrap; color:#a48032; padding:15px 30px; background-color:#FFFFFF; border:1px solid #a48032; text-decoration:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

.ben-bdbg-getting{padding:25px 30px; border:1px solid #eaeaea; background-color:#faf8f3; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.ben-bdbg-getting::after{content:''; display:block; clear:both;}
.dtl-benf{float:left; width:70%;}
.lnk-benf{float:right; padding-bottom:20px;}

.dtl-benf strong{display:block; padding-bottom:10px; color:#b5985a;}
.dtl-benf p{padding-bottom:0px;}

.lnk-benf{padding-top:20px;}
.lnk-benf a{white-space:nowrap; color:#a48032; padding:12px 30px; text-decoration:none; background-color:#FFF; border:1px solid #a48032; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

.ol-number{padding-bottom:50px;}
.ol-number ol{padding:10px 0px 10px 20px;}
.ol-number ol li{background-image:none; padding:0px 0px 10px 0px; list-style-type:decimal; font-size:1.4rem; color:#666;}

.bentb{display:block;}
.bentd{display:block; float:none; width:100%; 	padding:0px 20px; }

.ben-explore-logo::after{display:block; content:''; clear:both; }
.ben-explore-logo a{display:block; float:left; padding:0px 5px; }

.dtl-benf, .lnk-benf{float:none; width:100%;}
.ben-explore-lnk .box-wrapper{text-align:center;}
.ben-explore-lnk .box-wrapper a{text-decoration:none}
	
/*Promotion Hotel*/
.promotion-hotels{padding:20px 0}
.promotion-hotels .hotel{margin-bottom:60px}
.promotion-hotels .hotel.cityhead{margin-bottom:15px; text-align:center;}
.promotion-hotels .cityhead h2{font-family:'ZCOOL XiaoWei', 'SignikaLight', 'RobotoLight', Arial, 'AthitiRegular', 'Microsoft Sans Serif', tohoma, 'SimHei'; font-size:2rem; margin:5px 0;}
.promotion-hotels .city h2{font-family:'ZCOOL XiaoWei', 'SignikaLight', 'RobotoLight', Arial, 'AthitiRegular', 'Microsoft Sans Serif', tohoma, 'SimHei'; font-size:1.6rem; margin:5px 0}

.promotion-hotels .card{border:0;}
/*Image*/
.promotion-hotels .image{height:300px;position:relative;}
.promotion-hotels .image figure{height:300px; display:block}
.promotion-hotels .image figure img{object-fit:cover; width:100%; height:100%}

	/*tag*/
	.promotion-hotels .tag-discount-horz {position:absolute; left:-4px; top:5px; color:#fff;background-color:#bb0000;padding:5px 10px 5px 10px;border-radius:2px;font-size:1em;text-align:center;text-shadow:0 0 2px rgba(0,0,0,.8);border-bottom-left-radius:0;box-shadow:0 0 3px rgba(0,0,0,.3), inset 10px 0 10px -8px rgba(0,0,0,.3); z-index:6;}
	
	/*.text-media*/
	.promotion-hotels .link-media {position:absolute;bottom:0;width:100%;margin:0 auto; padding:5px 15px; font-size:1.6rem; z-index:6;background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); display:flex; justify-content:flex-end}
	.promotion-hotels .link-media a{color:#fff;}
	.promotion-hotels .link-media a:hover{opacity:.7}
	.promotion-hotels .link-media a:after {content: ''; display: inline-block; height:10px; width:1px; background-color:  rgba(255,255,255,0.3);; margin: 0 15px; padding: 0;}
	.promotion-hotels .link-media a:last-child:after{content:none}

/*Content*/
.promotion-hotels .content{background:#fff; padding:20px; width:100%;}
.promotion-hotels .content .name{border-bottom:1px dotted #e8e9ea}
.promotion-hotels .content .name h3, .promotion-hotels .content .name h3 a{font-size:2rem; color:#333; font-weight:600; margin:0;}
.promotion-hotels .content .name h3 a:hover{color:#00b09b}
.promotion-hotels .content .name p{font-size:1.6rem; color:inherit; margin-bottom:0}
.promotion-hotels .content .glance{padding:10px 0; font-size:1.6rem; line-height:2.2rem}
.promotion-hotels .content .glance ul{list-style:none; margin-bottom:10px;}
.promotion-hotels .content .glance ul:last-child{margin-bottom:0}
.promotion-hotels .content .glance li{position:relative; padding-left:15px; list-style:none;}
.promotion-hotels .content .glance li:before {content:''; width:9px; height:9px; position:absolute; background-image:url(//cloudstorage.amari.com/icon/bullet-s_org.gif); background-position:center; left:0; top:6px;}

.promotion-hotels .content .text{margin-top:10px}
.promotion-hotels .content .cond{font-size:1.4rem; line-height:1.2; color:#898e90; margin:10px 0 5px 0}
.promotion-hotels .content .attractive{font-size: 1.6rem; color: #a2007d; padding: 10px 15px;}
/*Price*/
.promotion-hotels .content .rate-wrap{border-top:1px dotted #e8e9ea; padding-top:10px;}
.promotion-hotels .rate-wrap .from{display:inline-block}

.rate-wrap .from:after {content:''; display:block; width:15px; border-bottom: 1px solid #dcdcdc; margin: 3px 0 5px 0;}
.rate-wrap .fullprice{font-size:1.6rem; color:inherit; display:inline-block}
.rate-wrap .sellingprice {font-size:3.2rem; color:#5673ad; display:block;}
.rate-wrap .sellingprice .currency{font-size:2rem}
.rate-wrap .night{font-size:1.6rem; color:inherit;}

.promotion-hotels .content .btn-wrapper{margin-top:10px; width:100%}
.promotion-hotels .content .btn-wrapper .btn-book.-full, .promotion-hotels .content .btn-wrapper .btn-book.-twocol{padding:2rem;}

/*Property - Flash Sale*/
.promotion-content .rate-wrap{margin:15px 0}
.promotion-content .btn-wrapper{margin:30px 0 0 10px; width:295px}

.promotion-content .promotion-detail li{position:relative; padding:0 0 10px 15px; list-style:none; line-height: 1.2;}
.promotion-content .promotion-detail li:before {content:''; width:9px; height:9px; position:absolute; background-image:url(//cloudstorage.amari.com/icon/bullet-s_org.gif); background-position:center; left:0; top:4px;}	

.promotion-content .promotion-condition{font-size:1.6rem}
.promotion-content .promotion-condition h6{font-weight:bold}
.promotion-content .promotion-condition ul{list-style:disc; margin:0 20px;}
.promotion-content .promotion-condition li{position:relative; font-size:1.6rem; line-height: 1.2; margin-bottom: 5px;}

/*RTL*/
*[dir="rtl"] .promotion-hotels .city{text-align: right;}
*[dir="rtl"] .promotion-hotels .content{left: inherit; right: 30px;}
*[dir="rtl"] .promotion-hotels .content .name, *[dir="rtl"] .promotion-hotels .content .glance, *[dir="rtl"] .promotion-hotels .content .cond{text-align: right;}
*[dir="rtl"] .promotion-hotels .content .glance li{padding-left: inherit; padding-right: 15px; text-align: right;}
*[dir="rtl"] .promotion-hotels .content .glance li:before{left: inherit; right: 0;}
*[dir="rtl"] .promotion-hotels .content .rate-wrap{justify-content: flex-end;}

/* ---- grid ---- */	
.main-filter-content .grid:after {content:''; display:block; clear:both;}

/*Select*/
select::-ms-expand {display:none;}/* for IE 11 */
select{background:#FFF; font-weight:normal; padding:8px; color:#5c6265; border:1px solid #dfe2e3; outline:none; display:inline-block;  text-indent:0.01px; text-overflow:''; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; cursor:pointer}

/*Cards - List all rooms, meeting rooms*/
.cards_borderwh .cards {display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; background:#fff; margin:0 auto 15px; width:100%;}
	
	.cards_borderwh .cards .image, .cards_borderwh .cards .content{position:relative; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
	
	.cards_borderwh .cards .image, .cards_borderwh .cards .image .inner{height:30vh}
	
	.cards_borderwh .cards .image {overflow:hidden; -ms-flex-order: 1; order: 1;}
	.cards_borderwh .cards .image .inner{width:100%; height:100%; position:relative;}
	
	.cards_borderwh .cards .content {-ms-flex-order: 2; order: 2; z-index:2;}
	.cards_borderwh .cards .content .certificated {position: absolute; right: 20px; height:auto;}
	*[dir="rtl"] .cards_borderwh .cards .content .certificated{left:20px; right:inherit;}
		.amvs{background:url('https://cloudstorage.amari.com/logo/certificated_amvs.svg') no-repeat; width:60px; height:60px; background-position:0 0}
		.amvs:hover{background-position:0 -60px;}
		.tmvs{background:url('https://cloudstorage.amari.com/logo/certificated_tmvs.svg') no-repeat; width:60px; height:60px; background-position:0 0}
		.tmvs:hover{background-position:0 -60px;}
		
	.cards_borderwh .cards .content .tmvs-certified{position: absolute; right: 20px; top: 50px; width: 80px; height: 80px; background:url('https://cloudstorage.amari.com/logo/tmvs-certified.svg') no-repeat;}
	.cards_borderwh .cards .content .inner{padding: 30px}
	
	.cards_borderwh .cards .content .title { font-size:1.6rem; color:#a4acae;}
	.cards_borderwh .cards .content .title span{margin:0 15px; color:#e5e9eb;}
	.cards_borderwh .cards .content .name {border-bottom:1px solid #e7ecea; padding-bottom:10px;}
	.cards_borderwh .cards .content .name h3{font-family:'ZCOOL XiaoWei', 'SignikaLight', 'RobotoRegular', Arial, 'AthitiRegular'; font-size:3.6rem; color:#212c68; line-height:1;}
	.cards_borderwh .cards .content .name h3 a{font-family:'ZCOOL XiaoWei', 'SignikaLight', 'RobotoRegular', Arial, 'AthitiRegular'; font-size:4rem; color:#212c68;}
	.cards_borderwh .cards .content .name h3 a:hover{color:#00b09b}
	.cards_borderwh .cards .content .description{padding:30px 0}
	.cards_borderwh .cards .content .description li{list-style:none; padding:3px 0}
	.cards_borderwh .cards .content .description .hl span{margin:0 15px; color:#e5e9eb;}
	.cards_borderwh .cards .content .description .meeting{list-style:none;}	
	.cards_borderwh .cards .content .description .meeting li{display:inline-block; font-size:12px; text-align:center; line-height:1; font-weight:600; padding-right:20px;}
	.cards_borderwh .cards .content .description .meeting li:last-child{padding-right:0}
	.cards_borderwh .cards .content .description .meeting li span{font-size:16px; display:block}

.cards_border0 .cards {background:#fff; margin:0 auto 15px; padding:0; width:100%;}
.cards_border0 .cards:last-child{margin:0 auto}
	
	.cards_border0 .cards .image, .cards_border0 .cards .content {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative;  width: 100%; padding:0}	

	.cards_border0 .cards .image{-ms-flex-order: 1; order: 1;}
	.cards_border0 .cards .image, .cards_border0 .cards .image .inner{height:40vh;}
	
	.cards_border0 .cards .content{-ms-flex-order: 2; order: 2; z-index:2;}
	.cards_border0 .cards .content .inner{padding: 30px}
	.cards_border0 .cards .content .inner ul{height: 200px; overflow-y: auto; font-size:1.6rem}
	
	/*scrollbar*/
	/*width*/		.cards_border0 .cards .content .inner ul::-webkit-scrollbar {width:6px;border-radius: 10px;}
	/* Track */	.cards_border0 .cards .content .inner ul::-webkit-scrollbar-track {background-color:#f4f8fa;border-radius: 10px;}
	/* Handle */	.cards_border0 .cards .content .inner ul::-webkit-scrollbar-thumb {background-color:#e4eaee;border-radius: 10px;}
	/* Hover */	.cards_border0 .cards .content .inner ul::-webkit-scrollbar-thumb:hover {background-color:#d7dfe4}
	
	.cards_border0 .cards .content h3, .cards_border0 .cards .content h3 a{font-size:4rem; color:#00b09b; line-height:1.2; margin:0}
	.cards_border0 .cards .content h3 a:hover{color:#112e8c;}
	.cards_border0 .cards .content h3:after{content:''; width:50px; height:3px; display:block; margin:15px 0; background:#e9ebed;}
	.cards_border0 .cards .content h4{font-size:1.8rem; font-weight:600; color:#0bb39f; margin-bottom:.8rem;}
	.cards_border0 .cards .content p{margin-bottom:20px; line-height:1.3}
	.cards_border0 .cards .content .date{font-size:1.6rem}
	.cards_border0 .cards .content .condition{font-size:1.4rem; color:#959a9d; font-style:italic; line-height:1.2}	
	
	/*At a glance for rooms, meetings*/
	.cards_border0 .cards .content .note li{position:relative; padding:0 0 10px 15px; list-style:none; font-size: 1.7rem; line-height: 1.2;}
	.cards_border0 .cards .content .note li:before {content:''; width:9px; height:9px; position:absolute; background-image:url(//cloudstorage.amari.com/icon/bullet-s_gy.gif); background-position:center; left:0; top:8px;}	
	
	.bullet_ltgd li .slash, .note li .slash{margin:0 3px; color:#e9ebed}
	.main-accordion .card .card-body .slash{margin:0 3px; color:#dbdee0}
	
	.cards_border0 .cards .content .inner ul.bullet_ltgd, .cards_border0 .cards .content .inner ul.note, .cards_border0 .cards .content .inner ul.hotel-contact{height:auto; overflow-y:inherit;}

*[dir="rtl"] .cards_border0 .cards .content{text-align:right}
*[dir="rtl"] .cards_border0 .cards .content .note li{padding:0 15px 10px 0;}
*[dir="rtl"] .cards_border0 .cards .content .note li:before{left:inherit; right:0}


/*contact info*/
.contact-info {padding:50px 0;}
/*.contact-info {background-color: #edf2f2; padding:50px 0;}*/
.contact-info .cards_border0 .cards{background: #f5f8f8;}

/*Cards - List all offer*/
	.offer .cards_border0 .cards .content h3, .offer .cards_border0 .cards .content h3 a{font-size:3rem; color:#212c68; line-height:1.2}
	.offer .cards_border0 .cards .content h3 a:hover{color:#00b09b;}
	.offer .cards_border0 .cards .content h3:after{content:''; width:50px; height:3px; display:block; margin:15px 0; background:#e9ebed;}
		
	.offer .cards_border0 .cards .content li{position:relative; padding-left:20px; list-style:none;}
	.offer .cards_border0 .cards .content li:before {content:''; width:9px; height:9px; position:absolute; background-image:url(//cloudstorage.amari.com/icon/bullet-s_gy.gif); background-position:center; left:4px; top:8px;}	
	
	.offer .cards_border0 .cards .content .rate-wrap{margin-top:30px;}

*[dir="rtl"] .offer .cards_border0 .cards .content li{padding-left:inherit; padding-right: 15px}
*[dir="rtl"] .offer .cards_border0 .cards .content li:before {right:4px; left:inherit}

/*Corporate Social Responsibility*/
.content-padd .icon-text{padding:30px 40px;}

/*Cards - List all rooms, meeting rooms*/
.csr-initiatives .cards {display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; background:#fff; margin:0 auto 15px; width:100%; height:1300px;}
	
	.csr-initiatives .cards .image, .csr-initiatives .cards .content{position:relative; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
	
	.csr-initiatives .cards .image, .csr-initiatives .cards .image .inner{height:300px}
	
	.csr-initiatives .cards .image {overflow:hidden; -ms-flex-order: 1; order: 1;}
	.csr-initiatives .cards .image img{object-fit:initial; height:auto; padding-top:30px}
	.csr-initiatives .cards .image .inner{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%}
	
	.csr-initiatives .cards .content {-ms-flex-order: 2; order: 2; z-index:2; height:1000px;}
	.csr-initiatives .cards .content .inner{width:80%; padding: 30px}
	
	.csr-initiatives .cards .content h3{font-family:'ZCOOL XiaoWei', 'SignikaLight', 'RobotoRegular', Arial, 'AthitiRegular'; font-size:3.6rem; color:#212c68; line-height:1;}

	.bg-rules {position:relative;}
	.bg-rules:after{content: ''; background:url('https://cloudstorage.amari.com/images/ruler.png') repeat-x; height:12px; left:0;  width:100%; position: absolute; bottom:-12px;}
	
	.icon-csr{background:url('https://cloudstorage.amari.com/icon/sprite_csr-policy.svg') no-repeat; width:90px; height:90px; text-indent:-6666em; margin:10px auto}
	.icon-csr.no1{background-position:0 0}
	.icon-csr.no2{background-position:-90px 0}
	.icon-csr.no3{background-position:-180px 0}
	.icon-csr.no4{background-position:-270px 0}
	.icon-csr.no5{background-position:-360px 0}
	.icon-csr.no6{background-position:-450px 0}
	
	.btn-blue-round-popup{color:#FFF; background-color:#384695; -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; border-radius:50px; padding:1.6rem 3.5rem; position:relative}
	.btn-blue-round-popup:before{content:''; background:url('https://cloudstorage.amari.com/icon/paper-glass.png') no-repeat; display:inline-block; width:35px; height:24px; vertical-align: middle; margin-right:13px; border-right:1px solid rgba(0,0,0,0.2); line-height:10px;}
	.btn-blue-round-popup:hover{color:#FFF; background-color:#00b09b;}

/*Bullet*/
.content-padd {padding-bottom:30px; list-style:none;}

.content-padd .bullet_ltgd{margin-bottom:30px;}
	.content-padd .bullet_ltgd li{padding:0 0 8px 15px;}
	.content-padd .bullet_ltgd span{color:#dde1e8; margin:0 5px}

.padd-top0{padding-top:0!important}

.sitemap h3{font-size:2.2rem}
.sitemap a{color:inherit}
.sitemap a:hover{color:#005bbc}

.bg-brand {width:100%; background: url(//cloudstorage.amari.com/images/bg_our-brand.jpg) center center no-repeat; color: #fff; padding:0;}
/*company profile*/
.table-ourbrand {width:100%; background-color:rgba(0,0,0,0.4);}
.table-ourbrand td {border-collapse:collapse; font-size:1.4rem; line-height:1; vertical-align: middle; text-align: center;}
.table-ourbrand  tr:nth-of-type(1) td{height: auto; padding: 10px 0 0 0;}
.table-ourbrand .rotate {-webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); transform: rotate(270deg); writing-mode:lr-tb; text-align:center; width:40px; line-height:1;}

.segmentation {width:75px; height:50px; float:none; border-radius:0; background: rgba(0,0,0,0.4); border:1px solid rgba(255,255,255,0.6); margin: 0 0 10px 0;}
.lg-profile {display:block; float: left; text-indent:-666em; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s;	-o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;}

.lg-profile{width:75px; height:50px; background:url('https://cloudstorage.amari.com/logo/all-our-brands_80.svg') no-repeat;}
.lg-orb{background-position:0 0;} .lg-orb:hover{background-position:0 -50px;background-color:rgba(65,54,46,0.8); cursor:pointer;} 
.lg-amr{background-position:-80px 0;} .lg-amr:hover{background-position:-80px -50px;background-color:rgba(234,122,22,0.8); cursor:pointer;}
.lg-ozo{background-position:-160px 0;} .lg-ozo:hover{background-position:-160px -50px;background-color:rgba(160,191,211,0.8); cursor:pointer;}
.lg-tmc{background-position:-240px 0;} .lg-tmc:hover{background-position:-240px -50px;background-color:rgba(255,255,255,0.8); cursor:pointer;}
.lg-yoo{background-position:-320px 0;} .lg-yoo:hover{background-position:-320px -50px;background-color:rgba(0,0,0,0.8); cursor:pointer;}
.lg-yoo2{background-position:-400px 0;} .lg-yoo2:hover{background-position:-400px -50px;background-color:rgba(61,61,60,0.8); cursor:pointer;}    
.lg-slu{background-position:-480px 0;} .lg-slu:hover{background-position:-480px -50px; background-color:rgba(13,94,166,0.8);cursor:pointer;} 
.lg-sha{background-position:-560px 0;} .lg-sha:hover{background-position:-560px -50px;background-color:rgba(0,43,84,0.8); cursor:pointer;} 
.lg-shu{background-position:-640px 0;} .lg-shu:hover{background-position:-640px -50px; background-color:rgba(0,92,185,0.8); cursor:pointer;}
.lg-maai{background-position:-720px 0;} .lg-maai:hover{background-position:-720px -50px;background-color:rgba(187,173,143,0.8); cursor:pointer;}  
.lg-breeze{background-position:-800px 0;} .lg-breeze:hover{background-position:-800px -50px;background-color:rgba(220,248,252,0.9); cursor:pointer;}

/*useful information - icon hotel contact*/
.hotel-contact{list-style:none;}
.hotel-contact li{position:relative; list-style:none; padding:5px 0 15px 40px; line-height:1.3}
.hotel-contact li:first-child{padding-top: 0}
.hotel-contact li.icon-contact:before {content:''; background-image:url('https://cloudstorage.amari.com/icon/sprite_contact.svg'); width:30px; height:30px; position:absolute; left:0; top:0;}
	.icon-contact.location:before{background-position:0 0;}
	.icon-contact.reservation:before{background-position:0 -30px;}
	.icon-contact.tel:before{background-position:0 -60px;}
	.icon-contact.fax:before{background-position:0 -90px;}
	.icon-contact.enquiry:before{background-position:0 -120px;}
	.icon-contact.chk-in:before{background-position:0 -150px;}
	.icon-contact.chk-out:before{background-position:0 -180px;}
	.icon-contact.cc:before{background-position:0 -210px;}
	.icon-contact.non-smoking:before{background-position:0 -240px;}
	.icon-contact.award:before{background-position:0 -270px; margin-top: 30px}
	.icon-contact.drone:before{background-position:0 -300px;}
	.icon-contact.child-policy:before{background-position:0 -330px;}
	
.icon-contact.award .logo{display: inline-block; margin: 0 5px; width: 80px; height: 80px;}
.icon-contact.award .logo img{object-fit: cover; width: 100%; height: 100%;}

.fancybox-width ul, .fancybox-width ul ul, .fancybox-width ul ul ul{padding-left:20px}
.fancybox-width li {list-style-type: disc;}
.fancybox-width li li {list-style-type: circle;}
.fancybox-width li li li {list-style-type: square;}

*[dir="rtl"] .hotel-contact li{padding:0 40px 15px 0;}
*[dir="rtl"] .hotel-contact li.icon-contact:before{left:inherit; right:0}
	
/*icon vt on image*/
.icon-360{background:url('https://cloudstorage.amari.com/icon/icon-360.svg') no-repeat; width:80px; height:80px; display:block; position:absolute; bottom:10px; right:10px; text-indent:-99999em; z-index:6}
a .icon-360:hover{opacity:.7;}

/*icon meeting*/
.icon-meeting{background-image:url(//cloudstorage.amari.com/icon/sprite_meeting-style.svg); background-repeat:no-repeat; width:55px; height:35px; display:block; margin:10px auto}
    .icon-meeting.boardroom{background-position:0 0}
    .icon-meeting.ushape{background-position:-55px 0}
    .icon-meeting.classroom{background-position:-110px 0}
    .icon-meeting.theatre{background-position:-165px 0}
    .icon-meeting.hollowsquare{background-position:-220px 0}
    .icon-meeting.banquet{background-position:-275px 0}
    .icon-meeting.buffet{background-position:-330px 0}
    .icon-meeting.reception{background-position:-385px 0}
    .icon-meeting.cabaret{background-position:-440px 0}
    .icon-meeting.cocktail{background-position:-495px 0}

/*icon Onyx Rewards - Your loyalty deserves rewarding*/
.icon-onyx-rewards-reward{background-image:url('https://cloudstorage.amari.com/icon/sprite_onyx-rewards_reward.svg'); width:100px; height:90px; display:block; margin:8px auto; text-indent:-9999em;-webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; -o-transition:all ease 0.3s; -ms-transition:all ease 0.3s; transition:all ease 0.3s;}
	.icon-onyx-rewards-reward.freestay{background-position:0 0;}
	.icon-onyx-rewards-reward.memberonly{background-position:-100px 0;}
	.icon-onyx-rewards-reward.loungeaccess{background-position:-200px 0;}

/*icon best-rate-guarantee*/
.hotel-highlight .icon-brg{background-image:url('https://cloudstorage.amari.com/icon/sprite_best-rate-guarantee.svg'); width:100px; height:100px; display:block; margin:8px auto; text-indent:-9999em;-webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; -o-transition:all ease 0.3s; -ms-transition:all ease 0.3s; transition:all ease 0.3s;}
	.hotel-highlight .icon-brg.no1{background-position:0 0;}
	.hotel-highlight .icon-brg.no2{background-position:-100px 0;}
	.hotel-highlight .icon-brg.no3{background-position:-200px 0;}
	.hotel-highlight .icon-brg.no4{background-position:-300px 0;}
	.hotel-highlight .icon-brg.no5{background-position:-400px 0;}
	.hotel-highlight .icon-brg.no6{background-position:-500px 0;}

/*icon creditcard*/
.icon-creditcard {background-image:url('https://cloudstorage.amari.com/icon/sprite_credit-card.svg'); background-repeat:no-repeat; width:80px; height:45px; display:inline-block; margin:6px 0 0 0; vertical-align:middle; text-indent:-9999px; border:1px solid #d9d9d9;}
	.icon-creditcard.visa{background-position:0 0;}
	.icon-creditcard.master{background-position:-80px 0;}
	.icon-creditcard.jcb{background-position:-160px 0;}
	.icon-creditcard.dinersclub{background-position:-240px 0;}
	.icon-creditcard.americanexpress{background-position:-320px 0;}
	.icon-creditcard.unionpay{background-position:-400px 0;}
	.icon-creditcard.wechat{background-position:-480px 0;}
	.icon-creditcard.alipay{background-position:-560px 0;}
	
	.cards_border0 .cards .content .bullet_ltgd span.icon-creditcard{margin:6px 0 0 0}
	
/*icon privacy*/
.icon-privacy {background-image:url('https://cloudstorage.amari.com/icon/sprite_privacy.svg'); background-repeat:no-repeat; width:120px; height:80px; display:block; margin:20px auto; cursor:pointer}
	.icon-privacy.no1{background-position:0 0;}	
	.icon-privacy.no2{background-position:-120px 0;}
	.icon-privacy.no3{background-position:-240px 0;}
	.icon-privacy.no4{background-position:-360px 0;}
	.icon-privacy.no5{background-position:-480px 0;}
	.icon-privacy.no6{background-position:-600px 0;}	
	
	 a:hover .icon-privacy.no1{background-position:0 -80px;}	
	 a:hover .icon-privacy.no2{background-position:-120px -80px;}
	 a:hover .icon-privacy.no3{background-position:-240px -80px;}
	 a:hover .icon-privacy.no4{background-position:-360px -80px;}
	 a:hover .icon-privacy.no5{background-position:-480px -80px;}
	 a:hover .icon-privacy.no6{background-position:-600px -80px;}

.updated{font-size:1.4rem; color:#999}

/*Privacy*/
.privacy{list-style:none; margin:0 auto; text-align: center; width: 100%;}
.privacy li{display:inline-block; margin:8px 0 0 5px; vertical-align: top; width:calc(100% - 8px); height:220px; background-color: #FFF; box-shadow: 0 0 20px rgba(0,0,0,.1); position:relative}
.privacy li a{display:block; height:100%;}
.privacy li a h3{font-size:1.8rem; color:#565a5c;}
.privacy li a:hover h3{color:#3966bb;}
.privacy li .icon-text{ width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:block}

/*Facybox Content - Privacy policy pop up*/
.fancybox-width{display:none; width:100%; max-width:90%; margin: 20px; padding:20px}
.fancybox-width h3{color:#3966bb;}
.fancybox-width b{color:#333;}

hr.height4px{clear:both; width:100%; height:4px; background:#f6f6f7; border-top:none; margin:30px 0}

/*Property - Awards*/
.awards{padding:0}
	.awards h2{font-size:2.4rem; font-weight:600; color:#212c68; margin:20px 20px 40px 20px;}
	.awards h3{font-size:2rem; font-weight:600; color:#333; margin:10px 0;}
	.awards .award-item{padding:10px 30px}
	.awards .award-item .image{position:relative;height:170px}
	.awards .award-item .image img{width:150px; display:block; margin:20px auto}
	.awards .award-item .content{position:relative;height:200px}
	.awards .bullet_ltgd{padding:0 30px 30px}

.main-more{margin:30px 0}
	.main-more header{text-align:center}
	.main-more header h2.tagline {font-size:1.6rem; color:#b7b09d;}
	.main-more header h3 {margin:0; font-size:4.6rem; line-height:1; color:#a0237f;}
	.main-more header h3:after{content:''; width:50px; height:3px; display:block; margin:15px auto; background:#f1efeb}
	
.iframe-embed{width:100%; height:700px}

/*TripAdvisor*/
.ta-iframe{width:100%; height:1700px;}
.ta-link{margin:10px 0 20px 10px;}

/* ----isotope layout-modes ---- */
.grid {display:-ms-flexbox; display:flex;}
.grid:after {content:''; display:block; clear:both;}
.grid-item a{display:block;}
.grid-item img {display:block; max-width:100%;}
	
/*Home - instagram feed*/
.instagram-feed {position:relative; overflow:hidden; background-color:#e8e5dd}

	.instagram-feed header{padding:60px 0 5px 0; text-align:center; }
	.instagram-feed header h2.tagline {font-size:1.6rem; color:#ada693;}
	.instagram-feed header h3		     {font-size:4rem; line-height:1; color:#85754e;}
	.instagram-feed .share{font-size:1.6rem; color:#9c9581; text-align: center; margin: 0; padding: 0 0 20px 0;}
	.instagram-feed .share a{font-weight:bold; text-decoration:none; color:#9c9581;}

/*Instafeed Grid*/	
	.instagram-feed .grid_container {position:relative; width:100%; height:400px}
	
	.instagram-feed .grid_container .grid__item {position:relative; float:left; width:33.3333333333%; height:33.3333333333%; overflow:hidden}
	
	.instagram-feed .grid__item img{object-fit:cover; width:100%; height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; position:absolute; left:0; top:0; background-size: cover;background-repeat: no-repeat;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
	.instagram-feed .grid__item:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
	
	.instagram-feed .grid__item .hovereffect .overlay .center-center{opacity:0; eight:100%; width:100%}
	.instagram-feed .grid__item .hovereffect:hover .overlay {background-color:rgba(0,0,0,.6);}
	.instagram-feed .grid__item .hovereffect:hover .overlay .center-center{opacity:1}
	.instagram-feed .grid__item .hovereffect, .instagram-feed .grid__item .hovereffect a{color:#fff;}
	.instagram-feed .grid__item .hovereffect .inner{padding:10px; font-size:1.6rem; line-height:1}	
	.instagram-feed .grid__item .hovereffect .inner .caption{display:none}
	.instagram-feed .grid__item .hovereffect .seemore{margin:10px auto}


/*ONR Member rates*/
/*Form login*/
.form-login {margin:20px auto; max-width:50rem; width:90%; padding:30px; background:#fff; border:1px solid #edf2f2; border-radius:3px; box-shadow:0 0 10px rgba(0,0,0,.08); }
.form-login h2 {font-size:2.6rem; line-height:1; color:#2e3e51; margin:20px 0;}
.form-login .form-control {border-radius:0;border:1px solid #b9bcbe; height:calc(2.6em + 4px); font-size:1em; padding:8px 8px 8px 50px; background:#f4f8fa;}

.form-login input[type="submit"] {display:inline-block; position:relative; background-color:#00b09b; border:1px solid #00b09b; width:100%; height:50px;  margin:0; line-height:20px; color:#fff; text-align:center; -webkit-transition:all ease .8s; -moz-transition:all ease .8s; transition:all ease .8s; cursor:pointer;}
.form-login input[type="submit"]:hover{text-decoration:none; color:#fff; box-shadow:inset 440px 0 0 0 #384695; border:1px solid #384695;}

.form-login input[type="button"] {display:inline-block; position:relative; background-color:#00b09b; border:1px solid #00b09b; width:100%; height:50px;  margin:0; line-height:20px; color:#fff; text-align:center; -webkit-transition:all ease .8s; -moz-transition:all ease .8s; transition:all ease .8s; cursor:pointer;}
.form-login input[type="button"]:hover{text-decoration:none; color:#fff; box-shadow:inset 440px 0 0 0 #384695; border:1px solid #384695;}

.form-login .member{display:inline-block; vertical-align:middle; position:relative; width:100%; padding:0}
.form-login .member:before {content:''; background-image:url('https://cloudstorage.amari.com/icon/sprite_login.svg'); background-repeat:no-repeat; top:9px; left:10px; width:30px; height:30px; position:absolute; pointer-events:none; display:block; z-index:2;}
.form-login .member.username:before{background-position:0 0}
.form-login .member.password:before{background-position:-30px 0}
.form-login .link{font-size:1.6rem;}

.main-onyxrewards-login .remark{margin: 0 auto 20px auto; max-width: 50rem; width: 90%; font-size: 1.6rem; line-height: 1.2; color: #888;}

/*ONYX Rewards - Sign-in*/
.main-onyxrewards-login .form-login .logo{text-align:center}
.main-onyxrewards-login h3{font-size:2.6rem}
.main-onyxrewards-login h4{color:#222; font-weight:700;text-align:center}
.main-onyxrewards-login .col-12.col-md-3{text-align:center}
.main-onyxrewards-login .icon-benefit{background:url('https://cloudstorage.amari.com/icon/sprite_onyx-rewards_member-benefit.svg'); width:60px; height:60px; display:block; margin:20px auto;}
.main-onyxrewards-login .no1{background-position:0 0}
.main-onyxrewards-login .no2{background-position:-60px 0}
.main-onyxrewards-login .no3{background-position:-120px 0}
.main-onyxrewards-login .no4{background-position:-180px 0}

/*ONYX Rewards - Offers*/
.main-onyxrewards-access .form-login .logo{text-align:center}
.main-onyxrewards-access h2{font-size:3.6rem}
.main-onyxrewards-access h4{color:#222; font-weight:700;text-align:center}
.main-onyxrewards-access .col-12.col-md-3{text-align:center}
.main-onyxrewards-access .icon-member-access {background:url('https://cloudstorage.amari.com/icon/sprite_onyx-rewards_member-access.svg'); width:100px; height:100px; display:block; margin:20px auto;}
.main-onyxrewards-access .no1{background-position:0 0}
.main-onyxrewards-access .no2{background-position:-100px 0}
.main-onyxrewards-access .no3{background-position:-200px 0}

.main-onyxrewards-access .member-access {position: relative; height: 60px;}
.main-onyxrewards-access .member-access span {background:#0ebd8d; padding: 9px 16px; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 4px solid #fff; font-size: 16px; color: #fff; margin-top: -10px;}

.ptb-6{padding:60px 0}
/*Button
**********************/
.btn-wh{border:0; border-radius:0; background:#fff}

/*Button bg dark blue - hover green*/
.btn-book {margin:0 10px 0 0; background:#384695; color:#fff;display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s;}
	.btn-book:hover{color:#fff;}
	.btn-book:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#00b09b; color:#fff; -webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}	
	.btn-book:hover:before, .btn-book:focus:before, .btn-book:active:before {-webkit-transform:scaleX(1);transform:scaleX(1);}

/*Button bg green - hover dark blue*/
.btn-learnmore{ background:#00b09b; color:#fff;-webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); -webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s;}
	.btn-learnmore:hover{color:#fff}
	.btn-learnmore:before{content:""; position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#384695; color:#fff; -webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}	
	.btn-learnmore:hover:before, .text-overlap-image .content .btn-learnmore:focus:before, .text-overlap-image .content .btn-learnmore:active:before {-webkit-transform:scaleX(1); transform:scaleX(1);}

.btn-book.-full{display:block; margin:0; border-radius:3px;}
.btn-book.-two{width: 47.4%; display:inline-block; margin:0; border-radius:3px;}
.btn-book.-two:first-child{margin-right:15px}
	
/*Button bg wh - border bk*/
.btn-request {width:100%; margin:10px 0; background:#384695; color:#fff;display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s;}
	.btn-request:hover{color:#fff;}
	.btn-request:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#00b09b; color:#fff; -webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}	
	.btn-request:hover:before, .btn-request:focus:before, .btn-request:active:before {-webkit-transform:scaleX(1);transform:scaleX(1);}
	
.cards_borderwh .btn-book, .cards_borderwh .btn-link{width:47%; padding:20px}

/*Button text*/
.btn-link {margin:0; background:transparent; color:#747786; vertical-align:middle; display:inline-block;}
	.btn-link:hover{color:#384695; text-decoration:none}
	.btn-link:before {position:absolute; top:calc(50% - 5px); left:70%; content:''; background:url(//cloudstorage.amari.com/icon/icon-arrow-right_bl.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-link:hover:before {left:80%; opacity:1;}
	.btn-link:active:before {color:#fff;}	
	
	
/*Button border black 2px*/
.btn-border-bk{padding:20px 40px}
.btn-border-bk, .btn-border-bk:hover {background-color:transparent; border:2px solid #000; color:#000;  position:relative}
.btn-border-bk:before {position:absolute; top:calc(50% - 5px); left:75% ; content:''; background:url(//cloudstorage.amari.com/icon/icon-arrow-right_bk.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-bk:hover:before {left:85%; opacity:1;}
.btn-border-bk:active:before {color:#fff;}

/*Button border gley*/
.btn-border-gy{padding:20px 30px; font-size:1.6rem;}
.btn-border-gy, .btn-border-gy:hover {background-color:transparent; border:1px solid #bdbebe; color:#494949;  position:relative}
.btn-border-gy:before {position:absolute; top:calc(50% - 5px); left:77% ; content:''; background:url(//cloudstorage.amari.com/icon/icon-arrow-right_gy.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-gy:hover:before {left:87%; opacity:1;}
.btn-border-gy:active:before {color:#fff;}

/*Button border green*/
.btn-border-grn{background:#fff; border:2px solid #00b09b; color:#00b09b;-webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); -webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s; padding: 1.8rem 3.5rem;}
	.btn-border-grn:hover{color:#fff}
	.btn-border-grn:before{content:""; position:absolute; z-index:-1;top:0;left:0;right:0;bottom:0; background:#00b09b; color:#fff; -webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
	.btn-border-grn:hover:before {width:100%;}

/*Button border top bk*/
.btn-learnmore-bdtop {display:inline-block; padding:0; font-size:1.6rem; color:#000; font-weight:700;}
.btn-learnmore-bdtop:before {content:''; display:block; width:38px; height:4px; background:#000; margin-bottom:10px;-moz-transition:0.3s all ease;-o-transition:0.3s all ease;-webkit-transition:0.3s all ease;transition:0.3s all ease;}	
.btn-learnmore-bdtop:hover:before {width:100%;}
	
	
/*hover images + */
a:hover .hoverimg{clear:both; display:block; background-color:rgba(136, 3, 101, 0.9); width:100%; height:100%;left:0; z-index:5; position:absolute;-webkit-transition:all 0.45s ease-in-out;-moz-transition:all 0.45s ease-in-out;-o-transition:all 0.45s ease-in-out;-ms-transition:all 0.45s ease-in-out;transition:all 0.45s ease-in-out;}
	a:hover .hoverimg em {position:absolute; z-index:5; top:calc(50% - 25px) !important; left:calc(50% - 25px) !important; display:block; width:50px; height:50px; -webkit-transform:rotate(90deg); transform:rotate(90deg); -webkit-animation:rotating-view 0.2s linear; -moz-animation:rotating-view 0.2s linear;-ms-animation:rotating-view 0.2s linear;-o-animation:rotating-view 0.2s linear;animation:rotating-view 0.2s linear}
	a:hover .hoverimg em:before{content:''; position:absolute; top:50%; left:0px; display:block; width:50px; height:2px; background-color:#fff;}
	a:hover .hoverimg em:after{content:''; position:absolute; top:0px; left:50%; display:block; width:2px; height:50px; background-color:#fff;}

/*icon new*/
.iconnew{position:absolute; top:8px; right:8px;width:70px;height:70px; background:rgba(75,180,140,.8);border-radius:50%;font-size:14px;line-height:12px;color:#fff;text-align:center;z-index:5;}
.iconnew .in{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); line-height:1; width:90%}

.badge-success{position:absolute; top:10px; right:10px; padding:8px 15px; z-index:5; }
.badge-success{background-color:#00b09b; border-radius:20px; padding:5px 8px}

@-webkit-keyframes rotating-view {
from {-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
to {-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
}

@keyframes rotating-view {
from {-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
to {-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
}

/*GDPR*/
.cc-window{background-color:#eef1f3; z-index:200;}
	.cc-window.cc-banner, .cc-window.cc-floating{padding:8px 10px;}
	.cc-window .cc-message{font-family:Roboto,Arial,tohoma,SimHei;font-size:11px;line-height:1.2em;color:#6b6b6b;text-align:center;margin-bottom:0;margin-right:15px;}
	.cc-window a, .cc-window a.cc-link {color:#6b6b6b;}
	.cc-window .cc-close {display:block; position:absolute;top:4px;right:4px;width:20px;height:23px;font-size:1.5em; line-height:.75;opacity:1;color:#333;text-align:center; outline:none}
	.cc-window .cc-close:hover{opacity:.5}

/*callout*/
.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}

/*Enquiry*/
.form-enquiry{width:90%; padding:30px; margin:15px auto; background: #FFF; -webkit-border-radius:10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);}
.form-enquiry .inner-wrap{ padding:20px; background:#eceff1; border-radius: 6px; margin-bottom: 15px;overflow: hidden;}
.form-enquiry h2{ background: #f6800c; padding: 20px 30px 15px 30px; margin: -30px -30px 30px -30px; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; color: #fff; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12); font-size:40px; line-height:40px; -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17); -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.1); box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.1); border: 1px solid #06579b;}
.form-enquiry h2 > span{ display: block; margin-top: 2px; font-size:14px; line-height:1em;}
.form-enquiry label{ display: block;  font-size:1em; font-weight:normal; margin-bottom: 15px; position:relative}

.form-enquiry label .pulldown{top:35px; right:10px; z-index:5}
.form-enquiry label span{color:#da523a;}
.form-enquiry input[type="text"], .form-enquiry input[type="date"], .form-enquiry input[type="datetime"], .form-enquiry input[type="email"], .form-enquiry input[type="number"], .form-enquiry input[type="search"], .form-enquiry input[type="time"],
.form-enquiry input[type="url"], .form-enquiry input[type="password"], .form-enquiry textarea, .form-enquiry select { display: block; color:#888;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0 0 5px 0; padding: 8px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius: 6px; border: 2px solid #fff;}

.form-enquiry .section{color: #00b09b; margin-bottom: 5px;}
.form-enquiry .section span { background: #00b09b; padding:9px 18px; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 4px solid #fff; font-size: 16px; margin-left: -55px; color: #fff; margin-top: -12px;}
.form-enquiry .section span.title{background:#ffffff;color:#06579b;margin:0;padding:0;position:inherit;border:0; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.form-enquiry input[type="submit"].send{color:#FFF; background: #00b09b url('https://cloudstorage.amari.com/icon/send-wh.png') no-repeat 15px 9px; border:1px solid #31b37e; padding: 6px 17px 6px 37px; -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;}
.form-enquiry input[type="submit"].send:hover{color:#FFF; background-color:#1abc9c; border:1px solid #1abc9c;}
.form-enquiry input[type="submit"].cancel, .form-enquiry input[type="button"].cancel{color:#333; background-color:#fff; border:1px solid #ccc; padding:6px 20px; -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;}
.form-enquiry input[type="submit"].cancel:hover, .form-enquiry input[type="button"].cancel:hover{color:#333; background-color:#e6e6e6; border:1px solid #adadad}
.form-enquiry .form-horizontal{clear:both;}

/*Footer*/
footer{position:relative; z-index:-1}
.footer-info{background-color:#fdfdfd; padding:35px 0; border-top:4px solid #f6f6f7;}
.footer-info .col-12{padding:20px 15px}
	.footer-info h5{font-family:'ZCOOL XiaoWei', 'SignikaLight', 'AthitiRegular'; font-size:2rem; color:#333333}	
	.footer-info .line:after{content:''; display:inline-block; width:1px; height:110%; position:absolute; right:0; top:-10%;}
	
	.footer-wrapper{font-size:1.5rem; color:#62737f; margin:10px 0;}
	.footer-wrapper a{color:#62737f; text-decoration:none;}
	.footer-info .info .footer-wrapper a{display:block; line-height:54px; padding-left:15px}
	.footer-wrapper a:hover{color:#34668c; text-decoration:underline;  display:inline-block}
	
	.footer-info .icon-social{ background-image:url(//cloudstorage.amari.com/logo/social.svg); background-repeat:no-repeat; width:30px; height:30px; display:inline-block; text-indent:-999999em; margin:8px; vertical-align:middle}	
		.fb{background-position:0 0} 					.fb:hover{background-position:0 -30px}		
		.ig{background-position:-30px 0}				.ig:hover{background-position:-30px -30px}		
		.line{background-position:-60px 0}			.line:hover{background-position:-60px -30px}		
		.tw{background-position:-90px 0}			.tw:hover{background-position:-90px -30px}		
		.blog{background-position:-120px 0}		.blog:hover{background-position:-120px -30px}
		.wechat{background-position:-150px 0}	.wechat:hover{background-position:-150px -30px}
		.weibo{background-position:-180px 0}		.weibo:hover{background-position:-180px -30px;}
		.linkedin{background-position:-210px 0}		.linkedin:hover{background-position:-210px -30px;}
	
	.footer-subscribe{overflow:hidden} 	.footer-subscribe input {width:65%; height:44px; float:left; border:1px solid #d2d2d2; border-radius:0; color:#62737f; padding:10px 15px;}
	
	.footer-subscribe .button {width:35%; font-family:'ZCOOL XiaoWei', 'SignikaLight', 'AthitiRegular'; line-height:1rem; font-size:1.6rem; height:44px; float:left; background:#3c538d; border:none; color:#FFF; padding:10px 15px; cursor:pointer; -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;}
	.footer-subscribe .button:hover{background:#4563c5;}
	
	.footer-unsubscribe{margin:20px 0; color:#62737f} 
	.footer-unsubscribe a{color:#62737f; text-decoration:underline;} .footer-unsubscribe a:hover{color:#3c538d}

*[dir='rtl'] .footer-subscribe input{float:right;}

/*Footer brands logo*/
.footer-logos{background-color:#f2f4f5; padding:60px 0;}
.footer-logos .container{list-style:none; width: calc(100% - 30px); margin:0 auto; border: 1px solid #e6e6e6; text-align: center; position: relative;}
.footer-logos .item {display:inline-block; vertical-align:middle;}
	.footer-logos .item a, .logo-top a, .logo-bottom a{display: inline-block}
	
	.footer-logos .logo-top{position:absolute; top: -40px; left: calc(50% - 94px); background-color:#f2f4f5; margin: 0 auto; padding:0 20px; z-index: 5}
	.footer-logos .logo-center{padding:40px 0; margin: 0 auto}
	.footer-logos .logo-center .item{width:49%; margin:0 auto; padding:10px 5px; display: inline-block; vertical-align: middle;}
	.footer-logos .logo-bottom {background:#f2f4f5; position:absolute; bottom:-30px; left:calc(50% - 99px);}
	.footer-logos .logo-bottom .item{padding:10px}
	
	.footer-logos .brand{background-image:url('https://cloudstorage.amari.com/logo/footer-all-logos-v2.svg'); background-repeat: no-repeat; display:inline-block; text-indent:-99999em;}
	.footer-logos .brand.onyx{width:148px; height:68px; background-position:0 0} .footer-logos .brand.onyx:hover{background-position:0 -70px}		
	.footer-logos .brand.orl{width:74px; height:42px; background-position:-160px 0;} .footer-logos .brand.orl:hover{background-position:-160px -70px;}		
	.footer-logos .brand.amr{width:76px; height:42px; background-position:-240px 0;} .footer-logos .brand.amr:hover{background-position:-240px -70px;}	
	.footer-logos .brand.sha{width:60px; height:42px; background-position:-320px 0;} .footer-logos .brand.sha:hover{background-position:-320px -70px;}		
	.footer-logos .brand.ozo{ width:75px; height:42px; background-position:-380px 0;} .footer-logos .brand.ozo:hover{background-position:-380px -70px;}			
	.footer-logos .brand.yoo{width:77px; height:42px; background-position:-460px 0;} .footer-logos .brand.yoo:hover{background-position:-460px -70px;}		
	.footer-logos .brand.saf{width:97px; height:42px; background-position:-540px 0;} .footer-logos .brand.saf:hover{background-position:-540px -70px;}		
	.footer-logos .brand.tmc{width:127px; height:42px; background-position:-640px 0;} .footer-logos .brand.tmc:hover{background-position:-640px -70px;}		
	.footer-logos .brand.italthai{width:148px; height:42px; background-position:-770px 0;} .footer-logos .brand.italthai:hover{background-position:-770px -70px;}

.footer-copyrights{font-size:1.2rem; text-align:center; padding: 5px 0}

/*Disable Auto Zoom in Input “Text” tag - iPhone*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select:focus, textarea:focus, input:focus {font-size: 16px;}
}

@media (min-width:480px) {

/*Offer1*/
	.motif-full-d1_cnt2_TL {width: 220px; height: 309px; left: -100px; top: -150px;}
	.motif-outline-d1_cnt2_BR{width:220px; height:309px; right:-100px; bottom:-150px;}
	
	.flickity_three .flickity-prev-next-button{top:34%}
}

/*only landscape*/
@media (min-width:568px) and (max-width :896px) and (orientation :landscape) {
/*Home/Property - Description*/
.main-description img{max-width:178%!important}

.type-silver, .type-gold, .type-platinum{background-size:50%}

/*Home - Amari Experience*/
.two-column_equal-fluid-h100{height:230vh}
.two-column_equal-fluid-h100 .image, .two-column_equal-fluid-h100 .image .inner{height:100vh}
.two-column_equal-fluid-h100 .content{height:130vh}

/*Amaya Food Gallery*/
	.two-column_equal-fluid-h60 .image,
	.two-column_equal-fluid-h60 .image .inner,
	.two-column_equal-fluid-h60 .content{height:100vh;}
	
	.two-column_equal-fluid-h60 .row:nth-child(even){flex-direction:row-reverse; -webkit-flex-direction:row-reverse;}
		
	.two-column_equal-fluid-h60 .image, 
	.two-column_equal-fluid-h60 .content{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; order:initial}

/*Property - Highlight*/
.two-column_32-fluid .row{height:230vh;}
	.two-column_32-fluid .image, .two-column_32-fluid .image .inner{height:100vh}

/*Property - Room Type individual Description & Gallery*/
.two-column_23-fluid .image, .two-column_23-fluid .image .inner, .slide-arrow-circle_BR_wh .carousel-item{height:calc(100vh - 62px)}

/*Cards - List all rooms*/
.cards_borderwh .cards, .cards_borderwh .cards .image, .cards_borderwh .cards .image .inner, .cards_borderwh .cards .content {height:650px}
	.cards_borderwh .cards:nth-child(even){-webkit-box-orient:horizontal; -webkit-box-direction:reverse; -webkit-flex-flow:row-reverse; flex-flow:row-reverse;}
	.cards_borderwh .cards .image, .cards_borderwh .cards .content{order:inherit}	
	.cards_borderwh .cards .image, .cards_borderwh .cards .content {-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
    .cards_borderwh .cards .content .inner{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:80%}

/*CSR*/
.csr-initiatives .cards{height:1000px}
.csr-initiatives .cards .image, .csr-initiatives .cards .image .inner{height:400px}
.csr-initiatives .cards .image .inner{width:80%}
.csr-initiatives .cards .image .inner img{object-fit:initial; height:auto; padding:30px}
.csr-initiatives .cards .content{height:600px}
	
/*Slider - List restaurants, amenities*/
.text-overlap-image .image, .text-overlap-image .image .inner{height:100vh}
.text-overlap-image .content .inner{padding:60px}
.slide-arrow_TR_gy .indicators, .slide-arrow_TR_gy .carousel-control-prev, .slide-arrow_TR_gy .carousel-control-next{top:100vh}

/*indicators arrow*/
.slide-arrow_TR_wh .indicators, .slide-arrow_TR_wh .carousel-control-prev, .slide-arrow_TR_wh .carousel-control-next{top:100vh;}
	
/*Motif*/
.motif-full-d1_cnt_TL{left:-85px}
.motif-outline-d1_cnt_BR{right:-85px}

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

/*Home - Destination*/
.flickity_group .carousel-cell, .flickity_three .carousel-cell {width:33.333333%;}
.flickity_three .carousel-cell{width:70%}
.flickity_three .carousel-cell.is-selected .content .inner{padding:50px;}

/*Ourbrand*/
.table-ourbrand {width:450px;}
.table-ourbrand td {height:60px;}
.segmentation{width:100px; height:60px; margin-bottom:10px;}
.lg-profile{margin:5px 10px}

/*instagram-feed*/
.instagram-feed .grid_container{height:800px}

/*Privacy*/
.privacy li{width:calc(50% - 8px)}

/*Footer*/
.footer-info .line:nth-child(1):after{border-right:1px solid #edeeef;}
}

@media (min-width:569px){
.fancybox-width-banner{width: 685px; }
.fancybox-width-banner .inner{width: 450px}
.main-intro{margin:60px 0 0 0;}

	.main-intro .image{height:510px}
	.main-intro .image .image-over{top:40%; left:8%;}
	.main-intro .image .image-under{position:absolute; right:-15%; display: inherit; z-index:5}

.flickity_one .carousel-cell{width:90vw; height:400px}
	.flickity_one .carousel-cell .image{-ms-flex:0 0 50%; flex:0 0 50%; float:left; position:relative; height:400px;}
	.flickity_one .carousel-cell .image .inner{width:100%; height:100%}
	
	.flickity_one .carousel-cell .content{-ms-flex:0 0 50%; flex:0 0 50%; float:left; position:relative; height:400px; top:inherit}
	
	.flickity_one .carousel-cell.is-selected{border:1px solid #e5e5e5;}

	.flickity_one .flickity-prev-next-button{top:50%; height:400px}
	.flickity_one .flickity-prev-next-button.next{right:-8%;}
	.flickity_one .flickity-prev-next-button.previous{left:-8%}

.cards_borderwh .cards .content .tmvs-certified{ top: 20px;}

/*Promotion*/
.promotion-hotels .content{display:flex; flex-flow:column nowrap; justify-content:space-around; align-items:stretch; align-content:stretch; background:#fff; padding:20px; width:calc(100% - 30px); position:absolute; left:30px; top:325px; z-index:7;}
.promotion-hotels .content .glance{-ms-flex:1 1 auto; flex:1 1 auto;}
.promotion-hotels .content .cond{margin:0 0 5px 0}

/*awards*/
.awards .award-item{display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding:30px;}
.awards .award-item .image{-ms-flex:0 0 30%; flex:0 0 30%; max-width:30%; height:150px}
.awards .award-item .content{-ms-flex:0 0 70%; flex:0 0 70; max-width:70%; padding:20px; height:auto}
.awards .award-item .image img{margin:0 auto}

.ta-iframe{width:100%; height:1150px;}
}

@media only screen and (min-width: 896px) and (orientation: landscape) {		
	.main-intro .image .image-over{left:20%;}
	.main-intro .image .image-under{right:-5%;}
}

@media (min-width:768px) {
.main-accordion{padding:0 0 60px 0;}
.main-accordion.terms{padding:50px 0}
.main-accordion .card .card-body{padding:0 50px 30px 50px;}
}

@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait) {
/*Home/Property - Description*/
.main-description img{max-width:178%!important}

/*Home - Amari Experience*/
.two-column_equal-fluid-h100{height:100vh;}
	.two-column_equal-fluid-h100 .image, .two-column_equal-fluid-h100 .image .inner, .two-column_equal-fluid-h100 .content{height:50vh;}
	
	/*indicators arrow*/
	.slide-arrow_TR_wh .indicators, .slide-arrow_TR_wh .carousel-control-prev, .slide-arrow_TR_wh .carousel-control-next{top:50vh;}
	
	/*Motif*/
	.motif-full-d1_cnt_TL{left:-85px}
	.motif-outline-d1_cnt_BR{right:-85px}
	
/*Amaya Food Gallery*/
	.two-column_equal-fluid-h60 .image,
	.two-column_equal-fluid-h60 .image .inner,
	.two-column_equal-fluid-h60 .content{height:50vh;}
	
	.two-column_equal-fluid-h60 .row:nth-child(even){flex-direction:row-reverse; -webkit-flex-direction:row-reverse;}
	
	.two-column_equal-fluid-h60 .image, 
	.two-column_equal-fluid-h60 .content{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; order:initial}
	
/*Home - Destination*/
.flickity_group .carousel-cell {width:33.333333%;}

/*Property Roomtype*/
.two-column_32-fluid .row {height:100vh;}
.two-column_32-fluid .image, .two-column_32-fluid .image .inner{height:50vh;}

/*Property - Room Type individual Description & Gallery*/
.two-column_23-fluid {height:120vh;}
.two-column_23-fluid .image, .two-column_23-fluid .image .inner, .slide-arrow-circle_BR_wh .carousel-item{height:60vh;}
.two-column_23-fluid .content{height: 60vh;}
.two-column_23-fluid .image .link{bottom:20px;}

/*Cards - List all rooms*/
.cards_borderwh .cards, .cards_borderwh .cards .image, .cards_borderwh .cards .image .inner, .cards_borderwh .cards .content {height:650px}
	.cards_borderwh .cards:nth-child(even){-webkit-box-orient:horizontal; -webkit-box-direction:reverse; -webkit-flex-flow:row-reverse; flex-flow:row-reverse;}
	.cards_borderwh .cards .image, .cards_borderwh .cards .content{order:inherit}
	
	.cards_borderwh .cards .image, .cards_borderwh .cards .content {-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}

/*Cards - List all amenities*/
.cards_border0 .cards .image, .cards_border0 .cards .image .inner {height:40vh;}

/*CSR*/
.csr-initiatives .cards{height:1000px}
.csr-initiatives .cards .image, .csr-initiatives .cards .image .inner{height:400px}
.csr-initiatives .cards .image .inner{width:80%}
.csr-initiatives .cards .image .inner img{object-fit:initial; height:auto; padding:30px}
.csr-initiatives .cards .content{height:600px}

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

.table-ourbrand{width:350px}

.instagram-feed .grid_container{height:700px}

.privacy li{width:calc(50% - 8px)}

/*Offer1*/
.flickity_three .carousel-cell{width:70%}
}

@media (min-width:1024px) {
/*alert*/
.alert-topmessage{text-align:center}
.fancybox-width-banner{width: 685px; height: 500px;}

/*Home/Property - Description*/
.main-description{padding:50px 0 0 0}
.main-description.promotion-content{padding:40px 0}

.main-description h1{font-size:5rem}
.main-description h2:after{margin:15px 0 30px 0;}
.main-description .content{-ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667%;}	
.main-description .image{-ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333%;}
    .main-description .column-count-2{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;}
    
.main-description .content,.main-description .image{order:inherit}

.main-description .ta img{max-width:60%}
.main-description .ta-tc-awards{display:inline-block}
.main-description .ta-tc-awards img{margin: 0 0 0 auto;}

.certificated{text-align:right;}
*[dir='rtl'] .certificated{text-align: left;}

.main-intro.top .image .image-over{top:10%}

/*Restaurant, Amenities Individual*/
.main-intro h1{font-size:3.6rem}
.main-intro{position:relative; margin:60px 0 0 0;}
	.main-intro .content{position:relative; -ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667%; z-index:5;}
	.main-intro .content .inner{display:flex; justify-content: center; flex-direction: column; width:95%; height:100%;}
	.main-intro .image{position:relative; -ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333%; height:630px}
	
	/*.main-intro .content .rate-wrap{bottom:-20px; right: -25px;}*/
	
	.main-intro .image .image-over{position:absolute; top:10%; z-index:6; left:-50px; width:290px; height:340px}
	.main-intro .image .image-over img{width:100%!important}

	.main-intro .image .image-under{position:absolute; right:-25px; z-index:5; width:550px; height:637px!important}
	.main-intro .image .image-under picture{width:100%; height:100%; position:relative;}
	
	.main-intro .content, .main-intro .image{order:inherit}
	
.shop-contact{background:#eef2f2; margin: 60px 0 0 0;}
.flickity_group header {padding: 40px 0 80px 0;}
	
.bgimage-text{height:320px}
.bgimage-text .inner{width:70%}

.list-package{padding:100px 0 70px 0}
.main-gallery{padding:0}
.filter-category{margin:20px 0 0 0;}

/*ONYX Rewards - Table*/
.bd-blr{margin:0}
.bd-blr:hover{background-color:#f6f6f7}
.ben-desc-list{border-top:0; border-bottom:0}
.ben-desc-list .name{background:transparent}
.type-card{ float:right; width:390px; }
	.type-card-col{float: left; width:130px; position:relative; }
.dtl-card{float: right; width:390px; grid-template-columns:130px 130px 130px; }
.bed-left {float:left; padding-bottom:10px;width: calc(100% - 390px); font-weight: 700; color: #666;  }

.type-silver, .type-gold, .type-platinum{background-size:90%;}
.col-line:first-child:after{border-right:1px solid #eaeaea}
.ben-sub-title{width:100%; margin:0 15px;}
.ben-desc-list{position:relative; float:left; width:calc( 100% - 390px );}

/*promotion*/
.promotion-hotels{padding:50px 0}
.promotion-hotels .image{height:290px;}
.promotion-hotels .image figure{height:290px;}
.promotion-hotels .content{top:250px}
.promotion-hotels .link-media{padding: 5px 15px 40px 15px;}
.promotion-hotels .content .btn-wrapper .btn-book.-full, .promotion-hotels .content .btn-wrapper .btn-book.-twocol{padding:2rem 3.5rem;}

.promotion-filter .filters-button-group .button {height:100%;}

.multiselect{width:300px;}
.multiselect-container {width:303px;}

/*Home - Amari Experience*/
.two-column_equal-fluid-h100, .two-column_equal-fluid-h100 .image,	.two-column_equal-fluid-h100 .image .inner, .two-column_equal-fluid-h100 .content{height:100vh;}	
	
	.two-column_equal-fluid-h100 .image, .two-column_equal-fluid-h100 .content{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}

/*Events*/
.two-column_equal-fluid-h100.bg-white, .two-column_equal-fluid-h100.bg-white .image, .two-column_equal-fluid-h100.bg-white .image .inner, .two-column_equal-fluid-h100.bg-white .content{height:calc(100vh - 114px)}
	.two-column_equal-fluid-h100.bg-white .image, .two-column_equal-fluid-h100.bg-white .content{order:initial}
	.two-column_equal-fluid-h100.bg-white:nth-child(even) .row{flex-direction:row-reverse; -webkit-flex-direction:row-reverse;}

*[dir="rtl"] .two-column_equal-fluid-h100 .content{text-align:right}
	
/*Amaya Food Gallery*/
.two-column_equal-fluid-h60 .image, .two-column_equal-fluid-h60 .image .inner, .two-column_equal-fluid-h60 .content{height:580px;}
	
	.two-column_equal-fluid-h60 .row:nth-child(even){flex-direction:row-reverse; -webkit-flex-direction:row-reverse;}
	
	.two-column_equal-fluid-h60 .image, .two-column_equal-fluid-h60 .content{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; order:initial}
	.two-column_equal-fluid-h60 .content .inner{width:60%}


/*Property Roomtype*/
.two-column_32-fluid .row{flex-direction:row;}
.two-column_32-fluid .row,	.two-column_32-fluid .image, .two-column_32-fluid .image .inner , .two-column_32-fluid .content{height:90vh;}	
	
	.two-column_32-fluid .image{-ms-flex:0 0 55%; flex:0 0 55%; max-width:55%;}
	.two-column_32-fluid .content{-ms-flex:0 0 45%; flex:0 0 45%; max-width:45%;}
	.two-column_32-fluid .content .inner{width:60%}

/*Property - Room Type individual Description & Gallery*/
.two-column_23-fluid, .two-column_23-fluid .content, .two-column_23-fluid .image, .two-column_23-fluid .image .inner, .two-column_23-fluid .image .carousel-item, .slide-arrow-circle_BR_wh .carousel-item{height:calc(100vh - 114px);}
	.two-column_23-fluid .image{-ms-flex:0 0 55%; flex:0 0 55%; max-width:55%;}
	.two-column_23-fluid .content{-ms-flex:0 0 45%; flex:0 0 45%; max-width:45%;}
	.two-column_23-fluid .content h1{font-size:4.6rem;}
	.two-column_23-fluid .content, .two-column_23-fluid .image{order:inherit}
	.two-column_23-fluid .content .inner{width:85%; height:350px; position: absolute; left: 7%; bottom:7%; overflow-y:auto; }    
    .two-column_23-fluid .content .inner .inner-inner{position: absolute; bottom: 0; height: 100%;}
	.two-column_23-fluid .content .description{padding: 0 15px 0 0}
	
	.two-column_23-fluid .image .link{bottom:20px;}

*[dir="rtl"] .two-column_23-fluid .content .description{padding: 0 0 0 15px}
	
/*Cards - List all rooms*/
.cards_borderwh .cards {margin:0 auto 30px; padding:30px; height:auto}
	.cards_borderwh .cards .image, .cards_borderwh .cards .image .inner, .cards_borderwh .cards .content{height:600px}
	
	.cards_borderwh .cards:nth-child(even) {-webkit-box-orient:horizontal; -webkit-box-direction:reverse; -webkit-flex-flow:row-reverse; flex-flow:drow-reverse;}

	.cards_borderwh .cards .image{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
	.cards_borderwh .cards .content{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
	.cards_borderwh .cards .content .description .meeting li{padding-right:14px}
	.cards_borderwh .cards .btn{padding:20px;}
	
.btn-request{width:inherit}

/*Cards - List all amenities*/
.header-exclusive h2{font-size:2.8rem}
.cards_border0 .cards{flex-flow:row nowrap; margin:0 0 50px 0;}
.cards_border0 .row.cards:nth-child(even){-webkit-box-orient:horizontal; -webkit-box-direction:reverse; -webkit-flex-flow:row-reverse; flex-flow:row-reverse;}	

	.cards_border0 .cards .image, .cards_border0 .cards .content{order:inherit; height: inherit}	
	.cards_border0 .cards .image, .cards_border0 .cards .content {-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
	
	.cards_border0 .cards .image .inner, .cards_border0 .cards .content .inner{height: 100%}
	.cards_border0 .cards .content .inner{display: flex; justify-content: center; flex-direction: column; padding: 50px}
	
/*At a glance*/
.cards_border0 .cards .content h3, .cards_border0 .cards .content h3 a{font-size:3.6rem}

/*Motif*/
.motif-full-d1_cnt_TL{width:287px; height:429px; left:-115px;top:-202px;}
.motif-outline-d1_cnt_BR{width:287px; height:429px; right:-115px; bottom:-236px;}

/*indicators arrow*/
.slide-arrow_TR_wh .indicators, .slide-arrow_TR_wh .carousel-control-prev, .slide-arrow_TR_wh .carousel-control-next{top:3%;}
	
/*Home - Why Book Direct*/
.book-direct .link-all{margin:45px 0 0 0;}

/*Home - Destination*/
.flickity_group header {padding:60px 0 20px 0;}
.flickity_group .destination .link-all{margin:-100px 0 0 0;}
.flickity_group .carousel-cell {width:25%;}

.bg-light-gold{padding-bottom:50px}
/*Sale - Brands*/
.flickity_group.brands .carousel-cell {width:33.333333%;}

/*Property Highlight*/
.shop-contact .hotel-highlight{padding:80px 15px 50px 15px;}
.property .hotel-highlight{padding:50px 15px;}
.hotel-highlight{background-color:transparent}
.hotel-highlight .text{padding:20px 40px;}

/*background color*/
.bg-lightgreen, .bg-lightblue {padding:50px 0;}

/*member rates banner - index, property, room type individual*/
.banner-member-rates{margin:30px}

/*Google Map*/
#gmap_location{margin:0}

/*Instafeed Grid*/	
.instagram-feed .grid_container{height:500px}
	.instagram-feed .grid_container .grid__item {position:relative; float:left; width:16.66666667%; height: 33.3333333333%; overflow: hidden;}
	
	.instagram-feed .grid__item:nth-child(1), .instagram-feed .grid__item:nth-child(7){width:33.3333333333%; height:66.6666666667%;}
	.instagram-feed .grid__item:nth-child(10){position: absolute; left:0; top:66.6666666667%; width: 16.66666667%; height: 33.3333333333%;}
	.instagram-feed .grid__item:nth-child(11){position: absolute; left:16.66666667%; top:66.6666666667%; width: 16.66666667%; height: 33.3333333333%;}
	.instagram-feed .grid__item:nth-child(12){position: absolute; left:33.3333333333%; top:66.6666666667%; width: 16.66666667%; height: 33.3333333333%;}
	
	.instagram-feed .grid__item .hovereffect .inner{padding:20px; word-wrap: break-word;  overflow: hidden; text-align:center; position:relative;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out; font-size:1.6rem; line-height:1.6}	
	.instagram-feed .grid__item .hovereffect .inner{-webkit-transform:translateY(45px);-ms-transform:translateY(45px);transform:translateY(45px);}		
	.instagram-feed .grid__item .hovereffect:hover .inner{-webkit-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px);}
	.instagram-feed .grid__item .hovereffect .inner .caption{display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow:hidden;}
	.instagram-feed .grid__item .hovereffect .seemore{margin:50px auto 20px auto}
	
/*Our Brand*/
.bg-brand {padding: 30px;}
.table-ourbrand {width:600px;}
.table-ourbrand td {height:100px;}
.segmentation{width:135px; height:80px;}
.lg-profile{width:135px; height:80px; background:url('https://cloudstorage.amari.com/logo/all-our-brands.svg') no-repeat; }
.lg-orb{background-position:0 0;} .lg-orb:hover{background-position:0 -80px;} 
.lg-amr{background-position:-135px 0;} .lg-amr:hover{background-position:-135px -80px;}
.lg-ozo{background-position:-270px 0;} .lg-ozo:hover{background-position:-270px -80px;}
.lg-tmc{background-position:-405px 0;} .lg-tmc:hover{background-position:-405px -80px;}
.lg-yoo{background-position:-540px 0;} .lg-yoo:hover{background-position:-540px -80px;}
.lg-yoo2{background-position:-675px 0;} .lg-yoo2:hover{background-position:-675px -80px;}    
.lg-slu{background-position:-810px 0;} .lg-slu:hover{background-position:-810px -80px;}
.lg-sha{background-position:-945px 0;} .lg-sha:hover{background-position:-945px -80px;}
.lg-shu{background-position:-1080px 0;} .lg-shu:hover{background-position:-1080px -80px;}
.lg-maai{background-position:-1215px 0;} .lg-maai:hover{background-position:-1215px -80px;}
.lg-breeze{background-position:-1350px 0;} .lg-breeze:hover{background-position:-1350px -80px;}

/*Privacy*/
.privacy li{width: calc(33.333333% - 8px);}
.fancybox-width{max-width:50vw; padding:60px}

/*Offer1*/
.flickity_three .carousel-cell{width:60%}	
.flickity_three .carousel-cell.is-selected .image, .flickity_three .carousel-cell.is-selected .image .inner{height:400px}
.flickity_three .carousel-cell .image, .flickity_three .carousel-cell .image .inner{height:400px}
.flickity_three .carousel-cell.is-selected .content .inner{padding:50px 60px; }
.flickity_three .carousel-cell.is-selected .content p{text-align:center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

/*Special Offers*/
.flickity_one header h3		   {font-size:4rem;}

	.flickity_one .carousel-cell {position:relative; width:800px; height:420px; background:#fff; margin:0 auto; display:flex; opacity:0}
	.flickity_one .carousel-cell .image, .flickity_one .carousel-cell .content{height:420px;}
	.flickity_one .carousel-cell .content .inner{padding:50px}

	.flickity_one .flickity-prev-next-button.next{right:0;}
	.flickity_one .flickity-prev-next-button.previous{left:0}

.content-padd{padding:60px 0}
.content-padd .column-count-2{padding:0 15px}

/*CSR*/
.csr-initiatives .cards, .csr-initiatives .cards .image, .csr-initiatives .cards .content{height:650px}
.csr-initiatives .cards .image{position:relative; -ms-flex:0 0 30%; flex:0 0 30%; max-width:30%; }
.csr-initiatives .cards .image .inner img{object-fit: initial; padding:20px; height:auto}
.csr-initiatives .cards .content{position:relative; -ms-flex:0 0 70%; flex:0 0 70%; max-width:70%;}
.csr-initiatives .cards:nth-child(odd){-webkit-box-orient:horizontal; -webkit-box-direction:reverse; -webkit-flex-flow:row-reverse; flex-flow:row-reverse;}

.column-count-2 li{position:relative; padding-left:15px; padding-bottom:5px; list-style:none;}
.column-count-2 li:before {content:''; width:9px; height:9px; position:absolute; background-image:url(//cloudstorage.amari.com/icon/bullet-s_gy.gif); background-size:cover; background-position:center; left:0; top:13px; transform:translateY(-50%);}

/*Slider - List restaurants, amenities*/
.text-overlap-image .image, .text-overlap-image .image .inner, .text-overlap-image .content{height:650px}
.text-overlap-image .image{-ms-flex:0 0 68.75%; flex:0 0 68.75%; max-width:68.75%;}

.text-overlap-image .content{-ms-flex:0 0 31.25%; flex:0 0 31.25%; max-width:31.25%;}
.text-overlap-image .content .inner{position:absolute; width:160%; height:auto; padding:50px 100px 50px 50px; top:50%; left:15%; transform:translate(-50%, -50%); overflow:hidden; z-index:5;}

.text-overlap-image .content ul {-webkit-columns:2; -moz-columns:2; columns:2; list-style:none; padding-left:0;}
.text-overlap-image .content li{position:relative; padding-left:15px;}
.text-overlap-image .content li:before {content:''; width:9px; height:9px; position:absolute; background-image:url(//cloudstorage.amari.com/icon/bullet-s_gy.gif); background-size:cover; background-position:center; left:0; top:50%; transform:translateY(-50%);}

.slide-arrow_TR_gy .indicators, .slide-arrow_TR_gy .carousel-control-next, .slide-arrow_TR_gy .carousel-control-prev{top:0; right:inherit}
.slide-arrow_TR_gy .indicators{left:calc(70% + 60px); z-index:10}
.slide-arrow_TR_gy .carousel-control-prev{left:70%; z-index:10}
.slide-arrow_TR_gy .carousel-control-next{left:calc(70% + 100px); z-index:10}

.motif-d3_bn_TL {width:380px; height:580px; right:-40px; top:-190px;}
.motif-d3_cnt_TR{top:-160px;}

.awards{padding:0 0 30px 0}
.awards .award-item{padding:30px 0}
.awards .award-item .image{-ms-flex:0 0 40%; flex:0 0 40%; max-width:40%; }
.awards .award-item .content{-ms-flex:0 0 60%; flex:0 0 60; max-width:60%;}

.footer-info .line:after{border-right:1px solid #edeeef;}
.footer-info .icon-social{margin:0!important;}
.footer-info .info .footer-wrapper a{line-height:2.6rem!important; padding-left:0}
.footer-unsubscribe {margin:10px 0!important;}
*[dir='rtl'] .footer-info .line:after{left: 0;right: inherit;}
.footer-logos{padding:100px 15px;}
	.footer-logos .logo-center .item{padding:10px 20px}
	.footer-logos .logo-center .item:first-child{padding-left:0}
	.footer-logos .logo-center .item:last-child{padding-right:0}	
	.footer-logos .logo-center{padding:40px 0 30px 0; margin: 0 auto}
	.footer-logos .logo-center .item{width:inherit; margin:inherit}
	.footer-logos .logo-bottom{position:absolute; bottom:-30px; left: calc(50% - 107px); border-top:0; margin:0 auto; padding:0 20px; z-index: 5}
	.footer-logos .logo-bottom .item{padding:10px 20px}
}
@media (min-width:1200px) {
.home .main-description h1, .resort .main-description h1, .urban .main-description h1{font-size:5rem}
.home .main-description{padding:70px 0}
.main-description .content{padding:0 30px}
.main-intro h1{font-size:5rem}
.main-intro .content .inner{width:100%}
/*.main-intro .content .rate-wrap{left:0; right:inherit}*/
.main-intro .image .image-over {left:0; top:30%}
.main-intro .image .image-over img{border:10px solid #fff;}
.main-intro .image .image-under {right:0}
.main-intro.top .image .image-over{top:30%}
*[dir='rtl'] .main-intro .image .image-over {right:0; left: inherit;}
*[dir='rtl'] .main-intro .image .image-under{right:inherit; left:0}
.two-column_equal-fluid-h60 .content h3{font-size:5rem}
.flickity_one .carousel-cell {width:1000px;}	
.two-column_equal-fluid-h100 .content .inner{width:70%}
.two-column_32-fluid .row,	.two-column_32-fluid .image, .two-column_32-fluid .image .inner , .two-column_32-fluid .content{height:75vh;}
.two-column_32-fluid .image{-ms-flex:0 0 60%; flex:0 0 60%; max-width:60%;}
.two-column_32-fluid .content{-ms-flex:0 0 40%; flex:0 0 40%; max-width:40%;}
.cards_borderwh .cards .image, .cards_borderwh .cards .image .inner, .cards_borderwh .cards .content{height:500px}
.main-description .column-count-2{-webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:100px; -moz-column-gap:100px; column-gap:100px; padding-bottom:30px}
.motif-full-d1_cnt_TL{width:328px; height:460px;left:-140px;top:-226px;}
.motif-outline-d1_cnt_BR{width:328px; height:460px; right:-118px; bottom:-234px;}
.motif-d3_bn_TL {width:380px; height:580px; left:-40px; top:-160px;}
.promotion-hotels .image{height:415px;}
.promotion-hotels .image figure{height:415px;}
.promotion-hotels .content{top:360px}
.promotion-hotels .link-media{padding: 5px 15px 55px 15px;}
.text-overlap-image .content .inner{width:130%}
.instagram-feed .grid_container{height:600px}
.footer-logos .logo-center .item{padding:10px 50px}
}
@media (min-width:1300px) {
.two-column_equal-fluid-h100 .content .inner{width:70%}	
.cards_borderwh .cards{margin:0 auto 30px;}
.cards_borderwh .cards .image, .cards_borderwh .cards .image .inner, .cards_borderwh .cards .content{height:450px}
.two-column_23-fluid .image{-ms-flex:0 0 65%; flex:0 0 65%; max-width:65%;}
.two-column_23-fluid .content{-ms-flex:0 0 35%; flex:0 0 35%; max-width:35%;}
.offer .cards_border0 .cards, .offer .cards_border0 .cards .image, .offer .cards_border0 .cards .image .inner, .offer .cards_border0 .cards .content{height:460px}
.flickity_three .carousel-cell {width: 50%;}
.flickity_three .carousel-cell.is-selected .content .inner{padding:50px 70px;}
.instagram-feed .grid_container{height:670px}
.awards .award-item .image{-ms-flex:0 0 30%; flex:0 0 30%; max-width:30%; height:150px}
.awards .award-item .content{-ms-flex:0 0 70%; flex:0 0 70; max-width:70%; padding:20px; height:auto}
}
@media (min-width:1440px) {
/*Special Offers*/
.flickity_one .flickity-prev-next-button.next{right:5%;}
.flickity_one .flickity-prev-next-button.previous{left:5%}
.motif-full-d1_cnt_TL{width:410px;height:612px;left:-180px; top:-287px;}
.motif-outline-d1_cnt_BR{width:410px; height:612px; background-size:80%; right:-180px; bottom:-366px;}
.flickity_three .carousel-cell.is-selected .content .inner{padding:50px 80px;}
.footer-logos .logo-center .item{padding: 10px 60px}
}
@media (min-width:1680px) {
.two-column_equal-fluid-h100 .content .inner{width:50%}	
.flickity_three .carousel-cell{width:50%}
.flickity_three .carousel-cell.is-selected .content{min-height:300px}
.flickity_three .carousel-cell.is-selected .image, .flickity_three .carousel-cell.is-selected .image .inner{height:420px}
.flickity_three .carousel-cell .image, .flickity_three .carousel-cell .image .inner{height:420px}
.text-overlap-image .content .inner{width:100%;padding:50px 80px 50px 50px;}
.cards_borderwh .cards {margin:0 auto 50px; padding:75px; height:auto}
.cards_borderwh .cards .content .name h3{font-size:3.4rem}
.instagram-feed .grid_container{height:820px}
}
@media (min-width:1920px) {	
.flickity_three .carousel-cell{width:40%}
.flickity_three .carousel-cell.is-selected .image, .flickity_three .carousel-cell.is-selected .image .inner{height:450px}
.flickity_three .carousel-cell .image, .flickity_three .carousel-cell .image .inner{height:450px}
.instagram-feed .grid_container{height:950px}
}
@media (min-width:2560px) {
.two-column_23-fluid .content .inner{height:auto}	
.instagram-feed .grid_container{height:calc(90vh - 70px)}
}
/*End*/