h2, h3 { margin: 10px 0; } /*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; line-height: 1; margin:10px 0} h3{font-size:3.4rem; line-height: 1; margin:10px 0} h4{font-size:2.2rem; font-weight:600; line-height: 1; margin:10px 0} h5{font-size:2rem; font-weight:500; line-height: 1; margin:10px 0} h6{font-size:1.8rem; font-weight:500; line-height: 1; margin:10px 0} p:last-child{margin-bottom:0} .popover{font-size:1.3rem} .txtred{color:#F00} /*indicators*/ .carousel-indicators li {width: 4px; height: 4px; border-radius: 50%;} .carousel-indicators .active {width: 6px; height: 6px; margin: -1px 3px;} .carousel-control-next, .carousel-control-prev{opacity: .2;} /*Control slick*/ .slick-dots li, .slick-dots li button, .slick-dots li button:before{width:15px;height:15px;} .slick-dots li button:before{line-height:15px;} /*Loaing VT*/ .loader-container{background: #000; width: 100vw; height: calc(100vh - 180px); min-width: 200px; padding: 10px;position: relative;display: flex;align-items: center;justify-content: center;color: #ccc;cursor: pointer;transition: .2s linear;} .loader-container .loader {width: 48px; height: 48px;position: relative;perspective: 500px;} .loader-container .loader:before , .loader-container .loader:after { content: "";position: absolute; right: 0; top: 0; width: 24px;height: 48px; background: #f05123;border-radius: 0 24px 24px 0; transform-origin: 0 0;animation: flip 2s linear infinite alternate;} .loader-container .loader:after {left: 0; border-radius: 24px 0 0 24px; transform-origin: 100% 0; animation-delay: 1s;} @keyframes flip { 0% , 10% { transform: rotateY(0deg)} 90%, 100% { transform: rotateY(-180deg)} } /*Home/Property - Description*/ .main-description{position:relative; padding:40px 0 20px 0; overflow-x: hidden; z-index:0} .page-video .main-description, .page-virtual-tour .main-description {padding:20px} .page-video .main-description h1:after, .virtual-tour .main-description h1:after{content:none} .page-video .main-description h1, .page-virtual-tour .main-description h1 {font-size: 3rem!important} .main-description .content a:hover{text-decoration: underline} .main-description.padd-b0{padding-bottom:0} .main-description h2.tagline{font-size:1.6rem; line-height:2rem; margin: 0 0 10px 0; font-weight:normal} .main-description h1{font-size:4rem; line-height:0.9; color:#363e62; display: inline-block} .main-description h1:after{content:''; width:50px; height:3px; display:block; margin:15px 0; background:#e6dcc7} .main-description h2{font-size:3rem; line-height:1.2; font-weight:600} .main-description h3{font-size:2.2rem; margin:10px 0;} .main-description h4{font-size:2rem; margin:10px 0;} .page-onyxrewardslogin .main-description h3{font-size:2rem; margin:0} /*status*/ .main-description .status{display: inline-block; position: relative; margin: 0 10px; padding: 2px 10px; border-radius: 50px; color: #fff; background-color: #85754e; font-size: 1.4rem; } .main-description .status:before{content: ''; display: inline-block; position: absolute; top: 5px; left: -5px; border-style: solid; border-color: transparent #85754e transparent transparent; border-width: 10px 10px 10px 0;} /*Color*/ .home .main-description {margin: 0; padding:60px 0 30px 0} .home .main-description h2.tagline{color:#a3a6b7} .home .main-description .content{display: flex; flex-direction: column; justify-content: center; padding: 20px;} .main-description{font-size:1.6rem; line-height:1.4;} .main-description img {display:block; margin:0 auto; max-width:100%;} .property .main-description .content, .property .main-description .image, .property-opening .main-description .content, .property .main-description .image{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;} .property .main-description .image, .property-opening .main-description .image{-ms-flex-order: 1; order: 1} .property .main-description .col-md-7.image, .property-opening .main-description .col-md-7.image{z-index:2} .property .main-description .content, .property-opening .main-description .content{-ms-flex-order: 2; order: 2; padding:40px 40px 0 40px;} .main-description li{position:relative; padding:0 0 6px 15px; list-style:none; font-size: 1.8rem; line-height: 1.2;} .main-description li:before {content:''; width:9px; height:9px; position:absolute; background-image:url(//storage.amari.com/icon/bullet-s_org.gif); background-position:center; left:0; top:5px;} .page-about-us .main-description {padding: 40px 0;} .page-about-us .main-description .hotel-contact{margin: 50px 0} .page-about-us .main-description .hotel-contact h3:after{content: ''; width: 20px; height: 1px; display: block; margin: 3px 0 5px 0; background-color: #e9ebed} .page-events .main-description, .page-meetings .main-description, .page-weddings .main-description{background: #f3f1ed; padding: 40px 0 0 0;} .page-events .main-description h2, .page-meetings .main-description h2, .page-weddings .main-description h2{font-weight: 400; color: #b7a18b;} .page-events .bg, .page-meetings .bg, .page-weddings .bg{padding: 20px 0 50px 0;} /*certificate*/ .certificated{text-align:center;} .cert{display:inline-block; margin:7px} /*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 .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:Philosopher, Signika, Roboto, Arial, Athiti, 'Noto Serif SC', 'Noto Serif TC', SimHei; 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} .main-description.more-info{margin:0} .th .main-description h2.tagline, .th .main-description h2.tagline{font-size:1.6rem} .th .main-description, .ru .main-description{font-size:1.6rem} *[dir='rtl'] .main-description header{text-align:right} *[dir='rtl'] .property .main-description .content{text-align:right} /*Motif - Property Index HL*/ .motif-full-d1_cnt_TL {background:url('https://storage.amari.com/icon/motif-full-d1.svg') no-repeat; position:absolute; background-size:100%; width:246px; height:368px; left:-85px; top:-180px; display:none} .motif-outline-d1_cnt_BR{background:url('https://storage.amari.com/icon/motif-outline-d1.svg') no-repeat; position:absolute; background-size:100%; width:200px; height:330px; right:-85px; bottom:-180px;} .motif-outline-d2_cnt_TR{background:url('https://storage.amari.com/icon/motif-outline-d2.svg') no-repeat; position:absolute; background-size:100%; width:246px; height:368px; right:-85px; top:-180px;} /*Property Index - Offer1*/ .motif-full-d1_cnt2_TL {background:url('https://storage.amari.com/icon/motif-full-d1.svg') no-repeat; position:absolute; background-size:100%; width:148px; height:207px; left:-68px; top:-94px; display:none} .motif-outline-d1_cnt2_BR{background:url('https://storage.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://storage.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://storage.amari.com/icon/motif-d3.svg') no-repeat; position:absolute; background-size:60%; width:250px; height:245px; right:-130px; top:-70px; z-index:-1} *[dir='rtl'] .motif-d3_cnt_TR{left: -110px; right:inherit; -webkit-transform: scaleX(-1)!important; transform: scaleX(-1)!important;} /*Photos Virtual Tours Menu --- dashed*/ .linkmedia{padding:15px 0} .linkmedia a{color:#000; border-bottom:1px dashed #000; text-decoration:none; margin:0 25px 0 0; font-size:1.6rem; font-weight:600} .linkmedia a:hover{color:#666; border-bottom:1px dashed #666;} .linkmedia .hidden{display:none} .image .inner{width:100%; height:100%} .image .inner img{object-fit:cover; width:100%; height:100%;} /*Home - Video*/ .video-container{height: auto; display: flex; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; margin:20px;} .video-container header {text-align:center} .video-container header h2.tagline {font-size:1.6rem; color:#a3a6b7;} .video-container header h3 {margin:10px 0; font-size:4rem; line-height:1; color:#666c8a;} .video-container header h3:after{content:''; width:50px; height:3px; display:block; margin:10px auto 20px auto; background:#f1efeb} .video-container .row{justify-content: center;} .video-container .video{position: relative; overflow: hidden; width: auto; height: 250px;} .video-container .video a{width: 100%; height: 100%; display: block; position: absolute; z-index: 1;} .video-container .video a .video-play {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: flex; align-items: center; justify-content: center; width: 100%; z-index: 1;} .video-container .video a .video-play .icon-play:before{content:''; display:block; background:url(https://storage.amari.com/icon/video-play.svg); background-size:100%; width:70px; height:70px;} .video-container .video .image{position: relative; width:100%; height:100%;} .video-container .video .image img {transition: all .3s ease; margin:0 auto; object-fit: cover; width: 100%; height: 100%;} /*Control*/ .video-container .carousel-control-prev-icon {background-image: url(//storage.amari.com/icon/arrow-left_long_wh.svg); width: 52px; height: 10px;} .video-container .carousel-control-next-icon {background-image: url(//storage.amari.com/icon/arrow-right_long_wh.svg); width: 52px; height: 10px;} .video-container .carousel-control-next, .video-container .carousel-control-prev {opacity: .5;} .video-container .carousel-control-next:hover, .video-container .carousel-control-prev:hover {opacity: 1;} .video-container .carousel-control-prev{background: rgba(0, 0, 0, 0.5); background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);} .video-container .carousel-control-next{background: rgba(0, 0, 0, 0.5); background: linear-gradient(270deg,rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);} /*sustainability*/ .page-sustainability .main-banner.fullscreen .carousel-caption h2.title {font-size: 6rem!important; margin: 0 0 60px!important; width:20%!important} .page-sustainability .timeline {background-color: #eff8f8;} .page-sustainability .bg {background: url(https://storage.amari.com/sustainability/bg-timeline.jpg) no-repeat; background-size:cover ;height: 375px;} .timeline-container {position: relative; max-width: 1000px; width: 100%; margin: 0 auto;} .timeline-container .timeline-card .center-line {position: absolute; width: 4px; height: 100%; top: 0; left: 50%; margin-left: -2px; background: #c1ebe6; z-index: 0;} .timeline-container .timeline-block {padding-top: 10px; padding-bottom: 40px;} .timeline-card {width: 100%; height: 100%; position: relative; overflow: hidden; margin: 0;} .timeline-card .timeline-inner {max-width: 44%; width: 100%;} .timeline-card .content,.timeline-card .image{position: relative; width: auto; padding: 110px 30px 10px;} .timeline-card .image img {object-fit: cover; width: 100%; height: 100%; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.25); border-radius: 2px} .timeline-card .content h3 {color:#277c72; margin:0;} .timeline-card .content h3:after {content: ''; width: 50px; height: 3px; display: block; margin: 15px 0; background: #e9ebed} .timeline-card .content p {font-size: 16px; line-height: 22px; position: relative;} .timeline-container .icon {background: url(//storage.amari.com/sustainability/sprite_sustainability-goals.svg) no-repeat; display:block; position: absolute; top: 30px; left: 50%; width: 60px; height: 60px; margin-left:-31px; z-index: 1;} /*Goal Icon*/ .timeline-container .goal-1{background-position:0 0} .timeline-container .goal-2{background-position:-60px 0} .timeline-container .goal-3{background-position:-120px 0} .timeline-container .goal-4{background-position:-180px 0} .timeline-container .goal-5{background-position:-240px 0} .timeline-container .goal-6{background-position:-300px 0} .timeline-card {display: flex; flex-wrap: nowrap; align-items: flex-start; justify-content: center; flex-direction: row} .timeline-card:nth-of-type(odd) {flex-direction: row-reverse;} /*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 > .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;} /*Rate + Button*/ .content .rate-wrap{display: flex;justify-content: space-between; flex-direction: column; align-items: stretch; align-content: center;} .content .rate-wrap .rate{margin-right:10px} .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;} *[dir="rtl"] .content .rate-wrap .rate{margin-left:20px; margin-right:inherit;} /*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(//storage.amari.com/icon/bullet-s_gy.gif); background-position:center; left:0; top:8px;} .bullet_ltgd li::marker{content:none; list-style: none} .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(//storage.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 .row{justify-content: space-evenly;} .hotel-highlight b{font-family:Philosopher, Signika, Roboto, Arial, Athiti, 'Noto Serif SC', 'Noto Serif TC', SimHei; font-size:1.8rem; color:#000; font-weight:600} .hotel-highlight p{margin-top:8px; margin-bottom:0;} .hotel-highlight .text{padding:20px} .hotel-highlight .icon-text{flex-basis: 50%; margin:0; padding:35px; text-align:center;} .hotel-highlight h4{font-size: 1.8rem;} .hotel-highlight a{color:#b7a18b; text-decoration: underline} .hotel-highlight a:hover{color:#b48e67} .hotel-highlight a.link{font-size:1.4rem;} .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; margin: 6px 0; padding-left:20px; list-style:none; line-height:1.3;} .popup li:before{content:''; width:9px; height:9px; position:absolute; background-image:url(//storage.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:#363e62 /*#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:#a3a6b7;} .list-package li:before{content:'';width:27px;height:27px;position:absolute;background-image:url(//storage.amari.com/icon/bullet-check_lpp.gif); background-position:center;left:0;top:0;} *[dir='rtl'] .list-package li:before{left: inherit; right: 0} *[dir='rtl'] .list-package li{padding-left:inherit; padding-right: 40px} .ru .hotel-highlight b{font-size: 2rem} .ru .hotel-highlight p{font-size: 1.8rem} /*icon highlight*/ .property .hotel-highlight, .stay-detail .hotel-highlight, .property-opening .hotel-highlight {background-color:transparent} .hotel-highlight {background-color: #f9f7f6;} .hotel-highlight .icon{background:url(//storage.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 .meet{background-position:-480px -80px} .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 .health-protocols{background-position:-320px -400px} .hotel-highlight .enquires{background-position:-160px -1200px} /*sandbox*/ .hotel-highlight .sb-news{background-position:-400px 0px} .hotel-highlight .sb-fb{background-position:-400px -80px} .hotel-highlight .sb-certificate{background-position:-400px -160px} .hotel-highlight .sb-donwloand{background-position:-400px -240px} .hotel-highlight .sb-onyxclean{background-position:-400px -320px} /*Hotel package*/ .hotel-highlight .calendar{background-position:-240px 0} .hotel-highlight .night{background-position:-240px -80px} .hotel-highlight .bf{background-position:-240px -160px} /*Meeting*/ .hotel-highlight .total-event-space{background-position:0 0} .hotel-highlight .maximum-capacity{background-position:-480px 0} .hotel-highlight .event-rooms{background-position:-480px -80px} .hotel-highlight .guest-rooms{background-position:0 -80px} /*Offer - Hotel Highlight*/ .salepoint{background:#f6f8f8; padding:60px} .salepoint .hotel-highlight b{color:#00a997;} .salepoint .hotel-highlight .text p{color:#6f7679;} /*Background Color*/ .bg{background-color:#edf2f2; padding:20px 0; position:relative;} .bg-lightgreen{background-color:#e7ecea; 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;} /*Term Decimal*/ .content ol {margin: 15px;} .content ol li {padding: 5px 0; line-height: 1.3; list-style: decimal;} .content ol ul li {position: relative; padding-left: 15px;list-style: none;} .content ol ul li:before{content: ''; width: 9px; height: 9px; position: absolute; background-image: url(//storage.amari.com/icon/bullet-s_gy.gif); background-position: center; left: 0; top: 14px;} *[dir='rtl'] .column-count-2{text-align:right} /*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:300;} .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('//storage.amari.com/icon/percent.svg') no-repeat; width:32px; height:32px; } .promotion-filter .filters-button-group .button.banknote:before{background:url('//storage.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;} /*setia*/ .page-setia .promotion-filter{display: none;} .page-setia .promotion-content .btn-wrapper{margin: 20px auto; width:150px;} .page-setia .prize{position: relative; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 30px 0 50px 0;} .page-setia .window1{width: 100%; height: 600px; border-radius: 100px; box-shadow: 0 0 10px rgb(0 0 0 / 10%); padding: 15px;} .page-setia .window2{width: 100%; height: 570px; border-radius: 90px; background-clip: padding-box, border-box; box-shadow: 0 0 10px rgb(0 0 0 / 10%); position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column;} .page-setia .window1 .image {max-width: 100%; height: 330px; flex: 0 0 330px;} .page-setia .window1 .image img{border-radius: 90px 90px 0 0; object-fit: cover; width: 100%; height: 100%;} .page-setia .window1 .content{max-width:100%; padding:30px;} .page-setia .circle-plus {width: 75px; height:75px; aspect-ratio: 1; border: 20px solid #e6dcc7; /* the outer space */ display: inline-block; margin:30px;border-radius: 50%; --b: 6px; background: conic-gradient(from 90deg at var(--b) var(--b),#e6dcc7 90deg,#fff 0) calc(100% + var(--b)/2) calc(100% + var(--b)/2)/calc(50% + var(--b)) calc(50% + var(--b));} .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:300;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;} /*Promotion Hotel*/ .promotion-hotels{margin:20px 0} .promotion-hotels .hotel{margin-bottom:60px} .promotion-hotels .hotel.cityhead{margin-bottom:15px; text-align:center;} .promotion-hotels .cityhead h2{font-family:Philosopher, Signika, Roboto, Arial, Athiti, 'Noto Serif SC', 'Noto Serif TC', SimHei; font-size:2rem; margin:5px 0;} .promotion-hotels .city h2{font-family:Philosopher, Signika, Roboto, Arial, Athiti, 'Noto Serif SC', 'Noto Serif TC', 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:#b00;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} /*main-description*/ .main-description .description .slash{margin:0 10px; color:#e9ebed;} .main-description .description .slash:after{content:'|'; display:inline; color:#e9ebed;} .main-description .description li{position:relative; padding:0 0 6px 15px; list-style:none; font-size: 1.8rem; line-height: 1.2;} .main-description .description li:before {content:''; width:9px; height:9px; position:absolute; background-image:url(//storage.amari.com/icon/bullet-s_org.gif); background-position:center; left:0; top:5px;} .promotion-content .promotion-icon{margin:20px 0} .promotion-content .promotion-icon h4 {font-size:1.6rem; font-weight: bold; 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://storage.amari.com/icon/sprite_highlight-sale.svg) 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.offer{background-position:0 -180px} .promotion-content .promotion-icon .icon.promo-code{background-position:0 -660px} .promotion-content .promotion-description{line-height:1.4} .promotion-content .promotion-icon .text {width: 85%;} /*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:#b7a18b} .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:1.3} .promotion-hotels .content .glance ul{list-style:none; margin-top: 2px; 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(//storage.amari.com/icon/bullet-s_org.gif); background-position:center; left:0; top:6px;} .promotion-hotels .content .glance .offer, .promotion-hotels .content .glance .webex{margin-bottom: 10px} .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} /*Website Exclusive*/ .webexclusive {margin: 0 0 40px 0;} .webexclusive h3{font-size: 2.2rem; margin: 10px 0 0 0;} .webexclusive .details{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: 15px; padding-left: 15px;} .webexclusive .date{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: 15px; padding-left: 15px;} .webexclusive .wrapper {display: flex; line-height: 1.2;} .webexclusive .text {width:85%} .webexclusive .text h4 {font-size: 1.6rem; font-weight: bold; margin-top: 15px; margin-bottom: 5px;} .webexclusive .text ul{list-style:disc; padding-left:20px;} .webexclusive .text li{margin-bottom:5px} .webexclusive .icon{width:60px; height:60px; background:url(https://storage.amari.com/icon/sprite_highlight-sale.svg) no-repeat; display:block; margin-right:4px} .webexclusive .icon.book-by{background-position:0 -60px} .webexclusive .icon.travel-by{background-position:0 -120px} .webexclusive .icon.offer{background-position:0 -180px} .webexclusive .icon.webex{background-position:0 -300px} .webexclusive .icon.check{background-position:0 -360px} .webexclusive .icon.fb{background-position:0 -420px} .webexclusive .icon.spa{background-position:0 -480px} .webexclusive .icon.parking{background-position:0 -540px} .webexclusive .icon.airport-transfer{background-position:0 -600px} .main-description .terms{font-size: 1.4rem; color: #959a9d; font-style: italic; position:relative} .webexclusive .terms{font-size: 1.4rem; color: #959a9d; font-style: italic; margin:20px 20px 0 20px; position:relative} .main-description .terms:before, .webexclusive .terms:before{content:''; width:30px; border-top:1px solid #efefef; display:block; padding: 8px 0 0 0;} .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;} .property .rate-wrap .from:after {content:none} .promotion-hotels .content .btn-wrapper{display: flex; flex-direction: row; width:100%; margin-top:10px;} /*Property - Flash Sale*/ .promotion-content .rate-wrap{margin:15px 0} .promotion-content .btn-wrapper{margin: 20px auto; width:150px;} .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(//storage.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; align-items: stretch; background:#fff; margin:0 auto 15px; width:100%;} .cards_borderwh .cards .image, .cards_borderwh .cards .content{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;} .cards_borderwh .cards .image {overflow:hidden; -ms-flex-order: 1; order: 1; height:300px} .cards_borderwh .cards .image .inner{width:100%; height:100%; position: relative} .cards_borderwh .cards .content {-ms-flex-order: 2; order: 2; z-index:2; padding: 30px} .cards_borderwh .cards .content .certificated {position: inherit; text-align: left} *[dir="rtl"] .cards_borderwh .cards .content .certificated{text-align: right} .amvs{background:url('https://storage.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://storage.amari.com/logo/certificated_tmvs.svg') no-repeat; width:60px; height:60px; background-position:0 0} .tmvs:hover{background-position:0 -60px;} .twohy{background:url('https://storage.amari.com/logo/certificated_2hy.svg') no-repeat; width:60px; height:60px; background-position:0 0} .twohy:hover{background-position:0 -60px;} .cards_borderwh .cards .content .tmvs-certified{position: absolute; right: 20px; top: 50px; width: 80px; height: 80px; background:url('https://storage.amari.com/logo/tmvs-certified.svg') no-repeat;} .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:Philosopher, Signika, Roboto, Arial, Athiti, 'Noto Serif SC', 'Noto Serif TC', SimHei; font-size:3.6rem; color:#666c8a; line-height:1;} .cards_borderwh .cards .content .name h3 a{font-family:Philosopher, Signika, Roboto, Arial, Athiti, 'Noto Serif SC', 'Noto Serif TC', SimHei; font-size:4rem; color:#666c8a;} .cards_borderwh .cards .content .name h3 a:hover{color:#b7a18b} .cards_borderwh .cards .content .description{margin: 15px 0;} .cards_borderwh .cards .content .description li{list-style:none;} .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; height:280px;} .cards_border0 .cards .image .link{position:absolute; left:30px; bottom:50px; padding:10px 20px; background:rgba(0,0,0,0.5); border-radius:50px; z-index:5} .cards_border0 .cards .image .link a{color:#fff; font-size:1.4rem; display:inline-block} .cards_border0 .cards .image .link a:hover{opacity:.5} .cards_border0 .cards .content{-ms-flex-order: 2; order: 2; z-index:2;} .cards_border0 .cards .content .inner{padding: 30px} .cards_border0 .cards h3{font-size:3rem;} .cards_border0 .cards .content h3, .cards_border0 .cards .content h3 a{font-size:4rem; color:#747788; line-height:1; 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:#ac977a; margin-bottom:.8rem;} .cards_border0 .cards .content .date{font-size:1.6rem} .cards_border0 .cards .content p{margin:10px 0; line-height:1.2} .cards_border0 .cards .content .condition{font-size:1.4rem; color:#959a9d; font-style:italic;} .meeting-package.page-packages .content .price, .wedding-package.page-packages .content .price{font-family: 'Philosopher', Signika, Roboto, Arial, Athiti; font-size: 1.8rem; color: #b7a18b;} /*Offer image carousels*/ .cards_border0 .cards .carousel, .cards_border0 .cards .carousel-inner, .cards_border0 .cards .carousel-item{height:100%} /*At a glance for rooms, meetings*/ .cards_border0 .cards .content li{position:relative; padding:0 0 3px 15px; list-style:none;} .cards_border0 .cards .content li:before {content:''; width:9px; height:9px; position:absolute; background-image:url('//storage.amari.com/icon/bullet-s_gy.gif'); background-position:center; left:0; top:5px;} .cards_border0 .cards .content .note li{padding:0 0 10px 15px;} .bullet_ltgd li .slash, .note li .slash{margin:0 3px; color:#e9ebed} .bullet_ltgd li .slash:after, .note li .slash:after{content:'/'; color:#e9ebed; display:inline;} .main-accordion .card .card-body .slash{margin:0 3px; color:#dbdee0} .main-accordion .card .card-body .slash:after{content:'/'; color:#dbdee0; display:inline;} .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;} .page-at-a-glance .cards_border0 .cards .content ul.bullet_ltgd{margin: 0} .page-at-a-glance .cards_border0 .cards .content a{color: #444c72; text-decoration: underline} .page-at-a-glance .cards_border0 .cards .content a:hover{color: #b7a18b; text-decoration: none} *[dir="rtl"] .cards_border0 .cards .content li{padding:0 15px 3px 0;} *[dir="rtl"] .cards_border0 .cards .content li:before{left: inherit; right: 0} *[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} .cards_borderwh .cards .content .description .glance {margin: 15px 0; font-size: 1.6rem} .cards_borderwh .cards .content .description .glance ul{margin: 0 0 15px 0} .cards_borderwh .cards .content .description .glance li{padding-left: 15px; position: relative;} .cards_borderwh .cards .content .description .glance li:before {content: ''; width: 9px; height: 9px; position: absolute; background-image: url(//storage.amari.com/icon/bullet-s_gy.gif); background-position: center; left: 0; top: 8px;} .long-stay .cards_borderwh .cards .content .description{padding: 0} .page-getting-here .main-accordion .content{display: flex; flex-direction: column;} /*Cards - Mobile Apps*/ .page-mobile-app .main-banner.fullscreen .carousel-caption {top:15%} .page-mobile-app .main-banner.fullscreen .carousel-caption h3.small {color:#363e62} .page-mobile-app .main-banner.fullscreen .carousel-caption h2.title {color:#86764f} .page-mobile-app .main-banner.fullscreen .carousel-caption h5 {color:#313131!important; font-weight:400;} .page-mobile-app .main-banner .overlay-gradient {height:40%} .page-mobile-app .box {margin-top:50px} .page-mobile-app .box .dl-app img {display:inline-block} .page-mobile-app .bg {background: linear-gradient(180deg, #eeeef8 0%, rgba(255, 255, 255, 0.00) 20%); padding:50px 0; margin-top:60px;} .page-mobile-app .cards_border0 .cards {background:transparent;} .page-mobile-app .cards_border0 .cards .content h2 {font-size: 1.6rem!important; line-height: 1.6rem!important; margin: 0; font-weight: 400!important} .page-mobile-app .cards_border0 .cards .content h3 {font-size: 4rem!important;color:#363e62!important; line-height:1.2; margin:0} .page-mobile-app .cards_border0 .cards .image .inner img {margin-top: 0;width: 100%;object-fit: contain;max-height: 860px;} /*Enhancement Notice*/ .page-enhancement-notice .main-description {text-align:center; padding: 40px 0 25px 0; } .page-enhancement-notice .main-description h1:after {margin: 15px auto;} /*Property - Sustainability*/ .level-property.page-sustainability .main-banner.fullscreen .carousel-caption h2.title {font-size: 5.6rem!important; line-height: 1; margin: 0 0 10px 0; width:100%!important} .level-property.page-sustainability .background {background-color: #eff8f8; margin-top:30px; padding:50px 0;} /*Cards - Property - Sustainability*/ .level-property.page-sustainability .row.cards{display: none;} .level-property.page-sustainability .cards_border0 .cards .content h2 {font-size: 1.6rem!important; line-height: 1.6rem!important; color:#64cec2; margin: 0; font-weight: 400!important} .level-property.page-sustainability .cards .content h3 {color:#277c72!important; margin:0} .level-property.page-sustainability #load-more{width: 250px; border: 2px solid #277c72; color: #277c72;} .level-property.page-sustainability #load-more:hover{background-color: #277c72; border-color: #277c72; color:#fff;} /*Button Load More*/ #load-more{font-family: 'Philosopher', Signika, Roboto, Arial, Athiti; margin: 20px auto; padding:15px 30px; text-align: center; font-size: 1.8rem;background-color: transparent;cursor: pointer;} .level-property #load-more{width: 150px; border: 2px solid #b7a18b; color: #b7a18b;} .level-property #load-more:hover{background-color: #b7a18b; border-color: #b7a18b; color:#fff;} /*Slider - Property Sustainability*/ .level-property.page-sustainability .text-overlap-image .content .tagline{color:#64cec2} .level-property.page-sustainability .text-overlap-image .content h3{font-size:4rem; color:#277c72} .level-property.page-sustainability .text-overlap-image .content p{line-height:1.8rem;} .level-property.page-sustainability .text-overlap-image .image {-ms-flex-order: 1; order: 1;} .level-property.page-sustainability .text-overlap-image .content {-ms-flex-order: 2; order: 2;} /*New = Footer Hotel - Useful Information -> Contact Us*/ .contact-info {padding: 20px; background: #f8f9f9;} /*1. Map*/ .gmap_location{width:100%; height:550px;} /*2. Contact Us*/ .contact-info .hotel-contact {margin: 50px 10px 0 10px;} .hotel-contact b{font-family:Philosopher, Signika, Roboto, Arial, Athiti, 'Noto Serif SC', 'Noto Serif TC', SimHei; font-size:1.6rem; line-height:1.4; font-weight:bold; color:#aeafbf; margin:0 0 5px 0;} .th .hotel-contact b{font-size: 1.8rem; font-weight: normal;} .hotel-contact ul{margin: 15px 0 0 0;} .hotel-contact ul li{padding:0 0 0 15px; position:relative;} .hotel-contact ul li:before{content: ''; width: 9px; height: 9px; position: absolute; background-image: url(//storage.amari.com/icon/bullet-s_gy.gif); background-position: center; left: 0; top: 6px;} .hotel-contact .text-text a.link{padding:0 0 0 15px} *[dir='rtl'] .hotel-contact ul li:before{left: inherit; right: 0} *[dir='rtl'] .hotel-contact ul li, *[dir='rtl'] .hotel-contact .text-text a.link{padding:0 15px 0 0;} .hotel-contact .icon-contact {float:left; background-image: url('https://storage.amari.com/icon/sprite_contact.svg'); width: 30px; height: 30px; margin: 15px 0 0 15px;} .hotel-contact .icon-contact.location{background-position:0 0;} .hotel-contact .icon-contact.reservation{background-position:0 -30px;} .hotel-contact .icon-contact.tel{background-position:0 -60px;} .hotel-contact .icon-contact.fax{background-position:0 -90px;} .hotel-contact .icon-contact.enquiry{background-position:0 -120px;} .hotel-contact .icon-contact.chk-in{background-position:0 -150px;} .hotel-contact .icon-contact.chk-out{background-position:0 -180px;} .hotel-contact .icon-contact.cc{background-position:0 -210px;} .hotel-contact .icon-contact.non-smoking{background-position:0 -240px;} .hotel-contact .icon-contact.award{background-position:0 -270px; margin-top: 30px} .hotel-contact .icon-contact.drone{background-position:0 -300px;} .hotel-contact .icon-contact.child-policy{background-position:0 -330px;} .hotel-contact .icon-contact.pet-friendly{background-position:0 -360px;} .hotel-contact .icon-contact.policies{background-position:0 -390px;} .hotel-contact .icon-contact.amenities{background-position:0 -420px;} .hotel-contact .logo img {display: inline-block;margin: 0 5px;width: 80px;height: 80px;} .hotel-contact .text-text{float:left; margin:15px; width:calc(100% - 75px); font-size:1.6rem; line-height:1.4; color:#35375e;} .hotel-contact .text-text a{text-decoration:underline; color:#35375e;} .hotel-contact .text-text a:hover{text-decoration:none} .hotel-contact .text-text .remark{display: block; font-size: 1.2rem; margin: 10px 0; color: #a3a3ad;} .icon-contact-us{position:relative; padding-left:25px;} .icon-contact-us:before{content:''; background-image:url('https://storage.amari.com/icon/sprite_contact-us.svg'); display:inline-block; width: 20px; height: 20px; position:absolute; left:0; top:0;} .icon-contact-us.line:before{background-position:0 0;} .text-text a:hover .icon-contact-us.line:before{background-position:0 -20px;} .icon-contact-us.enquiry:before{background-position:-20px 0;} .text-text a:hover .icon-contact-us.enquiry:before{background-position:-20px -20px;} [dir='rtl'] .hotel-contact .icon-contact, [dir='rtl'] .hotel-contact .text-text {float: right;} [dir='rtl'] .icon-contact-us{margin-left: 6px;} /*Cards - List all offer*/ .offer .cards_border0 .cards .content h3, .offer .cards_border0 .cards .content h3 a{font-size:3rem; color:#363e62 /*#212c68*/; line-height:1.2} .offer .cards_border0 .cards .content h3 a:hover{color:#b7a18b;} .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(//storage.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;} /*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 li:before{top: 4px;} .content-padd .bullet_ltgd span{color:#dde1e8; margin:0 5px} .padd-top0{padding-top:0!important} .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;} /*icon vt on image*/ .icon-360{background:url('https://storage.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(//storage.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-meet{background-image:url(//storage.amari.com/icon/sprite_meet.svg); background-repeat:no-repeat; width:35px; height:35px; display:block; margin:15px} .icon-meet.capacity{background-position:0 0} .icon-meet.equipment{background-position:0 -35px} .icon-meet.setups{background-position:0 -70px} .icon-meet.faq{background-position:0 -105px} /*icon Onyx Rewards - Your loyalty deserves rewarding*/ .icon-onyx-rewards-reward{background-image:url('https://storage.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://storage.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://storage.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.wechathongkong{background-position:-480px 0;} .icon-creditcard.wechatchina{background-position:-560px 0;} .icon-creditcard.alipayhongkong{background-position:-640px 0;} .icon-creditcard.alipaychina{background-position:-720px 0;} .cards_border0 .cards .content .bullet_ltgd span.icon-creditcard{margin:6px 0 0 0} /*icon privacy*/ .icon-privacy {background-image:url('https://storage.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;} /*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} .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%;} .ptb-6{padding:60px 0} /*Button **********************/ .btn-wh{border:0; border-radius:0; background:#fff} /*Button bg dark blue - hover green*/ .btn-book {background:#444c72; border: 2px solid #444c72; 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; border: 2px solid #b7a18b; text-decoration: none!important} .btn-book:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0; background:#b7a18b; border: 2px solid #b7a18b; 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:#b7a18b; border: 2px solid #b7a18b; 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-learnmore:hover{color:#fff; text-decoration: none!important} .btn-learnmore:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0; background:#444c72; 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, .btn-learnmore:focus:before, .btn-learnmore:active:before {-webkit-transform:scaleX(1); transform:scaleX(1);} .btn-wrapper .-full{width: 100%; border-radius:3px;} .btn-wrapper .-twocol{width: 100%; border-radius:3px;} /*Button bg wh - border bk*/ .btn-request {background:#b7a18b; border: 2px solid #b7a18b; 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; text-decoration: none!important} .btn-request:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0; background:#444c72; 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{padding:20px 25px} /*Button text*/ .btn-link {margin:0; background:transparent; color:#222; vertical-align:middle; display:inline-block; padding: 15px 30px;} .btn-link:hover{color:#00b39a; text-decoration:none!important;} .btn-link:before {position:absolute; top:calc(50% - 5px); right:12px; content:''; background-color: #000; mask: url(//storage.amari.com/icon/icon-arrow-right_bk-s.svg) no-repeat center; -webkit-mask: url(//storage.amari.com/icon/icon-arrow-right_bk-s.svg) no-repeat center; display:inline-block; width:16px; height:12px; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s; opacity:1;} .btn-link:hover:before {right:0; opacity: 0} .btn-section{margin:30px auto} .btn-section .btn-wrapper{text-align:center} /*Button border black 2px*/ .btn-black, .btn-black:hover {position:relative; background-color:#000; border:2px solid #000; color:#fff; text-decoration: none!important;} .btn-black:before {position:absolute; top:calc(50% - 5px); right:5% ; content:''; background-color: #fff; mask: url(//storage.amari.com/icon/icon-arrow-right_wh.svg) no-repeat center; -webkit-mask: url(//storage.amari.com/icon/icon-arrow-right_wh.svg) no-repeat center; display:inline-block; width:17px; height:13px; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s; opacity:0; } .btn-black:hover:before {right:0; opacity:1;} .btn-black:active:before {color:#fff;} /*Button border black 2px*/ .btn-border-bk, .btn-border-bk:hover {position:relative; background-color:transparent; border:2px solid #000; color:#000; text-decoration: none!important;} .btn-border-bk:before {position:absolute; top:calc(50% - 5px); left:83% ; content:''; background:url(//storage.amari.com/icon/icon-arrow-right_bk.svg) no-repeat; background-color: #000; mask: url(https://storage.amari.com/icon/icon-arrow-right_bk.svg) no-repeat center; -webkit-mask: url(https://storage.amari.com/icon/icon-arrow-right_bk.svg) no-repeat center; 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:90%; opacity:1;} .btn-border-bk:active:before {color:#fff;} /*Button border grey*/ .btn-border-gy{font-size:1.6rem;} .btn-border-gy, .btn-border-gy:hover {position:relative; background-color:transparent; border:2px solid #bdbebe; color:#494949; text-decoration: none!important;} .btn-border-gy:before {position:absolute; top:calc(50% - 5px); left:77% ; content:''; background-color: #747786; mask: url(https://storage.amari.com/icon/icon-arrow-right_gy.svg) no-repeat center; -webkit-mask: url(https://storage.amari.com/icon/icon-arrow-right_gy.svg) no-repeat center; 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 #b7a18b; color:#b7a18b;-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:#b7a18b; text-decoration: none!important;} .btn-border-grn:before{position:absolute; top:calc(50% - 5px); left:77% ; content:''; background-color: #b7a18b; mask: url(https://storage.amari.com/icon/icon-arrow-right_gl.svg) no-repeat center; -webkit-mask: url(https://storage.amari.com/icon/icon-arrow-right_gl.svg) no-repeat center; 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-grn:hover:before {left:87%; opacity:1;} /*Button border blue*/ .btn-border-blue, .btn-border-blue:hover {position:relative; background-color:transparent; border:2px solid #384695; color:#384695; text-decoration: none!important;} .btn-border-blue:before {position:absolute; top:calc(50% - 5px); left:75% ; content:''; background-color: #384695; mask: url(https://storage.amari.com/icon/icon-arrow-right_bk.svg) no-repeat center; -webkit-mask: url(https://storage.amari.com/icon/icon-arrow-right_bk.svg) no-repeat center; 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-blue:hover:before {left:85%; opacity:1;} .btn-border-blue:active:before {color:#fff;} .btn-border, .btn-border:hover {position:relative; background-color:transparent; border:2px solid #444c72; color:#444c72; text-decoration: none!important;} .btn-border:before {position:absolute; top:calc(50% - 5px); right:7% ; content:''; background-color: #384695; mask: url(https://storage.amari.com/icon/icon-arrow-right_bk.svg) no-repeat center; -webkit-mask: url(https://storage.amari.com/icon/icon-arrow-right_bk.svg) no-repeat center; 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:hover:before {right:2%; opacity:1;} .btn-border:active:before {color:#fff;} /*btn border by page*/ .page-dine .btn-border, .page-dine .btn-border:hover, .page-meetings-events .btn-border, .page-meetings-events .btn-border:hover, .page-weddings .btn-border, .page-weddings .btn-border:hover {border:2px solid #b7a18b; color:#b7a18b; text-decoration: none!important;} .page-dine .btn-border:before, .page-meetings-events .btn-border:before, .page-weddings .btn-border:before{background-color: #b7a18b;} /*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:rgb(172 151 122 / 80%); 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)} } /*ONYX Rewards Banner - Member rates*/ .banner-onyx-rewards .onyx-rewards-logo img{margin: 0 auto 20px auto} .banner-onyx-rewards .image{-ms-flex-order: 1; order: 1; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; height:350px; position:relative;} .banner-onyx-rewards .image .inner img{transform: translate(-250px, 0); max-width: calc(100% + 250px); width: calc(100% + 250px);} .banner-onyx-rewards .content{-ms-flex-order: 2; order: 2; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; background: #f1f1f5; padding:30px 15px; text-align:center; z-index:10} .banner-onyx-rewards .content:before{content: ''; background: url(https://storage.onyx-hospitality.com/onyx-rewards/banner/loop-dual-half.png) no-repeat; background-size: 100%; width: 120%; height: 120%; position: absolute; top: -3%; left: -10%; z-index: -1} .banner-onyx-rewards h2{display:inline-block; background: url(https://cdn.onyx-hospitality.com/images/every-stay-becomes-more-on-banner.png) no-repeat; background-size: 100%; width: 100%; height: 80px; font-family: Loretta Display; font-size:3.8rem; line-height:1; color:#855d99; margin:3px 0; text-indent: -9999em;} .banner-onyx-rewards h3{font-family: Inter, Roboto, Arial, Athiti, 'Trebuchet MS', 'Microsoft Sans Serif'; font-size: 1.8rem; line-height:1; color:#9983bd; font-weight:300; margin:0 0 5px 0;} .banner-onyx-rewards .tagline{font-weight:400; display: none} .banner-onyx-rewards .pos{font-family: Inter, Roboto, Arial, Athiti, 'Trebuchet MS', 'Microsoft Sans Serif'; font-size:1.8rem; line-height:1.1; color:#9983bd; margin:0 0 10px 0;} .banner-onyx-rewards .btn-joinnow, .banner-onyx-rewards .btn-signin{font-family: 'Loretta Display', Roboto, Arial, Athiti, 'Trebuchet MS', 'Microsoft Sans Serif'; display: inline-block; margin:5px; padding:13px 25px; 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; text-transform: uppercase;} .banner-onyx-rewards .btn-joinnow{background-color:#fff; color:#3b2e6b; border:2px solid #99b8eb; border-radius:50px;} .banner-onyx-rewards .btn-joinnow:hover{background:#8564b1; color:#fff; border:2px solid #8564b1; cursor:pointer; text-decoration:none;} .banner-onyx-rewards .btn-signin{background:#99b8eb; color:#3b2e6b; border:2px solid #99b8eb; border-radius:50px;} .banner-onyx-rewards .btn-signin:hover{background-color:#8564b1; color:#fff; border:2px solid #8564b1; cursor:pointer; text-decoration:none;} .banner-onyx-rewards .app{margin: 20px 0 0 0} .banner-onyx-rewards .app b{font-family:Philosopher, Signika, Roboto, Arial, Athiti, 'Noto Serif SC', 'Noto Serif TC', SimHei; font-size:1.8rem; font-weight:normal; color:#333; text-align:center; margin: 0px 0 4px 0;} .banner-onyx-rewards .dl-app{display:flex; justify-content: center;} .banner-onyx-rewards .dl-app a{margin:0 1px} .banner-onyx-rewards .btn-link:hover:before {opacity:0; color:#333;} *[dir='rtl'] .banner-onyx-rewards .image{transform: rotateY(180deg);} *[dir='rtl'] .banner-onyx-rewards .image .inner img{transform: translate(0, 0);} *[dir='rtl'] .banner-onyx-rewards:after{left: 15px; right:inherit} /*Footer*/ footer{position:relative;} .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:Philosopher, Signika, Roboto, Arial, Athiti, 'Noto Serif SC', 'Noto Serif TC', SimHei; 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:40px;} .footer-wrapper a:hover{color:#34668c; text-decoration:underline; display:inline-block} /*Download App - Banner, Footer*/ .footer-info .dl-app, .main-banner.fullscreen .dl-app{display: flex;} .footer-info .dl-app { padding: 0 15px;} .footer-info .dl-app a, .main-banner.fullscreen .dl-app a{margin-right:3px} .footer-wrapper a.btn{color: #222;} .main-banner.fullscreen .box h5{font-size:1.6rem; margin: 10px 0 3px 0;} .main-banner.fullscreen a.btn-link{padding: 10px 30px 10px 0; color:#fff} .main-banner.fullscreen a.btn-link:before{background:#fff;} .main-banner.fullscreen a.btn-link:hover{text-decoration:underline} *[dir="rtl"] .main-banner.fullscreen a.btn-link{padding: 10px 0 10px 30px;} .footer-info .icon-social{ background-image:url(//storage.amari.com/logo/social.svg); background-repeat:no-repeat; width:30px; height:30px; display:inline-block; text-indent:-999999em; margin:8px; vertical-align:middle} .icon-social.fb{background-position:0 0} .icon-social.fb:hover{background-position:0 -30px} .icon-social.ig{background-position:-30px 0} .icon-social.ig:hover{background-position:-30px -30px} .icon-social.line{background-position:-60px 0} .icon-social.line:hover{background-position:-60px -30px} .icon-social.tw{background-position:-90px 0} .icon-social.tw:hover{background-position:-90px -30px} .icon-social.blog{background-position:-120px 0} .blog:hover{background-position:-120px -30px} .icon-social.wechat{background-position:-150px 0} .icon-social.wechat:hover{background-position:-150px -30px} .icon-social.weibo{background-position:-180px 0} .icon-social.weibo:hover{background-position:-180px -30px;} .icon-social.linkedin{background-position:-210px 0} .icon-social.linkedin:hover{background-position:-210px -30px;} .icon-social.tiktok{background-position:-240px 0} .icon-social.tiktok:hover{background-position:-240px -30px;} .icon-social.snapchat{background-position:-270px 0} .icon-social.snapchat:hover{background-position:-270px -30px;} .icon-social.whatsapp{background-position:-300px 0} .icon-social.whatsapp:hover{background-position:-300px -30px;} *[dir="rtl"] .footer-info .icon-social{text-indent:999999em;} .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:Philosopher, Signika, Roboto, Arial, Athiti, 'Noto Serif SC', 'Noto Serif TC', SimHei; line-height:1rem; font-size:1.6rem; height:44px; float:left; background:#444c72; 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;} /*New - Footer brands logo*/ .footer-logo{background-color:#fff; padding:80px 0;} .footer-logo .container{list-style:none; width: calc(100% - 30px); margin:0 auto; border: 1px solid rgba(0,0,0,0.05); text-align: center; position: relative;} .footer-logo .item a, .logo-bottom a, .logo-top a{display: inline-block; height:50px;} .footer-logo .logo-top{position:absolute; top: -28px; left: calc(50% - 94px); background-color:#fff; margin: 0 auto; padding:0 20px; z-index: 5} .footer-logo .logo-center{margin: 80px auto; display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; justify-content: center;} .footer-logo .logo-center .group{display: flex; align-items: center;} .footer-logo .logo-center .item{margin:10px 20px;} .footer-logo .logo-bottom {background:#fff; position:absolute; bottom:-45px; left:calc(50% - 50px);} .footer-logo .logo-bottom .item{padding:10px} .footer-logo .brand.onr{background-image:url('https://cdn.onyx-hospitality.com/logo/footer/onyx-rewards.png'); background-repeat: no-repeat; display:inline-block; text-indent:-99999em; width:150px; height:68px; background-position:0 0px} .footer-logo .brand.onr:hover{background-position:0 -68px} .footer-logo .brand.orl{background-image:url('https://cdn.onyx-hospitality.com/logo/footer/orl.svg'); background-repeat: no-repeat; display:inline-block; text-indent:-99999em; width:95px; height:50px; background-position:0 0} .footer-logo .brand.orl:hover{background-position:0 -50px} .footer-logo .brand.amr{background-image:url('https://cdn.onyx-hospitality.com/logo/footer/amr.svg'); background-repeat: no-repeat; display:inline-block; text-indent:-99999em; width:80px; height:50px; background-position:0 0} .footer-logo .brand.amr:hover{background-position:0 -50px} .footer-logo .brand.shl{background-image:url('https://cdn.onyx-hospitality.com/logo/footer/shl.svg'); background-repeat: no-repeat; display:inline-block; text-indent:-99999em; width:74px; height:50px; background-position:0 0} .footer-logo .brand.shl:hover{background-position:0 -50px} .footer-logo .brand.sha{background-image:url('https://cdn.onyx-hospitality.com/logo/footer/sha.svg'); background-repeat: no-repeat; display:inline-block; text-indent:-99999em; width:62px; height:50px; background-position:0 0} .footer-logo .brand.sha:hover{background-position:0 -50px} .footer-logo .brand.shh{background-image:url('https://cdn.onyx-hospitality.com/logo/footer/shh.svg'); background-repeat: no-repeat; display:inline-block; text-indent:-99999em; width:82px; height:50px; background-position:0 0} .footer-logo .brand.shh:hover{background-position:0 -50px} .footer-logo .brand.ozo{background-image:url('https://cdn.onyx-hospitality.com/logo/footer/ozo.svg'); background-repeat: no-repeat; display:inline-block; text-indent:-99999em; width:68px; height:50px; background-position:0 0} .footer-logo .brand.ozo:hover{background-position:0 -50px} .footer-logo .brand.ibozo{background-image:url('https://cdn.onyx-hospitality.com/logo/footer/ibozo.svg'); background-repeat: no-repeat; display:inline-block; text-indent:-99999em; width:136px; height:50px; background-position:0 0} .footer-logo .brand.ibozo:hover{background-position:0 -50px} .footer-logo .brand.italthai{background-image:url('https://cdn.onyx-hospitality.com/logo/footer/italthai.svg'); background-repeat: no-repeat; display:inline-block; text-indent:-99999em; width:100px; height:22px; background-position:0 0} .footer-logo .brand.italthai:hover{background-position:0 -22px} .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 only screen and (max-width: 360px) { .g-recaptcha { transform:scale(0.7); transform-origin:0 0; } .page-mobile-app .box .dl-app img {height:40px!important} .page-mobile-app .box {margin-top:10px!important} } @media only screen and (max-width: 480px) { .g-recaptcha {transform:scale(0.77);transform-origin:0 0;} .page-mobile-app .main-banner.fullscreen .carousel-caption {top:5%} .page-mobile-app .box {margin-top:25px} .page-mobile-app .box .dl-app img {height:42px} } @media (min-width:480px) { .banner-onyx-rewards h2{width: 500px; height: 90px;} .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;} /*Rate + Button*/ .content .rate-wrap{flex-direction: row;} .rate-wrap .total{text-align:right;} .page-mobile-app .cards_border0 .cards .image{-ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; height: unset;} .page-mobile-app .cards_border0 .cards .content{-ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%;} .page-mobile-app .cards_border0 .row.cards:nth-child(even){-webkit-box-orient:horizontal; -webkit-box-direction:reverse; -webkit-flex-flow:row-reverse; flex-flow:row-reverse;} } /*only landscape*/ @media (min-width:568px) and (max-width :926px) and (orientation :landscape) { /*Home/Property - Description*/ .main-description img{max-width:178%!important} /*Motif*/ .motif-full-d1_cnt_TL{left:-85px} .motif-outline-d1_cnt_BR{right:-85px} .promotion-hotels .content .btn-wrapper{flex-direction: column;} /*Cards - List all rooms*/ .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{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;order:inherit} /*Cards - List all amenities*/ .cards_border0 .cards .image{height:460px;} /*Promotion*/ .main-banner.half, .main-banner.half .image{height:600px} /*Footer*/ .footer-info .line:nth-child(1):after{border-right:1px solid #edeeef;} } @media (min-width:569px){ .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} .promotion-hotels .content .btn-wrapper{flex-direction: column;} .ta-iframe{width:100%; height:1150px;} /*New - Footer brands logo*/ .footer-logo .logo-center .group:after{content: ''; width: 1px; height: 20px; margin: 0 10px; display: inline-block; background-color: rgba(0,0,0,0.15)} .footer-logo .logo-center .group:last-child:after{content: none} } /*Surface Duo*/ @media only screen and (min-width: 540px) and (max-width: 720px) and (orientation: portrait) { .page-mobile-app .main-banner.fullscreen .carousel-caption {top:5%} } @media only screen and (max-width: 720px) and (min-width: 540px) and (orientation: landscape) { .page-mobile-app .main-banner.fullscreen .carousel-caption {top:5%} .page-mobile-app .box {margin-top: 30px;} } @media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait) { /*Promotion*/ .main-banner.half, .main-banner.half .image{height:600px} .promotion-hotels .content .btn-wrapper{flex-direction: column;} /*Motif*/ .motif-full-d1_cnt_TL{left:-85px} .motif-outline-d1_cnt_BR{right:-85px} /*Cards - List all rooms*/ .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; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;} } @media (min-width: 768px) and (max-width: 1368px) and (orientation:portrait) { /*Cards - List all amenities*/ .cards_border0 .cards .image{height:460px;} .promotion-hotels .content .btn-wrapper{flex-direction: column;} /*Mobile App Page*/ .page-mobile-app .main-banner.fullscreen .carousel-caption {top:10%} .page-mobile-app .box {margin-top:30px} .page-mobile-app .main-banner.fullscreen .carousel-caption h2.title {font-size:5rem} } @media only screen and (max-width: 830px) { .page-sustainability .bg {height:250px!important} .timeline-container .timeline-card .center-line {margin-left: 0; left: 50px;} .timeline-container .icon {margin-left: 0; left: 20px;} .timeline-card { flex-direction: column!important} .timeline-card .timeline-inner{max-width: 100%; width: auto; margin-left: 80px!important; min-height: 53px;} .timeline-card .image {margin-bottom: 10px;} .timeline-card .content {margin-bottom: 20px;} .timeline-card .content {padding: 20px 10px 0px 15px; min-height: 65px; width:calc(100vw - 100px) } .timeline-card .image {padding: 40px 10px 5px 15px; min-height: 65px; width:calc(100vw - 100px) } .timeline-card .content p {line-height: 22px;} } @media (min-width: 768px) { /*ONYX Rewards - Member rates*/ .banner-onyx-rewards h3{font-size: 2.2rem; margin:0;} .webexclusive .details{-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;} .webexclusive .date{-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;} .promotion-hotels .content .btn-wrapper{flex-direction: column;} } @media (min-width: 992px) { .container {max-width: 960px;} .promotion-hotels .hotel {max-width: calc(33.333333% - 10px)} } @media (min-width:1024px) { .loader-container{height: calc(100vh - 152px);} /*Home/Property - Description*/ .main-description{padding:80px 0 20px 0} .meeting-and-event .main-description{padding: 80px 0 30px 0; background: #f4f8fa;} .main-description h1{font-size:5rem} .main-description h2:after{margin:15px 0, 30px 0;} .property .main-description .content, .property-opening .main-description .content{-ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667%;} .property .main-description .image, .property-opening .main-description .image{-ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333%;} .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;} .property .main-description .content, .property .main-description .image, .property-opening .main-description .content, .property-opening .main-description .image{order:inherit} .main-description .image .carousel-inner{width: 800px; height: 533px;} .main-description .image .carousel-item{height: 100%;} .main-description .image .carousel-item img{width: 100%; height: 100%;} .main-description .ta-tc-awards img{margin: 0 0 0 auto;} *[dir='rtl'] .main-description .ta-tc-awards img{margin: 0 auto 0 0;} .page-about-us .main-description {padding: 80px 0;} .page-about-us .main-description .container{width: 800px} .page-about-us .main-description .hotel-contact{margin: 50px 0 0 0} .certificated{text-align:right;} *[dir='rtl'] .certificated{text-align: left;} .video-container{margin:20px 0;} .video-container .video{height:auto} .video-container .video a .video-play .icon-play:before{width:90px; height:90px;} .hotel-highlight .icon-text{flex-basis: 25%;} .list-package{padding:100px 0 70px 0} .content .btn-wrapper.bottom{position:absolute; bottom:30px;} /*Rate + Button*/ .content .rate-wrap{flex-direction: column;} .rate-wrap .total{text-align:left;} /*New***************/ /*ONYX Rewards - Member rates*/ .banner-onyx-rewards .image{height:550px;} .banner-onyx-rewards .image .inner img{transform: translate(0, 0); max-width: 100%; width: 100%;} .banner-onyx-rewards .content{-ms-flex-order: 1; order: 1; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; display: flex; flex-direction: column; justify-content: center; position:absolute; height: 550px; margin:0 6%; background:none;} /*Setia*/ .page-setia .prize{flex-direction: row;} .page-setia .window1{width: 440px; height: 600px;} .page-setia .window2{width: 410px; height: 570px;} .page-setia .window1 .image img{object-fit: cover; width: 100%; height: 100%;} .page-setia .circle-plus{margin: 10px;} /*Cards - List all rooms*/ .cards_borderwh .cards {margin:0 auto 30px; padding:30px; height:auto} .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, .cards_borderwh .cards .content{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;} .cards_borderwh .cards .image{height: auto} .cards_borderwh .cards .content{padding: 40px;} .cards_borderwh .cards .content .description .meeting li{padding-right:14px;} .cards_borderwh .cards .btn{padding:20px;} /*Cards - List all At a Glance, Offer, Package*/ .cards_border0 .cards{flex-flow:row nowrap; margin:0 0 50px 0; min-height:500px;} .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; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; height:inherit} .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} .cards_border0 .cards .content .inner .detail{/*max-height: 150px; overflow-y: auto;*/ font-size: 1.6rem; padding: 0 20px 0 0;} *[dir='rtl'] .cards_border0 .cards .content .inner .detail{padding: 0 0 0 20px;} /*scrollbar*/ /*width*/ .cards_border0 .cards .content .inner .detail::-webkit-scrollbar {width:6px;border-radius: 10px;} /* Track */ .cards_border0 .cards .content .inner .detail::-webkit-scrollbar-track {background-color:#f4f8fa;border-radius: 10px;} /* Handle */ .cards_border0 .cards .content .inner .detail::-webkit-scrollbar-thumb {background-color:#e4eaee;border-radius: 10px;} /* Hover */ .cards_border0 .cards .content .inner .detail::-webkit-scrollbar-thumb:hover {background-color:#d7dfe4} /*Mobile App*/ .page-mobile-app .main-banner.fullscreen .carousel-caption h2.title {font-size:4.5rem} .page-mobile-app .cards_border0 .cards .image{order:inherit; -ms-flex:0 0 40%; flex:0 0 40%; max-width:40%; height:inherit} .page-mobile-app .cards_border0 .cards .content{order:inherit; -ms-flex:0 0 60%; flex:0 0 60%; max-width:60%; height:inherit} /*Property - Sustainability*/ .level-property.page-sustainability .cards_border0 .cards {min-height: 400px;} /*Slider - Property Sustainability*/ .level-property.page-sustainability .text-overlap-image header a {background:#c1ebe6} .level-property.page-sustainability .text-overlap-image .carousel-item {height:650px} .level-property.page-sustainability .text-overlap-image .image {-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;} .level-property.page-sustainability .text-overlap-image .content {-ms-flex: 0 0 43%; flex: 0 0 43%; max-width: 43%; transform: translate(116%, -100%); background-color: rgba(10, 31, 29, .9);} .level-property.page-sustainability .text-overlap-image .content .inner {background:none; position: absolute; top: 50%;left: 50%;width:100%; padding:80px 50px 50px 50px} .level-property.page-sustainability .text-overlap-image .content h3 {color:#a2e2da} .level-property.page-sustainability .text-overlap-image .content p {color:#f0faf9} *[dir='rtl'] .level-property.page-sustainability .text-overlap-image .content{transform: translate(-116%, -100%);} /*Enhancement Notice*/ .page-enhancement-notice .main-description .container {max-width: 800px;} /*At a glance*/ .cards_border0 .cards .content h3, .cards_border0 .cards .content h3 a{font-size:3.6rem} /*promotion*/ /*.promotion-hotels{margin: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-filter .filters-button-group .button {height:100%;} .multiselect{width:300px;} .multiselect-container {width:303px;} /*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;} .motif-d3_cnt_TR { background-size:70%; width: 230px; height: 250px; right: -90px; top: -65px;} .bg-light-gold{padding-bottom:50px} /*Highlight*/ .hotel-highlight{padding: 30px 0;} .hotel-highlight .text{padding:20px 40px;} /*background color*/ .bg, .bg-lightblue, .bg-lightgreen{padding:50px 0;} /*Content*/ .content-padd{padding:60px 0} .content-padd .column-count-2{padding:0 15px} .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(//storage.amari.com/icon/bullet-s_gy.gif); background-size:cover; background-position:center; left:0; top:13px; transform:translateY(-50%);} .motif-d3_bn_TL {width:380px; height:580px; right:-40px; top:-190px;} .footer-info .line:after{border-right:1px solid #edeeef;} .footer-info .icon-social{margin:0!important;} .footer-info .info .footer-wrapper a{padding-left:0; line-height: 1.6} .footer-unsubscribe {margin:10px 0!important;} *[dir='rtl'] .footer-info .line:after{left: 0;right: inherit;} } @media (min-width:1200px) { .container {max-width: 1180px;} .home .main-description h1, .resort .main-description h1, .urban .main-description h1{font-size:5rem} .home .main-description{margin: 0; padding:70px 0} .property .main-description .content, .property-opening .main-description .content{padding:0 30px 0 15px} *[dir='rtl'] .property .main-description .content{padding:0 15px 0 30px} .best-rates-guarantee .content-paddb .content, .terms-and-conditions .content-paddb .content{-webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:50px; -moz-column-gap:50px; column-gap:50px; 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, .promotion-hotels .image figure{height:420px;} .promotion-hotels .content{top:360px} .promotion-hotels .link-media{padding: 15px 15px 60px 15px;} .page-setia .circle-plus{margin: 30px;} .footer-info .col-12{padding:0 50px} /*New - Footer brands logo*/ .footer-logo .logo-center .group:after{margin: 0 30px;} } @media (min-width:1360px) { .container {max-width: 1300px;} .cards_borderwh .cards{margin:0 auto 30px;} .offer .cards_border0 .cards, .offer .cards_border0 .cards .content, .offer .cards_border0 .cards .image{min-height:540px} .promotion-hotels .content .btn-wrapper{flex-direction: row;} } @media (min-width:1440px) { .container {max-width: 1400px;} .video-container{margin: 50px 0;} .video-container .video{height:700px;} /*Rate + Button*/ .content .rate-wrap{flex-direction: row;} .rate-wrap .total{text-align:right;} /*ONYX Rewards - Member rates*/ .banner-onyx-rewards .content{margin:0 10%} .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;} .motif-d3_cnt_TR {background-size:100%; width: 266px; height: 406px; right: -40px; top: -125px;} .cards_borderwh .cards .content{padding: 60px;} } @media (min-width:1680px) { /*ONYX Rewards - Member rates*/ .banner-onyx-rewards .content{margin:0 20%} .carousel-item:nth-child(2) .banner-onyx-rewards .content{margin:0 50% 0 15%} .cards_borderwh .cards {margin:0 auto 50px;} .cards_borderwh .cards .content .name h3{font-size:3.4rem} } @media (min-width:2550px) { .banner-onyx-rewards .image, .banner-onyx-rewards .content{height: 800px} } /***End***/