.page-hotel-deals .flickity_group.brands .flickity-button{display:none}
/*Thailand*/
.travel_requirements{margin:0 0 60px 0}
.travel_requirements .icon{background: url(//storage.onyx-hospitality.com/sites/icon/sprite_travel-requirements.svg) no-repeat; display: block; margin: 30px auto; width: 100px; height: 100px;}
.travel_requirements .icon.pre-arrival{background-position:0 0}
.travel_requirements .icon.before-departure{background-position:0 -100px}
.travel_requirements .icon.on-arrival{background-position:0 -200px}
.travel_requirements .icon.stay{background-position:0 -300px}

.travel_requirements .icon.countries{background-position:-100px 0}
.travel_requirements .icon.vaccines{background-position:-100px -100px}
.travel_requirements .icon.thailand-pass{background-position:-100px -200px}
.travel_requirements .icon.morchana{background-position:-100px -300px}
.travel_requirements .icon.blue-zone{background-position:-100px -400px}

.travel_requirements .text-text{display:block}
.travel_requirements .text-text.link{text-align:center; text-decoration:none; color:#333}
.travel_requirements a:hover .text-text.link{color:#005bbc}

.travel_requirements .text-overlap-image header h2{font-weight: normal;}
.travel_requirements .btn-wrapper{text-align: center;}

/*Description*/
.property .main-description{padding:20px 0;}
.main-description{padding:50px 0 20px 0; position: relative}

.main-description h2{font-size: 1.6rem; color:#a7b0c7; font-weight: normal; margin:0 0 15px 0}
	.home .main-description h2{color: #fff; font-weight: bold;}
	.home .main-description h1{font-size: 5.2rem; color: #FFD200;}
.main-description h1{color: #28D5CB; font-size:4rem; line-height: 1; font-weight: bold;}
.main-description h1:after{content:''; display:block; background:#efefef; width:30px; height:2px; margin-bottom: 15px;}

.theme-ibozo.property .main-description h1:after, .theme-ibozo .main-description h1:after{width:90px; height:4px; margin: 8px 0 15px 0; 
	background:#E03C39;
	background: -moz-linear-gradient(left, #E03C39 0%,#E03C39 33%,#72B2D4 33%,#72B2D4 66%,#000 66%,#000 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#E03C39), color-stop(33%,#E03C39), color-stop(33%,#72B2D4), color-stop(66%,#72B2D4), color-stop(66%,#000), color-stop(100%,#000));
background: -webkit-linear-gradient(left, #E03C39 0%,#E03C39 33%,#72B2D4 33%,#72B2D4 66%,#000 66%,#000 100% 100%);
background: -o-linear-gradient(left, #E03C39 0%,#E03C39 33%,#72B2D4 33%,#72B2D4 66%,#000 66%,#000 100% 100%);
background: -ms-linear-gradient(left, #E03C39 0%,#E03C39 33%,#72B2D4 33%,#72B2D4 66%,#000 66%,#000 100% 100%);
	background: linear-gradient(to right, #E03C39 0%,#E03C39 33%,#72B2D4 33%,#72B2D4 66%,#000 66%,#000 100%);}

.main-description .content, .main-description .image{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
.main-description .content{position: relative; color: #42598e; -ms-flex-order: 2; order: 2;}
.main-description .content h3{font-size: 2.4rem; font-weight: normal;}

  .main-description ul{margin-bottom: 15px}
  .main-description li {position: relative; padding-left: 15px; list-style: none; line-height: 2.2rem;}
  .main-description li:before {content: ''; background:#ffd5d9; border-radius:6px; width:6px; height:6px; margin:2px; position:absolute; left:0; top:5px;}
    .main-description ul ul, .main-description ul ul ul{margin-bottom: 0;}

.main-description .image{position: relative; padding: 80px 0 0 0; -ms-flex-order: 1; order: 1}
.main-description .image .inner{width: 90%; height:98%; float: right}
.main-description .image .image-dot{position:absolute; right:0; top:-40px; z-index:-1; width:84px; height:252px; background:url('https://storage.ozohotels.com/icon/element_dot.png') repeat;}

.main-description a{color: #0e86cd; text-decoration:underline}
.main-description a:hover{color:#82c7c2;}

.main-description a.btn-book, .main-description a.btn-learnmore{color:#fff; text-decoration:none}

*[dir="rtl"] .main-description .image .inner{float: left;}
*[dir="rtl"] .main-description .image .image-dot{right: 0; left:initial}

	/*Description - Home Page*/	
	.home .main-description .bubble-wrapper{margin: 5px 0 20px 0}
	.home .main-description .bubble-wrapper .bubble{background-color:#ffdf64; border-radius:50px; margin:5px 0; padding:10px 18px; font-size:2.2rem; font-weight:bold; color:#fff; text-align:center; display: inline-block}

	/*Description - Property Index*/
	.urban.property .main-description {background:url('https://storage.ozohotels.com/icon/element_yl-brick.svg') left top no-repeat; margin:0}
	.urban .main-description h1{color:#28D5CB}

	.theme-ibozo.property .main-description {background:url('https://storage.ozohotels.com/icon/element_dbl-brick.svg') left top no-repeat; margin:0}
	.theme-ibozo .main-description h1{color:#001777!important}

	.resort.property .main-description:before{content: ''; position: absolute; background:url('https://storage.ozohotels.com/icon/element_wave.svg') left top no-repeat; background-size: 100%; width: 65px; height: 100%; top: 0; left: 0;	margin:0}
	.resort .main-description h1{color:#FF949D}

	.property .main-description .content{padding: 30px 10px 30px 90px;}
		.property .main-description h2.tagline{font-size:1.8rem; line-height:1.8rem; color:#979eb0; font-weight:300;}
		.property .main-description h1:after{content:""; display:block; background:#dcdee5; width:40px; height:1px; margin: 0 0 20px 0;}
		.property .main-description .image{padding:30px 0 0 0}
		.property .main-description .image picture{display: block;}
		/*Image Overlap*/
		.property .main-description .image .image-over{width: calc(100% - 100px); height: auto; margin: 50px 50px 0 50px;}
		.property .main-description .image .image-over img{width: 100%; height: 100%; object-fit: cover}
		.property .main-description .image .image-under{display: none}

	.property_description .indicators{display: none}
	.property_description .carousel-indicators{vertical-align:middle;}
	.property_description .carousel-indicators li.active{width:8px; height:8px; margin:8px 8px; border-radius:50%; background-color:#fff}
	.property_description .carousel-indicators li{width:4px; height:4px; margin:10px 8px; padding: 0; border-radius:50%; background-color:#756242; opacity:1}

	.main-description .property_description li:before{content: none}
	
	.property_description .carousel-control-prev-icon{background-image:url('https://storage.ozohotels.com/icon/arrow-left_bk.svg'); width:60px; height:60px;}
	.property_description .carousel-control-next-icon{background-image:url('https://storage.ozohotels.com/icon/arrow-right_bk.svg'); width:60px; height:60px;}
	.property_description .carousel-control-next, .property_description .carousel-control-prev{opacity:1}	
	.property_description .carousel-control-next:hover, .property_description .carousel-control-prev:hover{opacity:.8}	
	.property_description .carousel-control-prev{right:68px; bottom:8px; top:inherit; left:inherit; width:60px; height:60px;}
	.property_description .carousel-control-next{right:8px; bottom:8px; top:inherit; left:inherit; width:60px; height:60px;}

.main-description.nobanner{padding: 120px 0 20px 0;}

/*H1 Color*/
.location .main-description h1, .hotel-photo .main-description h1, .play .main-description h1, .meeting-and-event .main-description h1{color:#28D5CB}
.at-a-glance .main-description h1, .stay .main-description h1, .dine .main-description h1{color:#B097E1}
	.at-a-glance .cards_border0 .cards .content h4{color: #9c7dd9;}
.special-offer .main-description h1, .dining-offer .main-description h1{color:#FF949D}
.hotel-package .main-description h1{color:#D3B5A7}

.theme-ibozo.page-at-a-glance .cards_border0 .cards .content h4{color: #ec8a88;}

/*Home - Highlight*/
.home_highlight .main-highlight{display: -ms-flexbox;  display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative}
.home_highlight .carousel-item:nth-child(1){background: #835DD0} /*purple*/
.home_highlight .carousel-item:nth-child(2){background: #ff7985} /*red pink*/
.home_highlight .carousel-item:nth-child(3){background: #ffe466} /*yellow*/

	.home_highlight .main-highlight .image_big{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; -ms-flex-order: 1; order: 1;}
	.home_highlight .main-highlight .content{-ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; position: relative; color: #fff; font-size: 1.6rem; height:70vh; -ms-flex-order: 2; order: 2;}
	.home_highlight .main-highlight .image_small{-ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; border-left:1px solid rgba(255,255,255,0); position: relative; -ms-flex-order: 3; order: 3;}	
	.home_highlight .main-highlight .image_small .inner{width:100%; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index:1}
	
	.home_highlight .main-highlight .content .inner{position:relative; padding:30px}
	.home_highlight .main-highlight .content h2{font-size: 4.4rem; line-height: 1; margin:20px 0; font-weight: bold}

	/*indicators - highlight*/
	.home_highlight .indicators{position:absolute; right:50px; color:#fff; z-index:2; width:60px; height:60px; text-align:center; padding:18px;}

	.home_highlight .carousel-control-prev-icon, .property_highlight .carousel-control-prev-icon{background-image:url('https://storage.ozohotels.com/icon/arrow-left_wh_s.svg'); width:24px; height:24px; }
	.home_highlight .carousel-control-next-icon, .property_highlight .carousel-control-next-icon{background-image:url('https://storage.ozohotels.com/icon/arrow-right_wh_s.svg'); width:24px; height:24px;}

	.home_highlight .carousel-control-prev, .home_highlight .carousel-control-next{bottom:30px; top: inherit; left:inherit; width:80px; height:80px; padding:28px; opacity: 1}
	.property_highlight .carousel-control-prev, .property_highlight .carousel-control-next{bottom:0; top: inherit; left:inherit; width:80px; height:80px; padding:28px; opacity: 1}
	.home_highlight .carousel-control-prev:hover, .home_highlight .carousel-control-next:hover, .property_highlight .carousel-control-prev:hover, .property_highlight .carousel-control-next:hover{opacity: 0.4}

	.home_highlight .carousel-control-prev, .property_highlight .carousel-control-prev{right:80px;}
	.home_highlight .carousel-control-next, .property_highlight .carousel-control-next{right:0;}

	.home_highlight .countslide{position: absolute; bottom: 120px; left: 30px; width:calc(100% - 60px); height: 23px; font-family:'Montserrat', 'Mitr', 'SimHei'; color: #fff; z-index: 5}
	.property_highlight .countslide{display:none}
		
	.home_highlight .line, .property_highlight .line{background:none}
	.home_highlight .line:after, .property_highlight .line:after{content:''; background: rgba(255,255,255,0.5); display: inline-block; height: 1px; width:calc(100% - 80px); margin:5px 20px}	
	
	[dir='rtl'] .home_highlight .indicators{left:50px; right:inherit}
	[dir='rtl'] .home_highlight .carousel-control-prev, [dir='rtl'] .property_highlight .carousel-control-prev{left:30px; right:inherit}
	[dir='rtl'] .home_highlight .carousel-control-next, [dir='rtl'] .property_highlight .carousel-control-next{left:100px; right:inherit}	

/*Property - Highlight*/
.property_highlight .main-highlight{display: -ms-flexbox;  display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative}

	/*Color*/
	.property_highlight .carousel-item:nth-child(1){background: #28d5cb}
		.property_highlight .carousel-item:nth-child(1) .main-highlight .content h2{color: #28d5cb}
	.property_highlight .carousel-item:nth-child(2){background: #ff7985}
		.property_highlight .carousel-item:nth-child(2) .main-highlight .content h2{color: #ff7985}
	.property_highlight .carousel-item:nth-child(3){background: #9c7dd9}
		.property_highlight .carousel-item:nth-child(3) .main-highlight .content h2{color: #9c7dd9}
	.property_highlight .carousel-item:nth-child(4){background: #FFE25C}
		.property_highlight .carousel-item:nth-child(4) .main-highlight .content h2{color: #FFE25C}

    /*Function Rooms*/
    .function-room .property_highlight .carousel-item{background: #FF5867!important;}
    .function-room .property_highlight .carousel-item .main-highlight .content h2{color: #FF5867!important;}
		
	.property_highlight .main-highlight .image_big{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative;}	
	.property_highlight .main-highlight .content{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; color: #fff; font-size: 1.6rem; height:70vh}
	.property_highlight .main-highlight .content .inner{padding:30px;}
	.property_highlight .main-highlight .content h2{font-size: 6rem; line-height: 1;}
		.property_highlight .main-highlight .content .bubble-wrapper{margin: 5px 0 20px 0}
		.property_highlight .main-highlight .content .bubble-wrapper .bubble{background-color:#fff; border-radius:50px; margin:5px 2px; padding:18px 25px; font-size:4rem; font-weight:bold; text-align:center; display: inline-block}

	.property_highlight .main-highlight .image_small{display:none}

	/*indicators*/
	.property_highlight .carousel-indicators{right: 50px; top: 10%; left: inherit; bottom: inherit; margin: 0; display: block }
	.property_highlight .carousel-indicators .active{width: 8px; height: 8px; margin: 10px 2px; }
	.property_highlight .carousel-indicators li{width: 4px; height: 4px; margin: 10px 4px; border-radius: 50%; border:0}
	
	[dir='rtl'] .property_highlight .carousel-indicators{left:50px; right:inherit}

/*Thai*/
.th .hotel-highlight p{font-size: 1.6rem}
.th .property_highlight .main-highlight .content{font-size: 1.8rem;}

/*Home - Destinations*/
.destinations{margin: 10px 0}

.destinations .header-container{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; border-left: 15px solid #fff; border-top: 10px solid #fff; border-right: 15px solid #fff; border-bottom: 10px solid #fff;}
    .destinations .header-container:before{content: ' '; background:url('https://storage.ozohotels.com/images/pattern_green.svg'); display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: 200%;}
    .destinations .header-container header{position:relative; z-index:5; padding:20px 80px; width:100%}
	.destinations h2{font-size:5.6rem; line-height:1; font-weight:bold; color:#74bdc1;}
	.destinations .bubble-wrapper{margin: 5px 0 20px 0}
	.destinations .bubble-wrapper .bubble{background-color:#fff; border:3px solid #28D5CB; color:#28D5CB; border-radius:50px; margin:5px 2px; padding:10px 15px; font-size:3.8rem; font-weight:900; text-align:center; display: inline-block}

.destinations .content-container{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative;}
    .destinations .content-container .carousel-inner.row{margin-left:-2px}

	.destinations .carousel-item{width:calc(50% - 10px); margin:0 8px; margin-right:0}

	.destinations .destination .image{position:relative;}
	.destinations .destination .image .inner img{border-radius: 5px;}
	
	.destinations .destination .content{position: absolute; margin: 0 auto; width: 100%; bottom: 0; display:block}
	.destinations .destination h3{font-size: 2.4rem; margin: 0}
	.destinations .destination a{color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.3); display:block}
	
	.destinations .destination .hovereffect .overlay{background-color: rgba(0,0,0,0.4); border-radius: 5px; display:block}


	/*control <- ->*/
	.destinations .carousel-indicators{bottom:-30px}

	.destinations .carousel-control-prev-icon{background-image:url('https://storage.ozohotels.com/icon/arrow-prev_wh.svg'); background-size: initial; padding: 30px;}
	.destinations .carousel-control-next-icon{background-image:url('https://storage.ozohotels.com/icon/arrow-next_wh.svg'); background-size: initial; padding: 30px;}
	
	.destinations .carousel-control-prev, .destinations .carousel-control-next{bottom:-70px; width:80px; height:80px; z-index:16; opacity: 1}
	
	.destinations .carousel-control-prev{right:80px; left:inherit;}
	.destinations .carousel-control-next{right:0;}

	/*Carousel Indicators*/
	.destinations .carousel-indicators{ bottom: -40px}
	.destinations .carousel-indicators li{background-color: #000; width: 4px; height: 4px; margin:4px; border-radius: 8px; border:0; opacity: 0.2}
	.destinations .carousel-indicators li.active{width: 8px; height: 8px; margin: 2px 4px; opacity: 0.6}
	.destinations .countslide{position: absolute; bottom: -50px; left: 0; font-family:'Montserrat', 'Mitr', 'SimHei'; color: #d2d2d2}
	.destinations .line:after{content:''; background:#d2d2d2; display: inline-block; height: 1px; width: 50px; margin:5px 20px}	

	
	 /**Carousel Multiple Items - show 2 items */
    .destinations .carousel-inner .active + .carousel-item {display: block;}
    .destinations .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .destinations .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }
    .destinations .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    .destinations .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .destinations .carousel-item-next.carousel-item-left + .carousel-item,
    .destinations .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* farthest right hidden item must be also positioned for animations */
    .destinations .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* right or prev direction */
    .destinations .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .destinations .carousel-item-prev.carousel-item-right + .carousel-item,
    .destinations .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        display: block;
        visibility: visible;
    }

    /***RTL***/
    *[dir='rtl'] .destinations .carousel-control-prev{display: none}

    /* left or forward direction */
    *[dir='rtl'] .destinations .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    *[dir='rtl'] .destinations .carousel-item-next.carousel-item-left + .carousel-item,
    *[dir='rtl'] .destinations .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {        
        transform: translate3d(100%, 0, 0);
    }
    /* right or prev direction */
    *[dir='rtl'] .destinations .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    *[dir='rtl'] .destinations .carousel-item-prev.carousel-item-right + .carousel-item,
    *[dir='rtl'] .destinations .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        transform: translate3d(-100%, 0, 0);
    }

/*Home - Brand Tiers*/
.brand-tiers{margin:50px 0}
.brand-tiers header{margin:10px auto; display:block; text-align:center;}
.brand-tiers header h2.tagline{font-size:1.8rem; color:#ff5867; font-weight:500}
.brand-tiers header h3{font-size:3rem; color:#001777; font-weight:500}
.brand-tiers header h3:after{content:''; width:35px; height:2px; display:block; margin:10px auto; background:#dfe0e0;}
	
.brand-tiers .overlap_image-on-text{display:flex; flex-direction: column;}
.brand-tiers .carousel{margin-right: -15px; margin-left: -15px;}
	.overlap_image-on-text .content, .overlap_image-on-text .image{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center;}		
	
	.overlap_image-on-text .content .inner{padding:10%; z-index:10;}
	.overlap_image-on-text .content header{text-align:left; margin-top:0; margin-bottom:30px;}
	.overlap_image-on-text .content header h4{font-size:4rem; line-height:1;}
	.overlap_image-on-text .content header h5{font-size:2rem;}
	.overlap_image-on-text .content p{color: #ffffff}
	
	/*brand*/	
	.carousel-item:nth-child(1) .overlap_image-on-text .content{background-color:#e100a3;}
	.carousel-item:nth-child(1) .overlap_image-on-text .content header h4{color:#ffffff;}
	.carousel-item:nth-child(1) .overlap_image-on-text .content header h5{color:#ffd200;}	
	
	.carousel-item:nth-child(2) .overlap_image-on-text .content{background-color:#001777;}
	.carousel-item:nth-child(2) .overlap_image-on-text .content header h4{color:#ffffff;}
	.carousel-item:nth-child(2) .overlap_image-on-text .content header h5{color:#E03C39;}
	
	.overlap_image-on-text .content a{text-decoration:underline}
		
	.logo-wrap{margin:0}
		
	/*overlap_image-on-text*/
	.overlap .carousel-control-prev, .overlap .carousel-control-next{top:10px; width:80px; height:80px; padding:0; opacity: 1}
	.overlap .carousel-control-prev-icon:hover, .overlap .carousel-control-next-icon:hover{opacity:0.5}
	.overlap .carousel-control-prev-icon{background-image:url('https://storage.ozohotels.com/icon/arrow-left_wh_s.svg'); width:24px; height:24px;}
	.overlap .carousel-control-next-icon{background-image:url('https://storage.ozohotels.com/icon/arrow-right_wh_s.svg'); width:24px; height:24px;}
	.overlap .carousel-indicators li {background-color: rgba(0,0,0,0.4);}

/*Home - Why Book Direct*/
.book-direct{padding:60px 20px; background:#fff; position:relative;}
	.book-direct header{margin:10px auto; display:block; text-align:center;}
	.book-direct header h2.tagline{font-size:1.6rem; color:#b3bbbc; font-weight:500}
	.book-direct header h3{font-size:3.4rem; line-height:1; color:#835DD0; font-weight:bold}
	.book-direct header h3:after{content:''; width:50px; height:3px; display:block; margin:10px auto; background:#dbdee1;}

	.theme-ibozo .book-direct header h3{color:#001777;}
	
	.book-direct .link-all{ position:absolute; right:20px; margin:-45px 0 0 0;}
	
	.book-direct .icon-brg{background-image:url('https://storage.ozohotels.com/icon/sprite_best-rate_m.svg'); width:85px; height:75px; display:block; margin:20px auto;}
	.book-direct .no1{background-position:0 0} .book-direct .no1:hover{background-position:-85px 0}
	.book-direct .no2{background-position:0 -75px} .book-direct .no2:hover{background-position:-85px -75px}
	.book-direct .no3{background-position:0 -150px} .book-direct .no3:hover{background-position:-85px -150px}
	.book-direct .no4{background-position:0 -225px} .book-direct .no4:hover{background-position:-85px -225px}
	
	.book-direct .icon-text{position: relative; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; margin:10px auto; padding: 20px; text-align:center; }	
	.property .book-direct .icon-text{box-shadow: 0px 0px 50px 0px #EDEEF1; border-radius:10px;}
	
	.book-direct .text-text{position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 1.4rem; color: #71738e}
		
		.book-direct .text-text h4{font-size: 2rem; color: #ff7985;}
		.book-direct .btn-wrapper{margin-top:10px}
		.book-direct .btn-link:before{left:83%}
		.book-direct .btn-link:hover:before {left:90%;}
		.book-direct .btn-link:hover{color: #12c1b7;}

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

/*Dine - Individual*/
.main-intro h3{font-size:2rem; color:#888}


/*Restaurant, Amenities Individual*/
.main-intro{position:relative;}

	.main-intro h2.tagline{font-size:1.6rem; line-height:1.8rem; color:#a7b0c7; font-weight:normal}
	.main-intro h2.tagline:after{content:''; width:30px; height:1px; display:block; margin:5px 0; background:#e3e3e3}	
	.main-intro h1{font-size:4rem; line-height:1; margin:10px 0; color:#28D5CB}
	
	.main-intro .image{position:relative; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; -ms-flex-order: 1; order: 1;}
	.main-intro .content{position:relative; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; z-index:5; -ms-flex-order: 2; order: 2;}	
	
	.main-intro .content .rate-wrap{background:#fff; padding:20px; z-index:5;}
		
	.main-intro .image .image-over{position:absolute; top:inherit; bottom:-40px; left:30px; z-index:6; width:60%;}
	.main-intro .image .image-over img{border:5px solid #fff; -webkit-box-shadow:6px 0px 20px 0px rgba(0,0,0,0.1); -moz-box-shadow:6px 0px 20px 0px rgba(0,0,0,0.1); box-shadow:6px 0px 20px 0px rgba(0,0,0,0.1); object-fit: cover; width:100%; height:100%;}

	.main-intro .image .image-under img{object-fit: cover; width:100%; height:100%;}	
	
	.main-intro .linkmedia a {color: #fff; text-decoration: none; font-size: 1.6rem; font-weight: 600; border-radius: 50px; padding: 18px 25px; background: #b9d9eb;}
	.main-intro .linkmedia a:hover{background: #d3e9f5;}
	
	/*Individual package*/
	.hotel-package-detail .main-intro .content{padding:30px}
	.hotel-package-detail .main-intro .image{height:60vh}
	.hotel-package-detail .main-intro .image .image-under{height: 100%}

.shop-contact{position:relative;}

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

/*Home - Experience*/
.two-column_equal-fluid-h100{background:#fff; height:140vh; padding:0 15px; margin-right:auto; margin-left:auto;}
	.two-column_equal-fluid-h100 .image{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;  position:relative; height:40vh; z-index:1;  color:#fff; overflow:hidden; text-decoration:none;}
	.two-column_equal-fluid-h100 .image .inner{width:100%; height:40vh;}
	
	.two-column_equal-fluid-h100 .content{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; width:100%; height:100vh; position:relative; overflow:hidden; z-index:0}
	.two-column_equal-fluid-h100 .content .inner{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:5; width:75%;}
	.two-column_equal-fluid-h100 .content h2.tagline{font-size: 1.6rem; line-height: 2rem; color: #a7b0c7; font-weight: 500; margin: 0;}
	.two-column_equal-fluid-h100 .content h2:after{content: none!important}
	.two-column_equal-fluid-h100 .content h1, .two-column_equal-fluid-h100 .content h2{font-size:3.6rem;color:#001777;}
	.two-column_equal-fluid-h100 .content h1:after, .two-column_equal-fluid-h100 .content h2:after{content:''; width:40px; height:3px; display:block; margin:10px 0 25px 0; background:#ececec;}

/*Meeings & Events*/
.meetings-events .two-column_equal-fluid-h100 .content h1, .meetings-events .two-column_equal-fluid-h100 .content h2{color:#ffb4c9;}
.meetings-events .two-column_equal-fluid-h100 .content h2.tagline{font-size: 1.6rem; line-height: 1.8rem; color: #a7b0c7; font-weight: normal;}
.meetings-events .two-column_equal-fluid-h100 .content h2.tagline:after{content:none}

	
/*Slide-arrow Bottom/Center white - control prev, next icon*/
.slide-arrow_BC_wh .indicators{position:absolute; bottom:0; left:calc(50% - 40px); color:#fff; z-index:2; width:80px; height:80px; text-align:center; padding:28px 18px;}
	.slide-arrow_BC_wh .carousel-control-prev-icon{background-image:url('https://storage.ozohotels.com/icon/arrow-left_wh_s.svg'); width:24px; height:24px; }
	.slide-arrow_BC_wh .carousel-control-next-icon{background-image:url('https://storage.ozohotels.com/icon/arrow-right_wh_s.svg'); width:24px; height:24px;}
	.slide-arrow_BC_wh .carousel-control-prev{top:inherit; bottom:0; left:calc(50% - 120px); width:80px; height:80px; padding:18px}
	.slide-arrow_BC_wh .carousel-control-next{top:inherit; bottom:0; left:calc(50% + 40px); width:80px; height:80px; padding:18px}
	
/*Amaya Food Gallery*/
.two-column_equal-fluid-h60{height:auto;}
	.two-column_equal-fluid-h60 .image, .two-column_equal-fluid-h60 .content{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; width:100%;}
	
	.two-column_equal-fluid-h60 .image, .two-column_equal-fluid-h60 .image .inner{height:50vh}	
	.two-column_equal-fluid-h60 .image{order:1}
	.two-column_equal-fluid-h60 .content{position:relative; height:50vh; order:2}
	.two-column_equal-fluid-h60 .content .inner{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:80%}
	.two-column_equal-fluid-h60 .content h2.tagline{font-size:1.6rem; color:838586;}
	.two-column_equal-fluid-h60 .content h3{font-size:4.6rem; color:#001777}
	.two-column_equal-fluid-h60 .content h3:after{content:''; width:50px; height:3px; display:block; margin:25px 0; background:#e9ebed}

/*Background Image with Text = Reserve a Table, Audio, Offer - Property Highligt*/
.bgimage-text {position:relative;height:250px}
	.bgimage-text img{object-fit:cover; width:100%; height:100%; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
	.bgimage-text .raster{background:rgba(0,0,0,0.5); background-image:url('https://storage.ozohotels.com/images/pattern-dot.png'); position:absolute; top:0; bottom:0; left:0; right:0; padding:0; z-index:1}
	
	.bgimage-text .content{position:absolute; top:0; left:0; right:0; width:100%; height:100%; text-align:center; margin:0 auto; z-index:2}
	.bgimage-text .inner{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%}
	.bgimage-text .inner h2.tagline{font-size:1.4rem; color:rgba(255,255,255,0.6); font-weight:normal;}
	.bgimage-text .inner h3{font-size:3.6rem; color:#fff; font-weight:500}
	.bgimage-text .inner h3 a{color:#fff; text-shadow:0 0 3px rgba(0,0,0,.5);}
	.bgimage-text .inner h3 a:hover{opacity:.8}
	.bgimage-text .inner p{font-size:1.6rem; color:#fff; text-shadow:0 0 3px rgba(0,0,0,.5); margin-bottom:0}
	.long-stay .bgimage-text .content p, .special-offer .bgimage-text .content p, .promotion .bgimage-text .inner p{font-family: 'Poppins', 'Roboto', 'Mitr', 'Microsoft Sans Serif', 'Resource Han Rounded CN', 'Resource Han Rounded HK', 'SimHei', 'Yanone Kaffeesatz'; font-size:3.6rem; line-height:1.2; color:#fff; font-weight:500}
	.dine .bgimage-text .content p{font-size:1.6rem; line-height: 1; color:#fff; text-shadow:0 0 3px rgba(0,0,0,.5); margin-bottom:0}
	.bgimage-text .btn-border-wh{margin: 15px auto 0 auto;}

.dine .bgimage-text{margin:0}

/*Reserve a Table - Form*/
.dining-reservation-form .modal-dialog{max-width: 550px;}
.dining-reservation-form .modal-dialog button.close{top: 10px; right: 10px}
.dining-reservation-form .modal-dialog button.close, .dining-reservation-form .modal-dialog button.close:hover{color: #fff; text-indent: -9999em;}
.dining-reservation-form .modal-header{display: unset; position: relative; border-bottom: 0}
.dining-reservation-form .modal-header, .dining-reservation-form .modal-footer{padding: 15px 30px}
.dining-reservation-form .modal-body{padding: 20px 30px 0 30px; border-top: 1px solid #f5f5f5;}
.dining-reservation-form .modal-content{border: 4px solid rgba(0, 0, 0, .2); border-radius: 4px}
.dining-reservation-form .modal-footer{justify-content: center; border-top: 0}
.dining-reservation-form .modal-title{font-size: 2.8rem; color: #ff5867; margin: 0}
.dining-reservation-form .modal-header p{font-size: 1.4rem;}
.dining-reservation-form .modal-header a{font-size: 1.4rem; color: inherit; display: inline-flex; align-items: center; text-decoration: underline;}
.dining-reservation-form .modal-header a:hover{text-decoration: none}

	.icon-clock{background: url(https://storage.amari.com/icon/clock.svg) no-repeat; width: 30px; height: 30px; margin-right: 6px;}

	/*Tooltip*/
	.tooltip-inner{ background: #ffd300; font-size: 1.2rem!important; text-align: left!important; padding: 15px; border-radius: 4px;}
	.tooltip-inner h6{font-size: 1.6rem; margin: 0 0 5px 0;}
	.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before{ border-right-color: #ffd300}

	.dining-reservation-form .btn-wrapper .btn{margin: 10px}
	.dining-reservation-form hr{border-top: 1px solid #f5f5f5; margin: 30px 0}
	.dining-reservation-form .formbold-main-wrapper h3{font-size: 1.8rem; color: #ff9aa4}
	.dining-reservation-form .formbold-main-wrapper h3:after {content: ''; width: 20px; height: 1px; display: block; margin: 0 0 15px 0; background: #e3e3e3;}
	.dining-reservation-form label span{color: #da523a;}

	/*Srollbar*/
	/*width*/	.dining-reservation-form .modal-dialog-scrollable .modal-body::-webkit-scrollbar {width:6px;border-radius: 10px;}
	/* Track */	.dining-reservation-form .modal-dialog-scrollable .modal-body::-webkit-scrollbar-track {background-color:#f4f8fa;border-radius: 10px;}
	/* Handle */.dining-reservation-form .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {background-color:#e4eaee;border-radius: 10px;}
	/* Hover */	.dining-reservation-form .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb:hover {background-color:#d7dfe4}

  .formbold-mb-5 {margin-bottom: 15px;}
  .formbold-pt-3 {padding-top: 12px;}
  .formbold-main-wrapper {display: flex; align-items: center; justify-content: center;}
  .formbold-form-wrapper {margin: 0 auto; width: 100%; background: white;}
  .formbold-form-label {display: block; color: #666C8A; font-weight: 500; margin-bottom: 4px;}
  .formbold-form-label-2 {font-weight: 600; font-size: 20px; margin-bottom: 20px;}

  .formbold-form-input {width: 100%; padding: 10px 15px; border-radius: 4px; border: 1px solid #e0e0e0; background: white; font-weight: 500; outline: none; resize: none; color: #747788}
  .formbold-form-input:focus {border-color: #00b39a; box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);}
  select.formbold-form-input{appearance: auto;}

  .formbold--mx-3 {margin-left: -12px; margin-right: -12px;}
  .formbold-px-3 {padding-left: 12px; padding-right: 12px;}

  .flex {display: flex;}
  .flex-wrap {flex-wrap: wrap;}
  .w-full {width: 100%;}

  @media (min-width: 540px) {
    .sm\:w-half {width: 50%;}
  }
	/*End dine modal*/

.individual-gallery{margin:30px 0}
.individual-gallery .image{height:100%}
	.individual-gallery .image .inner{width:100%; height:100%;}
	.individual-gallery .image .inner .carousel, .individual-gallery  .image .inner .carousel-inner, .individual-gallery  .image .inner .carousel-item {height: 100%}
	.individual-gallery .image .inner .carousel-item img{object-fit:cover; width:100%; height:100%; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
	
	.individual-gallery .image .link{position:absolute; left:30px; bottom:20px; /*padding:10px 20px; background:rgba(0,0,0,0.5); border-radius:50px;*/ z-index:5}
	.individual-gallery .image .link a{color:#fff; font-size:1.4rem; display:inline-block; margin:0;}
	.individual-gallery .image .link a:hover{opacity:.5}
	
	.individual-gallery .carousel-control-prev-icon{background-image:url('https://storage.ozohotels.com/icon/arrow-prev_wh.svg'); width:65px; height:15px;}
	.individual-gallery .carousel-control-next-icon{background-image:url('https://storage.ozohotels.com/icon/arrow-next_wh.svg'); width:65px; height:15px;}
	
	.pop-up-360{background-image:url('https://storage.ozohotels.com/icon/pop-up-360.png'); width:26px; height:26px; display:inline-block; vertical-align:middle; margin:0 5px;}	
	.pop-up-plus{background-image:url('https://storage.ozohotels.com/icon/pop-up-plus.png'); width:24px; height:24px; display:inline-block; vertical-align:middle; margin:0 5px;}
	.pop-up-floor-plan{background-image:url('https://storage.ozohotels.com/icon/pop-up-floor-plan.png'); width:24px; height:24px; display:inline-block; vertical-align:middle; margin:0 5px;}
	
	.hide{display:none}
	
	.individual-gallery .carousel-indicators{bottom:0;}
	.individual-gallery .carousel-indicators li{width:5px; height:5px; border-radius: 50%;}
	
	
/*Property - Room Type individual Description & Gallery*/
.two-column_23-fluid{position:relative; width: 100%; padding-left: 15px; padding-right: 15px; margin: auto}	
	.two-column_23-fluid .image, .two-column_23-fluid .content{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
	
	.two-column_23-fluid .image{-ms-flex-order: 1; order: 1;}
	.two-column_23-fluid .content{-ms-flex-order: 2; order: 2; z-index:2; display: flex; justify-content: center; align-items: center; padding:30px;}
	
	.two-column_23-fluid .image{position:relative; width:100%; height:60vh; z-index:1;}
	.two-column_23-fluid .image .inner .carousel, .two-column_23-fluid .image .inner .carousel-inner, .two-column_23-fluid .image .inner .carousel-item {height: 100%}
	.two-column_23-fluid .image .inner .carousel-item img{object-fit:cover; width:100%; height:100%; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
	
	.two-column_23-fluid .image .link{position:absolute; left:10px; bottom:5px; padding:10px 20px; border-radius:50px; z-index:11}
	.two-column_23-fluid .image .link a{color:#fff; font-size:1.1rem; display:inline-block; text-shadow:0 0 10px rgba(0,0,0,0.2);}
	.two-column_23-fluid .image .link a:hover{opacity:.5}

	.pop-up-360{background-image:url('https://storage.ozohotels.com/icon/pop-up_360.png'); width:26px; height:26px; display:inline-block; vertical-align:middle; margin:0 5px;}
    .pop-up-vdo{background-image:url('https://storage.ozohotels.com/icon/pop-up_vdo.png'); width:26px; height:26px; display:inline-block; vertical-align:middle; margin:0 5px;}	
	.pop-up-plus{background-image:url('https://storage.ozohotels.com/icon/pop-up_plus.png'); width:24px; height:24px; display:inline-block; vertical-align:middle; margin:0 5px;}
	.pop-up-www{background-image:url('https://storage.ozohotels.com/icon/pop-up_www.png'); width:24px; height:24px; display:inline-block; vertical-align:middle; margin:0 5px;}
	
	.two-column_23-fluid .content{width:100%; position:relative; color:#5c6c93;}
	/*.two-column_23-fluid .content .inner{width:100vw; height: 100%; margin: 0 auto; padding: 30px}*/

	.two-column_23-fluid .content h1{font-size:4.2rem; line-height:1; color:#ff5867; font-weight:bold}
	.dine-detail .two-column_23-fluid .content h1{color: #ff5867;}
	.play-detail .two-column_23-fluid .content h1{color: #28D5CB;}

	.theme-ibozo .two-column_23-fluid .content h1{color: #E03C39;}

	.two-column_23-fluid .content h2.tagline{font-size:1.6rem; color:#c7ccd8; font-weight:normal;}
	.two-column_23-fluid .content h2.tagline:after{content:''; width:30px; height:1px; display:block; margin:10px 0; background:#e3e3e3;}
	.two-column_23-fluid .content .view{color:#aeb6c9; margin:15px 0; font-size: 1.4rem;}
	.two-column_23-fluid .content .view span{margin:0 10px; color:#e8eff1; font-size: 1.4rem;}
	.two-column_23-fluid .content .remark{font-size: 1.4rem; line-height: 1.4; color: #aeb6c9;}
	
	.hide {display: none;}
	
	/*Srollbar*/
	/*width*/	.content .inner::-webkit-scrollbar {width:6px;border-radius: 10px;}
	/* Track */	.content .inner::-webkit-scrollbar-track {background-color:#f4f8fa;border-radius: 10px;}
	/* Handle */.content .inner::-webkit-scrollbar-thumb {background-color:#e4eaee;border-radius: 10px;}
	/* Hover */	.content .inner::-webkit-scrollbar-thumb:hover {background-color:#d7dfe4}

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

/*Slider - List restaurants, amenities*/
.text-overlap-image{width: 100%}
.text-overlap-image header{text-align:center; margin:50px auto 30px auto;}
.text-overlap-image header h2{font-size:3.8rem; color:#E732B5; margin: 0}

.text-overlap-image header h3{display:inline-block;}
.text-overlap-image header h3 a{color:#fff; background:#E732B5; font-size:1.8rem; font-weight:normal; margin:0 5px; padding:15px 25px; border-radius:50px;}
.text-overlap-image header h3 a:hover{background:#B097E1}
.text-overlap-image header h3 a.active{background:#B097E1}

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

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

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

.text-overlap-image .content{position:relative; font-size:1.4rem}
.text-overlap-image .content:before {content: ' '; background:#fff url('https://storage.ozohotels.com/images/pattern_yellow.svg'); display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: 200%; z-index: 1;}
.text-overlap-image .content .inner{background:#fff; position: relative; width:100%; height:calc(100% - 15px); line-height:1.4; padding:50px; overflow:hidden; z-index:5;}
.text-overlap-image .content .inner .certificated {text-align: left;}

.text-overlap-image .content .tagline{font-size:1.4rem; color:#a7b0c7;}
.text-overlap-image .content h3, .text-overlap-image .content h3 a{font-size:4.6rem; line-height:1; color:#FFD200; font-weight:bold; margin:0}
.text-overlap-image .content h3 a:hover{color:#82c7c2}
.text-overlap-image .content h3:after{content:''; width:30px; height:3px; display:block; margin:20px 0; background:#e9ebed}

	.slide-arrow_tr_gy .indicators {position: absolute; top: 50vh; right: 60px; width: 40px; height: 60px; color: #000; text-align: center; z-index: 5;}
	.slide-arrow_tr_gy .indicators .countslide {width: 60px; height: 60px; line-height: 60px; margin:0 auto}

	.slide-arrow_tr_gy .indicators, .slide-arrow_tr_gy .carousel-control-prev, .slide-arrow_tr_gy .carousel-control-next{top: 50vh; width: 60px; height: 60px;}
	.slide-arrow_tr_gy .carousel-control-prev{left: inherit; right: 100px;}
	.slide-arrow_tr_gy .carousel-control-next{right: 0;}	
	.slide-arrow_tr_gy .carousel-control-prev-icon{background-image:url('https://storage.ozohotels.com/icon/arrow-left_bk_s.svg'); width:24px; height:24px; }
	.slide-arrow_tr_gy .carousel-control-next-icon{background-image:url('https://storage.ozohotels.com/icon/arrow-right_bk_s.svg'); width:24px; height:24px;}
	
	[dir='rtl'] .slide-arrow_tr_gy .carousel-control-prev {left: 20%;}
	[dir='rtl'] .slide-arrow_tr_gy .carousel-control-next {left: calc(20% + 120px);}


.clean .filter-category li{border:1px solid #e0e6e4}
.clean .bg{background: #fbfafa}

/*Travel Information*/
.travel-information-portal .flickity_group{background-color: transparent;}
.travel-information-portal .flickity_group .flickity-page-dots{bottom: 10px}
.travel-information-portal .flickity_group .flickity-page-dots .dot{background:#fff}

/*Home - Destination*/
/*flickity_groupCells*/
.flickity_group {height:auto; margin: 0 auto;}
.flickity_group.brands{width: 100%;}
.flickity_group.brands .carousel-cell{width: 50%}

.flickity_group header{padding:40px 0 0 0; text-align:center;}
	.flickity_group header h2.tagline {font-size:1.6rem; font-weight:normal; color:#a7b0c7;}
	.flickity_group header h3		{margin:0; font-size:4.6rem; line-height:1; color:#e59cda;}
	.flickity_group header h3:after{content:''; width:50px; height:3px; display:block; margin:15px auto; background:#f1efeb}
	
.flickity_group .container-fluid{padding:0}

	/*carousel*/
	.flickity_group .carousel-cell.is-selected .hovereffect .overlay {background-color:rgba(0,0,0,0.1); margin:0; width: 100%; height:100%;}
	.flickity_group .carousel-cell-image {display:block; opacity:0; -webkit-transition:opacity 0.4s; transition:opacity 0.4s;}
	
	.flickity_group .carousel-cell {width:60%; height:auto; position:relative;}	
	.flickity_group .carousel-cell a{color:rgba(255,255,255,0.3)}
	.flickity_group .carousel-cell h3{font-size:2.4rem;color:rgba(255,255,255,0.3); font-weight:500}
	.flickity_group .carousel-cell p{font-size:1.4rem;color:rgba(255,255,255,0.3);}	


	.flickity_group .carousel-cell .image{margin:0;}

	.flickity_group .carousel-cell .center-center{opacity:0}
	.flickity_group .carousel-cell.is-selected .center-center{opacity:1}
	.flickity_group .carousel-cell.is-selected a, .flickity_group .carousel-cell.is-selected h3, .flickity_group .carousel-cell.is-selected p{color:#fff}
	
	/*arrow*/
	.flickity_group .flickity-prev-next-button {top: 50%; width: 100px; height: 50px; border-radius: 0; transform: translateY(-50%);}
	.flickity_group .flickity-prev-next-button .flickity-button-icon{left: 0; top: 0}
	.flickity_group .flickity-button:hover {cursor: pointer;background-color: rgba(255,255,255,0);}

	.flickity_group .flickity-prev-next-button.previous .flickity-button-icon{width:100px; height:50px; background:url('https://storage.ozohotels.com/icon/arrow-left_long_wh.svg') no-repeat 50% 50%; display:block; margin:0 auto}
	.flickity_group .flickity-prev-next-button.next .flickity-button-icon{width:100px; height:50px; background:url('https://storage.ozohotels.com/icon/arrow-right_long_wh.svg') no-repeat 50% 50%; display:block; margin:0 auto; }	

	/*hover background color*/
	.flickity_group .carousel-cell .hovereffect .overlay{background-color:rgba(130,185,187,0.95);}
	.flickity_group .carousel-cell .hovereffect:hover .overlay {background-color:rgba(213,188,217,0.9);}

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

/*Discoveries*/
.discoveries{padding:30px 0;}
.discoveries.flickity_group{ background: #f4ede9; text-align:left}
.discoveries.flickity_group header{text-align:left}
.discoveries.flickity_group header h2{color: #e732b5}

.theme-ibozo .discoveries.flickity_group header h2{color: #E03C39}

.property .discoveries.flickity_group header{width:80%}
.property .discoveries.flickity_group .col-8{margin-bottom: 0px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.stay-detail .discoveries.flickity_group header, .dine-detail .discoveries.flickity_group header{padding: 15px 0 60px 0; text-align: center; color: #D3B5A7;}
.discoveries.flickity_group p{font-size: 1.6rem; line-height: 1.1;}

	.discoveries.flickity_group .flickity-enabled.is-draggable .flickity-viewport{background:transparent}
	.discoveries.flickity_group .carousel-cell{background:#fff; width:100%; border-left:0;}
	.discoveries.flickity_group .carousel-cell .content{color: #5c6c93; text-align:center; padding:20px; height: 240px; display: flex; flex-direction: column; justify-content: space-between;}
	
	.property .discoveries.flickity_group .carousel-cell .content{height: 200px;}
	
	.discoveries.flickity_group .carousel-cell .tag{font-size: 1.4rem; color: rgba(131,93,208,0.4); letter-spacing: 1px; text-transform: uppercase;}
	.discoveries.flickity_group .carousel-cell h3{color: #ff7985; font-size:2rem; margin:0 0 10px 0}
	.discoveries.flickity_group .carousel-cell a{color: #D3B5A7; font-family:inherit}
	.discoveries.flickity_group .carousel-cell p, .discoveries.flickity_group .carousel-cell.is-selected p{color: #5c6c93; font-size:1.4rem; line-height:1.4; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
	
	.property .discoveries.flickity_group header h2{font-size:2.5rem;}
	.property .discoveries.flickity_group .carousel-cell p{display: unset; -webkit-line-clamp: unset; -webkit-box-orient: unset;}
	
	.discoveries.flickity_group .carousel-cell .image{width:100%; height:425px}
	.discoveries.flickity_group .carousel-cell .btn-wrapper {position: absolute; bottom: 0; margin: 0 auto; width: 90%;}
	.discoveries.flickity_group .carousel-cell a.btn-learnmore{color:#fff; margin:15px 0}

	/*Discoveries Control*/
	.discoveries.flickity_group .flickity-prev-next-button.previous .flickity-button-icon {background: url(//storage.ozohotels.com/icon/arrow-prev_gy.svg); width:50px; height:50px}
	.discoveries.flickity_group .flickity-prev-next-button.next .flickity-button-icon {background: url(//storage.ozohotels.com/icon/arrow-next_gy.svg); width:50px; height:50px}
	.discoveries.flickity_group .flickity-prev-next-button{top:-30px}
	.discoveries.flickity_group .flickity-prev-next-button.previous{left:inherit; right:40px}
	.discoveries.flickity_group .flickity-prev-next-button.next{right:-10px}
	.discoveries.flickity_group .flickity-prev-next-button .flickity-button-icon{left: calc(50% - 25px); top: calc(50% - 25px);}
	
	.property .discoveries.flickity_group .flickity-prev-next-button {width: 50px;}
	
	.discoveries.flickity_group .flickity-page-dots{position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center;
    justify-content: center; width: 90%; margin: 2rem auto; bottom: -20px;}
	.discoveries.flickity_group .flickity-page-dots li {width:15%; border: 0; height: 1px; margin:0; padding: 0; background-color: #f48474; border-radius: 3px;}
	.discoveries.flickity_group .flickity-page-dots li.is-selected{height: 4px; margin-top: -1.5px;}
	
/*Property - Special Offers show 3 offer and slide 1 offer*/
/*flickity_threeAround*/
.flickity_three .container-fluid{padding:0}

.flickity_three header{padding:20px 0; text-align:center;}
	.flickity_three header h2.tagline {font-family:'Bethany Script'; font-size:4.8rem; color:#001777;}
	.flickity_three header h3		   {margin:0; font-size:5.8rem; line-height:1; color:#001777;}	
	
	/*carousel*/	
	.flickity_three .carousel-cell {width:60%; position:relative; margin:5px;}
	.flickity_three .carousel-cell.is-selected .image, .flickity_three .carousel-cell.is-selected .image .inner, .flickity_three .carousel-cell .image, .flickity_three .carousel-cell .image .inner{height:350px}
	.flickity_three .carousel-cell-image {position:relative; display:block; width:100%; height:100%; margin:0 auto; filter: grayscale(100%); opacity:0;-webkit-transition:opacity 0.4s; transition:opacity 0.4s;}
	
	/*overlay*/
	.flickity_three .carousel-cell .overlay{background-color:rgba(0,0,0,0.65); width:100%; height:100%; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; opacity:1}
	.flickity_three .carousel-cell.is-selected .overlay{opacity:0; display:none}
	
	/*content*/
	.flickity_three .carousel-cell {top:8%}	
	.flickity_three .carousel-cell .content{display:none}
	
	.flickity_three .carousel-cell.is-selected{top:0}
	.flickity_three .carousel-cell.is-selected .carousel-cell-image{filter:none}
	.flickity_three .carousel-cell.is-selected .content {position:relative; display:block; padding:30px; height:auto; line-height:1.2; overflow:hidden; z-index:0}
	.flickity_three .carousel-cell .content .inner{position:relative; z-index:2}	
	.flickity_three .carousel-cell .content h3 {font-family:'Montserrat', 'Mitr', 'SimHei'; font-size:2.4rem; color:#001777;}	
	
	
	.flickity_three .carousel-cell .content .btn-wrapper .animated-arrow{font-family: 'Comfortaa', 'Roboto', 'Surafont Chatuchak', 'Microsoft Sans Serif', 'SimHei'; font-size:1.6rem;}
	
	/*arrow*/
	.flickity_three .flickity-prev-next-button{top:42%}
	.flickity_three .flickity-prev-next-button.previous{left:-15px}
	.flickity_three .flickity-prev-next-button.next{right: -15px;}

/*Property - Special Offers - Show 1 package and slide*/
    
	.flickity-page-dots .dot{background:#000; opacity:.14; width: 6px; height: 6px; margin: 0 3px;}
	.flickity-page-dots .dot.is-selected{opacity:1}
	
.flickity_big-one{position:relative;}
.flickity_big-one .header-container{padding: 60px 15px 30px 15px; text-align: center; }
	.flickity_big-one h2 {font-size:2.6rem; line-height: 1; font-weight:bold; color:#F397D9;}
	.flickity_big-one h3 {font-family:'Montserrat', 'Mitr', 'SimHei'; font-size:5rem; line-height: 1; font-weight:bold; color:#fff;}
	.flickity_big-one .header-container .bubble{background-color: #e733b5; border-radius: 50px; margin: 5px 0; padding: 18px 20px; font-size: 2.4rem; font-weight: bold; text-align: center; display: inline-block;}

	/*carousel*/	
	.flickity_big-one .carousel-cell {position:relative; width:100vw; height:900px; margin:0 auto;}
	.flickity_big-one .carousel-cell .image{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; height:400px; cursor: pointer; -ms-flex-order: 1; order: 1;}
	.flickity_big-one .carousel-cell .image .inner{position: relative}
	.flickity_big-one .carousel-cell .overlay {background-color: rgba(0,0,0,0.65); width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; opacity: 1;}
	.flickity_big-one .carousel-cell .content{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; width:100%; -ms-flex-order: 2; order: 2;}
	.flickity_big-one .carousel-cell .content h3 {font-family:'Montserrat', 'Mitr', 'SimHei'; font-size:4rem; font-weight:bold; color:#001777}
	.flickity_big-one .carousel-cell .content h3 a{color:#001777}
	.flickity_big-one .carousel-cell .content h3 a:hover{color:#26466c}
	.flickity_big-one .carousel-cell .content .date{margin:0 0 20px 0; font-size:1.6rem;}
	
	.flickity_big-one .carousel-cell .content .rate-wrap{display: flex; flex-direction: column!important; align-items: flex-start!important;}
	.flickity_big-one .carousel-cell .content .btn-wrapper{margin: 25px 0}
	
	.flickity_big-one .carousel-cell .condition{font-size:1.4rem; color:#959a9d; font-style:italic; line-height:1.2}
	.flickity_big-one .carousel-cell li{position:relative; padding-left:20px; list-style:none;}
	.flickity_big-one .carousel-cell li:before {content:''; background:#ffd5d9; border-radius:6px; width:6px; height:6px; margin:2px; position:absolute; left:0; top:8px;}

	.flickity_big-one .carousel-cell.is-selected{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; opacity: 1}
	.flickity_big-one .carousel-cell.is-selected .content{height: 500px; background: #fff5fc}
    .flickity_big-one .carousel-cell.is-selected .content .inner{padding: 20px;}
	.flickity_big-one .carousel-cell.is-selected .overlay{background-color: rgba(0,0,0,0); display:block;}

	.flickity_big-one .flickity-prev-next-button{ width: 80px; height: 80px; border-radius:0;top:350px}	
	.flickity_big-one .flickity-prev-next-button.previous .flickity-button-icon{width:16px; height:16px; left:calc(50% - 8px); top:calc(50% - 8px); background:url('https://storage.ozohotels.com/icon/arrow-prev_wh.svg') no-repeat; display:block;}
	.flickity_big-one .flickity-prev-next-button.next .flickity-button-icon{width:16px; height:16px; left:calc(50% - 8px); top:calc(50% - 8px); background:url('https://storage.ozohotels.com/icon/arrow-next_wh.svg') no-repeat; display:block}	
	.flickity_big-one .flickity-button{background-color:transparent;}
    .flickity_big-one .flickity-button:hover{background-color:transparent; opacity: .6}

    .flickity_big-one .flickity-page-dots{width: 150px; height: 20px; top: 0; right: 20px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0;}
	.flickity_big-one .flickity-page-dots .dot.is-selected{width: 8px; height: 8px; margin: 6px;}
	.flickity_big-one .flickity-page-dots .dot{width: 4px; height: 4px; margin: 8px 6px;background:#fff;}

/*Inspired by OZO*/
.theme-ibozo .flickity_big-one h2{color: #001777; font-size: 4.2rem;}
.theme-ibozo .flickity_big-one .header-container .bubble-wrapper{display: none}
.theme-ibozo .flickity_big-one .carousel-cell .content h3{color: #fff; font-size: 3.6rem;}
.theme-ibozo .flickity_big-one .carousel-cell .content{color: #fff;}
.theme-ibozo .flickity_big-one .carousel-cell.is-selected .content{background: #001777}
.theme-ibozo .btn-rounded{color: #fff;}
.theme-ibozo .btn-rounded:after {background: url(https://storage.ozohotels.com/icon/btn_arrow-right_bk-wh.svg); background-position: -13px 0}

/*Special Offers Page - Show 1 package - show bottom of page*/
.flickity_one header{padding:40px 0 20px 0; text-align:center;}
	.flickity_one header h2.tagline {font-size:1.6rem; color:#FAD5F0; font-weight:normal;}
	.flickity_one header h3		   {margin:0; font-size:4rem; line-height:1; color:#F397D9;}	
	
	/*carousel*/	
	.flickity_one .carousel{margin-bottom:80px}
	.flickity_one .carousel-cell {position:relative; width:100vw; height:800px; background:#fff; margin:0 auto; display:flex; opacity:0}
	.flickity_one .carousel-cell .image{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; height:300px}
	.flickity_one .carousel-cell .image .inner{width:100%; height:100%}
	.flickity_one .carousel-cell .content{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; height:520px; top:300px; position:absolute; line-height:1.5; overflow-y:auto}
		


	/*content*/
	.flickity_one .carousel-cell .content .inner{padding:30px}
	.flickity_one .carousel-cell .content h3 {font-size:2.6rem; line-height:1; color:#001777}
	.flickity_one .carousel-cell .content h3 a{color:#001777}
	.flickity_one .carousel-cell .content h3 a:hover{color:#28D5CB}
	.flickity_one .carousel-cell .content .date{margin:8px 0 20px 0; font-size:1.2rem; border-bottom: dotted 1px #e6e6e6;}
	
	.flickity_one .carousel-cell.is-selected{opacity:1}	
	.flickity_one .carousel-cell .content .detail{font-size: 1.4rem; line-height:1.6; margin-bottom:20px}
	.flickity_one .carousel-cell .condition{font-size:1.2rem; color:#959a9d; font-style:italic; line-height:1.2}
	.flickity_one .carousel-cell li{position:relative; padding-left:15px; list-style:none;}
	.flickity_one .carousel-cell li:before {content:''; background:#ffd5d9; border-radius:6px; width:6px; height:6px; margin:2px; position:absolute; left:0; top:6px;}
	
	[dir='rtl'] .flickity_one .carousel-cell li{padding-right: 15px; padding-left:inherit;}
	[dir='rtl'] .flickity_one .carousel-cell li:before{right:0}
	
	/*scrollbar*/
	/*width*/		.flickity_one .carousel-cell .content .detail::-webkit-scrollbar {width:6px;border-radius: 10px;}
	/* Track */	.flickity_one .carousel-cell .content .detail::-webkit-scrollbar-track {background-color:#f4f8fa;border-radius: 10px;}
	/* Handle */	.flickity_one .carousel-cell .content .detail::-webkit-scrollbar-thumb {background-color:#e4eaee;border-radius: 10px;}
	/* Hover */	.flickity_one .carousel-cell .content .detail::-webkit-scrollbar-thumb:hover {background-color:#d7dfe4}

	.flickity_one .flickity-page-dots{bottom:-30px}
	.flickity_one .flickity-page-dots .dot{background:#001777; opacity:.14}
	.flickity_one .flickity-page-dots .dot.is-selected{opacity:1}
	
	/*.flickity-button-icon path, svg.flickity-button-icon{display:none}*/

	.flickity_one .flickity-prev-next-button.previous{left: -20px;}
	.flickity_one .flickity-prev-next-button.next{right: -20px;}
	.flickity_one .flickity-prev-next-button{top:300px}

    .flickity_one .flickity-prev-next-button{width: 80px; height: 80px;}
	.flickity_one .flickity-prev-next-button.previous .flickity-button-icon{width:80px; height:80px; background:url('https://storage.ozohotels.com/icon/arrow-prev_bk.svg') no-repeat; display:block; top:0; left: 0}
	.flickity_one .flickity-prev-next-button.next .flickity-button-icon{width:80px; height:80px; background:url('https://storage.ozohotels.com/icon/arrow-next_bk.svg') no-repeat; display:block; top:0; left: 0}	
	.flickity_one .flickity-button:hover{background-color:transparent; opacity:.6}
	
/*flickity global*/
.flickity-button{background:transparent}
.flickity-button-icon path{display:none}

/*Scrollbar*/
.content::-webkit-scrollbar {width:6px;border-radius: 10px;}
.content::-webkit-scrollbar-track {background-color:#f4f8fa;border-radius: 10px;}
.content::-webkit-scrollbar-thumb {background-color:#e4eaee;border-radius: 10px;}
.content::-webkit-scrollbar-thumb:hover {background-color:#d7dfe4}

/*Rate + Button*/
.content .rate-wrap{display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;}
.content .rate-wrap .from{display:block; font-size:1.2rem; line-height:1;}
.content .rate-wrap .from:after{content:''; border-bottom: 1px solid #d2d6db; display: block; margin: 5px 0 0 0; width:15px;}
.content .rate-wrap .price{font-size:2.4rem; color:#4e7abe; font-weight:bold;}
.content .rate-wrap .price .currency{font-size:1.4rem; font-weight:normal;}
.content .rate-wrap .price .night{font-size:1.4rem; color:inherit; font-weight:normal;}
.content .rate-wrap .total{font-size:1.2rem; line-height:1; color:#b4b7bd; font-style:italic; text-align:right;}
.content .btn-wrapper.bottom{position:absolute; bottom:30px;}

.main-intro.individual .image{position:relative}

.main-intro.individual .rate-wrap {position: relative; padding: 20px 30px; margin: -20px 30px 0 30px; background:#fff}
.main-intro.individual .rate-wrap .from{display:block; font-size:1.4rem; line-height:1}
.main-intro.individual .rate-wrap .price{font-size:2.4rem; color:#2d637f}
.main-intro.individual .rate-wrap .price .currency{font-size:1.4rem}
.main-intro.individual .rate-wrap .price .night{font-size:1.4rem; color:inherit;}
.main-intro.individual .rate-wrap .total{font-size:1.4rem; line-height:1; color:#858788; font-style:italic; text-align:right;}
.main-intro.individual .btn-wrapper.bottom{position:absolute; bottom:30px;}

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

/*bullet*/
.bullet_ltgd li{position:relative; padding-left:15px; list-style:none;}
.bullet_ltgd li:before {content:''; background:#ffd5d9; border-radius:6px; width:6px; height:6px; margin:2px; position:absolute; 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}
	
	.popup{font-size:1.6rem; text-align:left; width:500px; margin:0 auto; display:none}
	.popup h4{margin:8px 0; font-size:2rem; font-weight:600;}
	.popup li{position:relative; padding-left:20px; list-style:none;}
	.popup li:after{content:'';width:9px;height:9px;position:absolute;background-image:url('https://storage.ozohotels.com/icon/bullet-s_pk.gif');background-position:center;left:4px;top:8px;}
	
	.list-package{position:relative; margin:15px}
	.list-package h3{font-size:4.4rem; color:#001777; margin:0}
	.list-package li{position:relative; padding-left:40px; padding-bottom:20px; list-style:none; font-size:1.6rem; line-height:1.4;}
	.list-package li:last-child{padding-bottom:0}
	.list-package li h4 {font-size:2.2rem; color:#333;}
	.list-package li:after{content:'';width:27px;height:27px;position:absolute;background-image:url('https://storage.ozohotels.com/icon/bullet-check.svg'); background-position:center;left:0;top:0;}

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

/*Offer - Hotel Highlight*/
/*.salepoint .hotel-highlight .text-text p{color:#6f7679;}*/

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

.main-accordion .card {background:transparent; -webkit-box-shadow:none; box-shadow:none; -webkit-border-radius:0; border-radius:0; border:0; border-top:1px solid #dfe2e3;}
.main-accordion .card:last-of-type{border-bottom:1px solid #dfe2e3;}
	
.main-accordion .card .card-header {position:relative; padding:0; background:0 0; border-bottom:0; border-radius:0}
.main-accordion .card .card-header h3{font-size:2.8rem; font-weight:600; margin:0}
.main-accordion .card .card-header .card-title {font-weight:400}

.main-accordion .card .card-header h3:after{content:''; border: solid #b7bcc0; border-width: 0 2px 2px 0; padding: 4px; position: absolute; top:35px; right: 30px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition:-webkit-transform .2s ease-in-out; transition:-webkit-transform .2s ease-in-out; transition:transform .2s ease-in-out; transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out;}
.main-accordion .card .card-header a{display: block; padding:30px; -webkit-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s; text-decoration:none;}
.main-accordion .card .card-header a:not(.collapsed) h3:after{-webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg);}

.main-accordion .card .card-body {padding:0 30px 30px 30px;}
.main-accordion .card .card-body h4{font-size:1.8rem; color:#7682a9; font-weight:500}
.main-accordion .card .card-body ul{padding:8px;list-style:none; }
.main-accordion .card .card-body li{position:relative; padding-left:15px; list-style:none; color:#99a2c9}

.main-accordion .card .card-body ul li:before {content:''; background:#ffd5d9; border-radius:6px; width:6px; height:6px; margin:2px; position:absolute; left:0; top:8px;}

.main-accordion .card .title{width:60%;}
.main-accordion .card .time-price{width:40%; margin-left:auto; display:flex; flex-direction:row;}
.main-accordion .card .time-price .time, .main-accordion .card .time-price .price{margin:8px 15px;}

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

.theme-ibozo .main-accordion .card .card-header a:hover h3{color:#72B2D4;}

/*Terms and Conditions*/
.main-accordion.terms .card .card-body ul{margin: 0 30px;}
.main-accordion.terms .card .card-body li{padding: 0 0 18px 15px; text-indent: -15px;}
.main-accordion.terms .card .card-body li:last-child{padding: 0 0 0 15px;}
.main-accordion.terms ol, .main-accordion.terms ul {list-style: auto;}
.main-accordion.terms .card .card-body li li {padding: 0 0 10px 15px; text-indent: -22px;}
.main-accordion.terms .card .card-body li li:last-child{padding: 0 0 0 15px;}

/*Run number*/
.main-accordion.terms ol {counter-reset: item;}
.main-accordion.terms ol li {display: block;}
.main-accordion.terms ol li::before {content: counters(item, ".") ". "; counter-increment: item;}
.main-accordion.terms ol ol {counter-reset: item; margin-top: 15px}

/*RTDG*/
.howtobook{margin: 0 0 60px 0; background: #C8DEEE; padding: 50px; color: #3D556E}
.howtobook h3{color: #58B4A0; margin:0;}
.howtobook p{font-size: 1.8rem; color: #516573; margin:0; }
.howtobook .icon-text{margin: 50px 0 0 0}
.howtobook .icon{background:#fff url('https://storage.ozohotels.com/icon/sprite_htb_rtdg.svg'); width:100px; height:100px; border-radius: 50px; display:block; margin:20px auto;}
.howtobook .icon.no1{background-position: 0 0}
.howtobook .icon.no2{background-position: -100px 0}
.howtobook .icon.no3{background-position: -200px 0}
.howtobook .icon.no4{background-position: -300px 0}
.howtobook .icon.no5{background-position: -400px 0}

.main-accordion.faqs h3{margin: 30px 0; color: #58B4A0;}
.main-accordion.faqs blockquote{margin:10px auto; border-left:8px solid #8cd1c8; line-height:1.6; padding:30px 30px 30px 75px; position: relative; background:#f5f6f7; color: #6e7f8a;}
.main-accordion.faqs blockquote:before{content: "\201C"; color:#8cd1c8; font-size:4em; position: absolute; left: 10px; top:-10px;}
.main-accordion.faqs blockquote:after{content: '';}
.main-accordion.faqs .card .card-header h3{font-size: 2.2rem}

.content-paddb{padding:0 0 60px 0}
.content-padd{padding:20px 0}
.content-padd .column-count{padding:0 30px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;-webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px;}
.content-padd .column-count h4{font-size:2.6rem}
.column-count ul{padding-bottom:30px}

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

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

/*Location*/
/*Old*/
.main-map{padding: 50px 15px; background: #8bcdc1}
*[dir='rtl'] .main-map header{text-align: right;}
.main-map h2{font-size:3.6rem; color:#fff; line-height:1.2; font-weight:normal; margin-bottom:20px}
.main-map .main-accordion .card{border-top: 1px solid rgba(255,255,255,0.4);}
.main-map .main-accordion .card:last-of-type{border-bottom: 1px solid rgba(255,255,255,0.4);}
.main-map .main-accordion .card .card-body li:before {content:''; background:#fff; border-radius:6px; width:6px; height:6px; margin:2px; position:absolute; left:0; top:8px; }
.main-map .main-accordion .card .card-header h3, .main-map .main-accordion .card .card-body li{color:#fff}
.main-map .main-accordion .card .card-header h3:after{border:solid #fff; border-width: 0 2px 2px 0;}

/*New*/
.place{margin:50px 0;}

.place .main-accordion{margin-top: 0; margin-right:-15px; margin-left:-15px;}
	.place .main-accordion .accordion{border-radius: 10px;}
	.place .main-accordion .card{border-top: 1px solid #e9ebed;}
	.place .main-accordion .card .card-body ul li:before{top: 11px;}

.place h2{font-size: 2.4rem; line-height: 1.2;}
	.place .main-accordion .card .card-header h3{font-size: 2rem; font-weight: 300;}

.place li{position: relative;padding:8px 5px 8px; overflow:hidden; display: flex; flex-direction: column; align-items: baseline; border-bottom: 0.5px dotted rgba(0,0,0,0.08);}

	.place li .name{font-size:1.6rem; margin: 0 20px 5px 0; line-height:1.2;}	
	.place li .wrapper{display: flex; font-size: 1.2rem; letter-spacing: 1px; line-height: 1.6rem;}
	
		.place li .wrapper p:first-child:not(:last-child){border-right: 0.5px solid rgba(0,0,0,.1) ;margin-right: 15px;}
		.place li .wrapper p{padding-right: 15px; padding-left: 23px; margin-bottom:0; position:relative;}
		.place li .wrapper p.distance{width: 95px;}
		.place li .wrapper p.time{width: 110px;}
		
		.place li .wrapper .icon{background:url(//storage.ozohotels.com/icon/sprite_distance-time.svg) no-repeat; width:16px; height:16px; position:absolute; left:0; top:0}
		.place li .wrapper .icon-distance{background-position:0 0;}
		.place li .wrapper .icon-time{background-position:-16px 0}
		
*[dir='rtl'] .place li .wrapper .icon {right: 0; left:inherit}
*[dir='rtl'] .place li .wrapper p:first-child:not(:last-child) {border-left: 0.5px solid rgba(0, 0, 0, .1); border-right:0; margin-left: 15px; margin-right:inherit}
*[dir='rtl'] .place li .wrapper p {padding-right: 23px; padding-left: 15px;}

/*Google Map*/
#gmap_location {max-width:100%;height:550px;border:0; margin:15px 0 0 0}
	
	.gm-style-iw-chr{height: 0}
	.gm-style .gm-style-iw-d{width:250px!important; overflow:visible!important}
	.gm-style .gm-style-iw-c{padding:0!important}
	.gm-ui-hover-effect{top:6px!important; right:6px!important; background-color:#fff!important; border-radius:50%; z-index:5; box-shadow: 0 0 10px rgba(0,0,0,1);}
	
	#gmap_location .gglayer{width:250px; height:auto; display:flex; flex-direction:column; justify-content:flex-start; margin:0}
	#gmap_location .gglayer .image{width:250px; height:110px}
	
	#gmap_location .gglayer .image img {margin:0; flex:0 1 auto; object-fit:cover; width:100%; height:100%;}
	#gmap_location .gglayer h2{font-size:1.6rem; line-height:1; font-weight:600; color:#3b3d63; margin:0; padding:0 0 5px 0;}
	
	#gmap_location .content{padding:20px; line-height: 1.6rem; height: 200px; overflow:overlay; font-family: 'Poppins' /*'Comfortaa'*/, 'Roboto', 'Mitr', 'Microsoft Sans Serif', 'Resource Han Rounded CN', 'Resource Han Rounded HK', 'SimHei', 'Yanone Kaffeesatz'; font-size:1.2rem; color:#3b3d63}
	#gmap_location .content p{margin: 0 0 10px; padding: 0 0 5px 0; border-bottom: 1px dotted #cbd0d2;}
	#gmap_location .content ul{margin:5px 0 0 0; list-style:none;}
	#gmap_location .content li{position:relative;  line-height:1.2; padding:0 0 5px 13px}
	#gmap_location .content li:before {content:''; background:#ffd5d9; border-radius:6px; width:6px; height:6px; margin:2px; position:absolute; left:0; top:2px;}
	
	#gmap_location .content .link {font-size: 1.2rem; padding: 0 15px;}

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

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


/*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-size:2rem; font-weight:normal; margin:5px 0;}
.promotion-hotels .city h2{font-size:1.6rem; font-weight:normal; 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;  font-size:1.4rem; font-weight:bold; text-align:center; text-shadow:0 0 2px rgba(0,0,0,.8); color:#fff; background-color:#bb0000; padding:5px 10px; border-radius:5px; border-top-left-radius:0; 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.2rem; z-index:6;background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); display:flex; justify-content:flex-end}
	.promotion-hotels .link-media a{color:#fff;}
	.promotion-hotels .link-media a:hover{opacity:.7}
	.promotion-hotels .link-media a:after {content: ''; display: inline-block; height:10px; width:1px; background-color:  rgba(255,255,255,0.3);; margin: 0 15px; padding: 0;}
	.promotion-hotels .link-media a:last-child:after{content:none}

/*Content*/
.promotion-hotels .content{background:#fff; padding:20px; width:100%;}
.promotion-hotels .content .name{border-bottom:1px dotted #e8e9ea}
.promotion-hotels .content .name h3, .promotion-hotels .content .name h3 a{font-size:2.2rem; color:#525484; font-weight:600; margin:0;}
.promotion-hotels .content .name h3 a:hover{color:#B9D9EB}
.promotion-hotels .content .name p{font-size:1.4rem; color:inherit; margin-bottom:0}
.promotion-hotels .content .glance{padding:10px 0; font-size:1.4rem; line-height:1.3}
.promotion-hotels .content .glance ul{list-style:none; margin-bottom:10px;}
.promotion-hotels .content .glance ul:last-child{margin-bottom:0}
.promotion-hotels .content .glance li{position:relative; padding-left:15px; list-style:none; line-height:2.2rem;}
.promotion-hotels .content .glance li:before {content:''; background:#ffd5d9; border-radius:6px; width:6px; height:6px; margin:2px; position:absolute; left:0; top:5px;}

.promotion-hotels .content .text{margin-top:10px}
.promotion-hotels .content .highlight{font-weight: bold; font-size: 1.6rem; color: #5bb9b2;}
.promotion-hotels .content .cond{font-size:1.2rem; line-height:1.2; color:#898e90; margin:10px 0 5px 0}

/*Price*/
.promotion-hotels .content .rate-wrap{border-top:1px dotted #e8e9ea; padding-top:10px;}
.promotion-hotels .content .rate-wrap .from{display:inline-block}

.promotion-hotels .content .rate-wrap .fullprice{font-size:1.4rem; color:inherit; display:inline-block}
.promotion-hotels .content .rate-wrap .sellingprice {font-size:3rem; color:#4e7abe; display:block; margin-top:10px;}
.promotion-hotels .content .rate-wrap .sellingprice .currency{font-size:2rem}
.promotion-hotels .content .rate-wrap .night{font-size:1.6rem; color:inherit;}
.promotion-hotels .content .btn-wrapper{margin-top:10px; width:100%}
.promotion-hotels .content .btn-wrapper .btn-book.-full{padding:2rem;}

.promotion-content .promotion-icon{margin:30px 0}
.promotion-content .promotion-icon h4 {font-size:1.8rem; 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.ozohotels.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.promo-code{background-position:0 -180px}
.promotion-content .promotion-icon .icon.offer{background-position:0 -180px}
.promotion-content .promotion-description{line-height:1.4; margin: 30px 0 0 0}
.promotion-content .promotion-icon .text {width: 85%; font-size:1.4rem;}

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

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

/*Cards - List all rooms, meeting rooms*/
.cards_borderwh .cards {display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; background:#fff; margin:0 auto 15px; width:100%;}
.cards_borderwh .cards:last-child{margin:0 auto}
	
	.cards_borderwh .cards .image, .cards_borderwh .cards .content{position:relative; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
	
	.cards_borderwh .cards .image, .cards_borderwh .cards .image .inner{height:30vh}
	
	.cards_borderwh .cards .image {overflow:hidden; -ms-flex-order: 1; order: 1;}
	.cards_borderwh .cards .image .inner{width:100%; height:100%; position:relative;}
	
	.cards_borderwh .cards .content {-ms-flex-order: 2; order: 2; z-index:2;}
	
	.cards_borderwh .cards .content .certificated {position: absolute; right: 20px; height:auto;}
	*[dir="rtl"] .cards_borderwh .cards .content .certificated{left:20px; right:inherit;}
		.amvs{background:url('https://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 .inner{padding: 30px}
	
	.cards_borderwh .cards .content .title { font-size:1.4rem; color:#a4acae;}
	.cards_borderwh .cards .content .title span{margin:0 15px; color:#e5e9eb;}
	.cards_borderwh .cards .content .name {border-bottom:1px solid #e7ecea; padding:0 0 10px 0; margin:10px 0 0 0}
	.cards_borderwh .cards .content .name h3{font-size:3rem; color:#E732B5; line-height:1; margin:0}
	.cards_borderwh .cards .content .name h3 a{color:#E732B5;}
	.cards_borderwh .cards .content .name h3 a:hover{color:#835DD0}

	.cards_borderwh .cards .content .description{padding:30px 0}
	.cards_borderwh .cards .content .description li{list-style:none; padding:3px 0}
	.cards_borderwh .cards .content .description .hl span{margin:0 15px; color:#e5e9eb;}
	.cards_borderwh .cards .content .description .meeting{list-style:none;}	
	.cards_borderwh .cards .content .description .meeting li{display:inline-block; font-size:12px; text-align:center; line-height:1; font-weight:600; padding-right:20px;}
	.cards_borderwh .cards .content .description .meeting li:last-child{padding-right:0}
	.cards_borderwh .cards .content .description .meeting li span{font-size:16px; display:block}

    /*Long Stay*/
    .cards_borderwh .cards .content .description .glance {margin: 15px 0; font-size: 1.6rem;}
    .cards_borderwh .cards .content .description .glance li {padding: 1px 0 1px 15px; position: relative;}
    .cards_borderwh .cards .content .description .glance li:before {content:''; background:#ffd5d9; border-radius:6px; width:6px; height:6px; margin:2px; position:absolute; left:0; top:10px;}

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

	.cards_border0 .cards .image{-ms-flex-order: 1; order: 1;}
	.cards_border0 .cards .image, .cards_border0 .cards .image .inner{height:40vh;}
	
    .cards_border0 .cards .image .link{position:absolute; background: rgba(0,0,0,0.3); left:10px; bottom:10px; padding:10px 15px; border-radius:50px; z-index:5}
	.cards_border0 .cards .image .link a{color:#fff; font-size:1.1rem; display:inline-block; text-shadow:0 0 10px rgba(0,0,0,0.2);}
	.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 .content h3, .cards_border0 .cards .content h3 a{font-size:4rem; color:#001777; line-height:1.2; margin:0}
	.cards_border0 .cards .content h3 a:hover{color:#FFD200;}
	.cards_border0 .cards .content h3:after{content:''; width:30px; height:3px; display:block; margin:0 0 20px 0; background:#eceff1;}
	.cards_border0 .cards .content h4{font-size:1.9rem; font-weight:600; color:#f48573; margin-bottom:.8rem;}
	.cards_border0 .cards .content p{line-height:1.4}
	.cards_border0 .cards .content .date{font-size:1.6rem}
	.cards_border0 .cards .content .condition{font-size:1.2rem; color:#959a9d; font-style:italic;}	
	
	/*Cards - List all offer*/		
	.cards_border0 .cards .content li{position:relative; padding-left:15px; list-style:none;}
	.cards_border0 .cards .content li:before {content:''; background:#ffd5d9; border-radius:6px; width:6px; height:6px; margin:2px; position:absolute; left:0; top:6px;}
	

	.cards_border0 .cards .content .rate-wrap{margin-top:30px;}

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

	.main-accordion .card .card-body .slash{margin:0 5px; color:#dbdee0}
	.main-accordion .card .card-body .slash:after{content:'/'; color:rgba(255,255,255,0.3); display:inline;}

*[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}

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

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

	.bg-rules {position:relative;}
	.bg-rules:after{content: ''; background:url('/images/ruler.png') repeat-x; height:12px; left:0;  width:100%; position: absolute; bottom:-12px;}
	
	.icon-csr{background:url('/icon/sprite_csr-policy.svg') no-repeat; width:90px; height:90px; text-indent:-6666em; margin:10px auto}
	.icon-csr.no1{background-position:0 0}
	.icon-csr.no2{background-position:-90px 0}
	.icon-csr.no3{background-position:-180px 0}
	.icon-csr.no4{background-position:-270px 0}
	.icon-csr.no5{background-position:-360px 0}
	.icon-csr.no6{background-position:-450px 0}
	
	.btn-blue-round-popup{color:#FFF; background-color:#384695; -webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out; border-radius:50px; padding:1.6rem 3.5rem; position:relative}
	.btn-blue-round-popup:before{content:''; background:url('/icon/paper-glass.png') no-repeat; display:inline-block; width:35px; height:24px; vertical-align: middle; margin-right:13px; border-right:1px solid rgba(0,0,0,0.2); line-height:10px;}
	.btn-blue-round-popup:hover{color:#FFF; background-color:#44697d;}

/*Bullet*/
.content-padd {padding-bottom:30px; list-style:none;}
.content-padd .bullet_ltgd{margin-bottom:30px;}
	.content-padd .bullet_ltgd li{padding:0 0 8px 15px;}
	.content-padd .bullet_ltgd span{color:#dde1e8; margin:0 5px}

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

.sitemap h3{font-size:2.2rem}
.sitemap a{color:inherit}
.sitemap a:hover{color:#005bbc}
.sitemap .row{margin:30px -15px}

.bg-brand {width:100%; background: url('https://storage.ozohotels.com/images/bg_our-brand.jpg') center center no-repeat; color: #fff; padding:0;}

/*ONYX Rewards Login Page*/
.onrlogin-form, .main-onrlogin {padding: 10px; background: #eceff1;}	
.onrlogin-form .image, .onrlogin-form .content{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
.onrlogin-form .logo{margin: 30px}
.onrlogin-form .container{background: #fff; height: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.onrlogin-form .content{display: flex; flex-direction: column;}

.onrlogin-form header{margin: 0 0 30px 0; text-align: center;}
.onrlogin-form h1{font-size: 4rem; line-height: 1;  color: #222;}
.onrlogin-form h1:after{content: ''; background-color: #efefef; width: 40px; height: 2px; margin: 15px auto 12px auto; display: block;}
.onrlogin-form h2{font-size: 1.8rem; font-weight: normal; color: #835d9a; margin: 0;}
.onrlogin-form .link{text-align: center; margin: 50px 0; color: #969da7}
.onrlogin-form .link a{color: #000; text-decoration: underline;}
.onrlogin-form .link a:hover{text-decoration: none;}
	
/*Form*/
.onrlogin-form .form-login {border: 0; box-shadow: none; margin: 0 auto;}	

/*Benefits*/
.onrlogin-benefits{margin: 30px auto}
.onrlogin-benefits .tagline{font-size: 1.4rem; color: #b8c0c8; text-transform: uppercase;}
.onrlogin-benefits h2{font-size: 3rem; color: #835d9a; margin: 0}
.onrlogin-benefits h2:after{content: ''; background-color: #efefef; width: 40px; height: 2px; margin: 6px auto 12px auto; display: block;}
.onrlogin-benefits .content{text-align: center}

.benefits-icon .icon-text { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.benefits-icon .icon{background: url(https://storage.ozohotels.com/icon/sprite_onr-benefits.svg); display: block; margin: 20px auto; width: 60px; height: 60px;}
	.benefits-icon .text-text{text-align: center; margin: 0 15% 30px 15%;}
	.benefits-icon .text-text h3{font-size: 1.8rem; color: #001777;}

	.benefits-icon .icon.points{background-position: 0 0}
	.benefits-icon .icon.memberrates{background-position: 0 -60px}
	.benefits-icon .icon.freenight{background-position: 0 -120px}

	.benefits-icon .icon.dinespa{background-position: 0 -180px}
	.benefits-icon .icon.partner{background-position: 0 -240px}
	.benefits-icon .icon.seamlesswifi{background-position: 0 -300px}

	.benefits-icon .icon.roomupgrades{background-position: 0 -360px}
	.benefits-icon .icon.chkinout{background-position: 0 -420px}
	.benefits-icon .icon.hrs24{background-position: 0 -480px}

/*ONYX Rewards Login Page - When login*/
.main-onrlogin .form-login{box-shadow: none}

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

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

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

/*Privacy*/
.privacy{list-style:none; margin:0 auto; text-align: center; width: 100%;}
.privacy li{display:inline-block; margin:8px 0 0 5px; vertical-align: top; width:calc(100% - 8px); height:220px; background-color: #FFF; box-shadow: 0 0 20px rgba(0,0,0,.1); position:relative}
.privacy li a{display:block; height:100%;}
.privacy li a h3{font-size:2rem;}
.privacy li a:hover h3{color:#666868;}
.privacy li .icon-text {width: 100%; max-width: 100%; display: flex; flex-direction: column;}

/*Facybox Content - Privacy policy pop up*/
.fancybox-width{display:none; width:100%; max-width:90%; margin: 20px; padding:20px}
.fancybox-width h3{color:#001777;}
hr.height4px{clear:both; width:100%; height:4px; background:#f6f6f7; border-top:none; margin:30px 0}

.fancybox-content a{text-decoration: underline}

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

/*Dine - Awards*/
.awards-circle.flickity_four{margin: 60px auto;}
.awards-circle.flickity_four .carousel-cell{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

.awards-circle.flickity_four .flickity-prev-next-button{width: 80px; height: 80px;}
.awards-circle.flickity_four .flickity-prev-next-button.previous .flickity-button-icon {background: url(https://storage.ozohotels.com/icon/arrow-prev_bk.svg); width: 80px; height: 80px;}
.awards-circle.flickity_four .flickity-prev-next-button.next .flickity-button-icon {background: url(https://storage.ozohotels.com/icon/arrow-next_bk.svg); width: 80px; height: 80px;}
.awards-circle.flickity_four .flickity-prev-next-button .flickity-button-icon{left: 0;top: 0}
.awards-circle.flickity_four .flickity-prev-next-button.previous{left: 0}
.awards-circle.flickity_four .flickity-prev-next-button.next {right: 0;}

.awards-circle h2{font-size:3rem; color:#ff7985; text-align: center;}
	.awards-circle .award-item{margin:0 auto; padding: 30px; text-align: center;}
		.awards-circle .award-item .image{margin: 15px auto; width: 150px; height: 150px; border-radius: 50%; overflow: hidden; box-shadow: 0px 4px 150px 10px #EDEEF1;}
		.awards-circle .award-item .content{margin: 15px 50px;}

/*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%;}

/*Instagram feed*/
.instagram-feed {position:relative;}
	.instagram-feed .header-container{padding:20px}
	.instagram-feed h2{font-size:3rem; line-height:1; font-weight:bold; color:#D3B5A7;}
	.instagram-feed h3{font-size:2rem; line-height:1.6; color:#D3B5A7;}
	.instagram-feed h3:before{content:''; display:inline-block; width:40px; height:1px; background-color:#f7f0ec; margin:6px;}
	
	.instagram-feed .share{font-size:1.4rem; margin:0; padding:20px 0;}
	.instagram-feed .share a{font-weight:bold; text-decoration:none; color:#D3B5A7;}
	.instagram-feed .share a:hover{color:#6d708c;}

	.instagram-feed .bubble-wrapper .bubble{background-color:#D3B5A7; border-radius:50px; display:inline-flex; margin:10px 0; padding:15px 25px; font-weight:600; color:#fff; text-align:center;}
	

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

.cards_borderwh .btn-book, .cards_borderwh .btn-link{padding:20px 30px}

@-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)}
}

/*Enquiry Form*/
.claim-form .main-description, .contact-us .main-description, .meeting-enquiry .main-description, .reservation-form .main-description, .wedding-enquiry .main-description{padding: 50px 0 0 0;}
.claim-form .bg, .contact-us .bg, .email-subscription .bg, .meeting-enquiry .bg, .reservation-form .bg, .wedding-enquiry .bg{background: #A7EDE9;}

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

.form-enquiry label .pulldown{top:35px; right:10px; z-index:5}
.form-enquiry label span{color:#da523a;}

.theme-ibozo .form-enquiry .inner-wrap{background: #e5f1f7;}

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

.form-enquiry .section{color: #FF949D; margin-bottom: 5px;}
.form-enquiry .section span { background: #FF949D; padding:9px 18px 8px 18px; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 4px solid #fff; font-size: 16px; margin-left: -55px; color: #fff; margin-top: -12px;}
.form-enquiry .section span.title{background:#ffffff; color:#FF949D; margin:0;padding:0;position:inherit;border:0; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}

.form-enquiry input.send{color:#FFF; background: #82c7c2 url('https://storage.ozohotels.com/icon/send-wh.png') no-repeat 15px 9px; border:1px solid #31b37e; padding: 6px 17px 6px 37px; -webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.form-enquiry input.send:hover{color:#FFF; background-color:#1abc9c; border:1px solid #1abc9c;}
.form-enquiry input.send:disabled{color:#333; background-color:#e6e6e6; border:1px solid #cccccc}

.form-enquiry input.cancel{color:#333; background-color:#fff; border:1px solid #ccc; padding:6px 20px; -webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.form-enquiry inpu.cancel:hover{color:#333; background-color:#e6e6e6; border:1px solid #adadad}
.form-enquiry .form-horizontal{clear:both;}

@media (min-width:480px) {
.place li{padding: 14px 5px 8px; flex-direction: row;}
.place li .name{flex-basis: 85%;}
.place li .wrapper{flex-basis: 15%;}
.place .main-accordion .card .card-body ul li:before{top:18px}

/*Book Direct*/
.home .book-direct .icon-text{-ms-flex: 0 0 calc(50% - 40px); flex: 0 0 calc(50% - 40px); max-width: calc(50% - 40px);}
.book-direct .icon-text{-ms-flex: 1 0 0%; flex: 1 0 0%; margin:10px;}
}

/*only landscape*/
@media (min-width:568px) and (max-width :896px) and (orientation :landscape) {
/*Home - Description*/
.home .main-description .content, .home .main-description .image{-ms-flex-order:inherit;  order:inherit;}
.home .main-description .content{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
.home .main-description .image{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}

/*Main Highlight*/
.main-highlight .content .column-count{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;-webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px;}

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

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

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

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

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

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

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

.text-overlap-image .content .inner{padding:60px}
.text-overlap-image .slide-arrow_tr_gy .indicators, .text-overlap-image .slide-arrow_tr_gy .carousel-control-prev, .text-overlap-image .slide-arrow_tr_gy .carousel-control-next{top:100vh}

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

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

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

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

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


}

@media (min-width: 568px) {
.property .main-description .content {padding: 30px 30px 30px 90px;}

/*Home - Destinations*/
.destinations .header-container{-ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%;}
.destinations .header-container header{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.destinations .content-container{-ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%;}
    
    
	/***Carousel Multiple Items - show 2 items***/
	.destinations .carousel-inner .active + .carousel-item {display: block;}
    
    .destinations .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), .destinations .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {transition: none;}

    .destinations .carousel-inner .carousel-item-next {position: relative; transform: translate3d(0, 0, 0);}
    
    /* left or forward direction */
    .destinations .active.carousel-item-left + .carousel-item-next.carousel-item-left, .destinations .carousel-item-next.carousel-item-left + .carousel-item, .destinations .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {position: relative; transform: translate3d(-100%, 0, 0); visibility: visible;} 
    
    /* farthest right hidden item must be abso position for animations */
    .destinations .carousel-inner .carousel-item-prev.carousel-item-right {position: absolute; top: 0; left: 0; z-index: -1; display: block; visibility: visible;}
    
    /* right or prev direction */
    .destinations .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .destinations .carousel-item-prev.carousel-item-right + .carousel-item,
    .destinations .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item { position: relative; transform: translate3d(100%, 0, 0); visibility: visible; display: block;}
    
    
    /***RTL***/
    /* left or forward direction */
    *[dir='rtl'] .destinations .active.carousel-item-left + .carousel-item-next.carousel-item-left, 
    *[dir='rtl'] .destinations .carousel-item-next.carousel-item-left + .carousel-item,
    *[dir='rtl'] .destinations .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        transform: translate3d(100%, 0, 0);} 
    
    /* right or prev direction */
    *[dir='rtl'] .destinations .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    *[dir='rtl']  .destinations .carousel-item-prev.carousel-item-right + .carousel-item,
    *[dir='rtl'] .destinations .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item { 
        transform: translate3d(-100%, 0, 0);}
    
    
.main-description .image .image-dot{left:0; bottom:15%; right: initial; top:initial;}
	
/*Highlight*/
.home_highlight .main-highlight .image_big{-ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%;}
.home_highlight .main-highlight .content{-ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; height:100vh;}
.home_highlight .main-highlight .image_small{-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}	
.home_highlight .countslide, .property_highlight .countslide{bottom:30px; width: 350px;}

.property_highlight .main-highlight .image_big{-ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; height: 100vh;}
.property_highlight .main-highlight .content{-ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; height: 100vh;}
.property_highlight .main-highlight .content .bubble-wrapper .bubble{font-size:3rem}

/*Dine + Play Individual*/
.main-intro .image .image-over{top:40%; left:8%;}
.main-intro .image .image-under{position:absolute; right:-15%; display: inherit; z-index:5}

/*Hotel Package Individual*/
.hotel-package-detail .main-intro .image{height:100vh}
	
/*gmap*/
.gm-style .gm-style-iw-d,#gmap_location .gglayer,#gmap_location .gglayer .image{width:300px!important;}

/*Property - Special Offer*/
.flickity_big-one .carousel-cell, .flickity_big-one .carousel-cell .image, .flickity_big-one .carousel-cell.is-selected .content{width:100vw; height:450px}
	.flickity_big-one .carousel-cell .image{position:relative; -ms-flex:0 0 50%; flex:0 0 50%; max-width: 50%;}	
	.flickity_big-one .carousel-cell .content{position:relative; -ms-flex:0 0 50%; flex:0 0 50%; max-width: 50%;}
	.flickity_big-one .flickity-prev-next-button{top:50%;}		
	
.flickity_one .carousel-cell{width:90vw; height:520px}
	.flickity_one .carousel-cell .image{-ms-flex:0 0 50%; flex:0 0 50%; float:left; position:relative; height:520px;}
	.flickity_one .carousel-cell .image .inner{width:100%; height:100%}	
	.flickity_one .carousel-cell .content{-ms-flex:0 0 50%; flex:0 0 50%; float:left; position:relative; height:520px; top:inherit}
	
	.flickity_one .carousel-cell.is-selected{border:1px solid #e5e5e5;}
    
	.flickity_one .flickity-prev-next-button{top:50%;}
	.flickity_one .flickity-prev-next-button.next{right:0;}
	.flickity_one .flickity-prev-next-button.previous{left:0}

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

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

/*awards - dine*/
.awards-circle.flickity_four .carousel-cell{-ms-flex: 0 0 calc(100%/2); flex: 0 0 calc(100%/2); max-width: calc(100%/2);}
	
.ta-iframe{width:100%; height:1150px;}
}

@media (max-width:375px) {
.home_highlight .main-highlight .content{height:100vh}
}

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

@media (min-width:576px) {
/*ONYX Rewards Login Page*/	
.onrlogin-form .container {max-width: 100%;}
.onrlogin-form h1{font-size: 3rem;}
	
.onrlogin-benefits{margin: 80px auto}
.onrlogin-benefits .content{margin: 0 15% 50px 15%;}
	
.benefits-icon .icon-text { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
}

@media (min-width:768px) {
/*Property Index - Special Offers*/
.flickity_big-one .carousel-cell .image{-ms-flex-order: 1; order: 1;}
.flickity_big-one .carousel-cell .content{-ms-flex-order: 2; order: 2;}    
.flickity_big-one .flickity-viewport, .flickity_big-one .carousel-cell, .flickity_big-one .carousel-cell .image, .flickity_big-one .carousel-cell.is-selected .content{height:auto}

.flickity-prev-next-button.previous{left:0}
.flickity-prev-next-button.next{right:0}
	
/*Book Direct*/
.book-direct .text-text{margin:0}
	
/*ONYX Rewards Login Page*/	
.onrlogin-form {padding: 20px; height: 170vh;}
.onrlogin-form .container {max-width: 100%;}
.onrlogin-form .image, .onrlogin-form .content{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; height: calc(170vh - 40px);}
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
.property_highlight .main-highlight .image_big{-ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; height: 50vh;}
.property_highlight .main-highlight .content{-ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; height: 50vh;}

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

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

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

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

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

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

.table-ourbrand{width:350px}

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

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

/*Offer1*/
.flickity_three .carousel-cell{width:70%}
	
/*ONYX Rewards Login Page*/	
.onrlogin-form {height: auto;}
.onrlogin-form .image, .onrlogin-form .content{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; height: auto;}	
}

@media (min-width: 991px) {
	
    /**Carousel Multiple Items - show 3rd of 3 item slide */
    .destinations .carousel-inner .active + .carousel-item + .carousel-item {display: block;}
    .destinations .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }
    .destinations .carousel-inner .carousel-item-next {position: relative; transform: translate3d(0, 0, 0);}
    
    /* left or forward direction */
    .destinations .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction */
    .destinations .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        display: block;
        visibility: visible;
    }
	
}

@media (min-width:1024px) {
/*Thailand*/
.travel_requirements .text-overlap-image .image {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.travel_requirements .text-overlap-image .content{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.travel_requirements .text-overlap-image .content .inner{left: 50%; width:100%}

/*Main Destination*/
.home .main-description .content, .property .main-description .content{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; padding:0 50px; -ms-flex-order: 1; order: 1;}
.home .main-description .image, .property .main-description .image{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; -ms-flex-order: 2; order: 2;}
.home .main-description .image .inner,  .property .main-description .image .inner{width: 90%; height: 90%;}

.main-description .content header{padding:40px 0 0 0}
.main-description h1{font-size: 6rem; line-height:1}
.home .main-description .bubble-wrapper .bubble{font-size: 2.6rem; margin: 5px 2px; padding: 15px 25px;}

.main-description .content{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
.main-description.nobanner{padding: 150px 0 20px 0;}

/*Location*/
.place .container {max-width: 800px;}

/*Home - Brand Tiers*/
.brand-tiers header h3{font-size:4.6rem;}
.brand-tiers header h2.tagline{font-size:2.2rem;}
	.brand-tiers .overlap_image-on-text{flex-direction: row; height: 120vh;}
		.overlap_image-on-text .content{-ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%;}
		.overlap_image-on-text .content .inner{padding: 20%;}
		.overlap_image-on-text .image{-ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%;}
		.overlap_image-on-text .image .inner{position:absolute; top:50%; transform:translate(10%, -50%); width:110%; padding:50px 50px 50px 0; z-index:5;}
		
		.overlap .carousel-control-prev, .overlap .carousel-control-next{top: 50px;}
		.overlap .carousel-control-prev {left: 60px;}	
		.overlap .carousel-control-next {right:30px;}
	
/*Home - Destination*/
.destinations .header-container{-ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%;}
.destinations .content-container{-ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%;}
.destinations .header-container header{padding: 20px;}
.destinations .bubble-wrapper .bubble{font-size: 3.6rem;}
.destinations .carousel-item{width: calc(33.333333% - 10px);}

.home .book-direct .icon-text{-ms-flex: 0 0 calc(25% - 40px); flex: 0 0 calc(25% - 40px); max-width: calc(25% - 40px);}
	
/*Restaurant, Amenities, Hotel Packages Individual*/
.play-detail .main-intro .container, .hotel-package-detail .main-intro .container{max-width: 100vw;}	
	
.hotel-package-detail .main-intro .content{padding:15px;display: flex; align-items: center; justify-content: center;}
.hotel-package-detail .main-intro .content, .hotel-package-detail .main-intro .image{height: calc(100vh - 130px); padding-top: 0}
.play-detail .main-intro .image .image-under, .hotel-package-detail .main-intro .image .image-under{width: 100%; height: calc(100vh - 130px)!important}

.main-intro h1{font-size:3.2rem}
.main-intro{position:relative; padding:0;}
	.main-intro .content, .main-intro .image{order:inherit}
	
	.main-intro .image .image-over{position:absolute; top:40%; left:5%; width:290px; height:340px; z-index:6;}
	.main-intro .image .image-over img{width:100%!important}

	.main-intro .image .image-under{position:absolute; right:0; width:100%; height:650px!important; z-index:5;}
	.main-intro .image .image-under picture{width:100%; height:100%; position:relative;}
	

/*Individual Hotel Package*/
.hotel-package-detail .main-intro .content, .hotel-package-detail .main-intro .image{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
.hotel-package-detail .main-intro .content .inner{padding: 10px; width:100%}
.hotel-package-detail .main-intro h1{font-size:3.2rem;}
.popup ul{-webkit-columns:2;  -moz-columns:2; columns:2;}

/*hotel-highlight Background*/
.hotel-highlight{padding:50px 15px;}
.function-room .hotel-highlight, .event .hotel-highlight, .meeting .hotel-highlight, .meeting-and-event .hotel-highlight, .service .hotel-highlight, .wedding .hotel-highlight{background:#f7eeed}
    
/*gallery*/
.individual-gallery .image{height:700px}
.individual-gallery .carousel-indicators{bottom:15px}	
	
/*Cross Brands for campaign*/
.flickity_group.brands{margin: 0 auto; width: 950px;}
.flickity_group.brands .carousel-cell {width:50%;}
 
 /*Discoveries*/
.discoveries{padding:60px 0}
.discoveries.flickity_group header{padding:15px 0}

	.property .discoveries.flickity_group header h2{font-size:3.6rem}

	.discoveries.flickity_group p{font-size: 1.8rem; line-height: 1.2;}
	.discoveries.flickity_group .carousel-cell{width:calc(33.333333% - 30px); margin-right:30px}
	.discoveries.flickity_group .carousel-cell .image{height:330px}
	
	.discoveries.flickity_group .flickity-prev-next-button.previous{right:65px}
	.discoveries.flickity_group .flickity-prev-next-button.next{right:15px}
	
/*Hide*/	
	.property .discoveries.flickity_group .carousel-cell .content{height:240px}
	.property .discoveries.flickity_group .flickity-button, .property .discoveries.flickity_group .flickity-page-dots{display: none;}
	
.flickity_big-one h2{font-size: 3.8rem;}

/*Home - Highlight*/
.home_highlight .main-highlight{height: 100vh;}

	.home_highlight .main-highlight .image_big{-ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; height: 100vh;}
	.home_highlight .main-highlight .image_small{-ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; height: 100vh;}
	.home_highlight .main-highlight .content{-ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; height: 100vh;}
	.home_highlight .main-highlight .content .inner{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:60%; padding:0}
	.home_highlight .main-highlight .content h2{font-size: 6.4rem; line-height: 1.2;}

	/*indicators - highlight*/
	.home_highlight .carousel-control-prev, .property_highlight .carousel-control-prev{right:130px;}
	.home_highlight .carousel-control-next, .property_highlight .carousel-control-next{right:50px;}
	.home_highlight .countslide, .property_highlight .countslide{left: 50%; width: 320px;}
	.home_highlight .line:after, .property_highlight .line:after{width: 250px;}
    
    *[dir="rtl"] .home_highlight .countslide, .property_highlight .countslide{left: 17%;}
    
/*Property - Highlight*/
.property_highlight .main-highlight{height: 90vh;}
	.property_highlight .main-highlight .image_big{-ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; height: 90vh;}	
	.property_highlight .main-highlight .content{-ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; height: 90vh;}
	.property_highlight .main-highlight .content .inner{padding: 50px;}
	.property_highlight .main-highlight .content .bubble-wrapper .bubble{font-size:3.6rem;}
	.property_highlight .main-highlight .image_small{display:none}

/*Property - icon highlight*/
.property-index .hotel-highlight .image{-ms-flex:0 0 35%; flex:0 0 35%; max-width:35%; display:block;}
.property-index .hotel-highlight .content{-ms-flex:0 0 65%; flex:0 0 65%; max-width:65%; padding:100px 50px}
	
.hotel-highlight{padding: 30px 0}

/*Property - offer*/
.flickity_three.offer .carousel-cell{width:33.333333%}
	.flickity_three .flickity-prev-next-button.previous{left:5%}
	.flickity_three .flickity-prev-next-button.next{right:5%}

/*Property Index - Special offer*/
.flickity_big-one{height:auto}

	.flickity_big-one .carousel-cell{width:85vw; height: 600px;}
	.flickity_big-one .carousel-cell .image {height: 100%}
	.flickity_big-one .carousel-cell .image .inner{width: 100%; height: 600px;}
	.flickity_big-one .carousel-cell .content{height: 100%; display: none}

	.flickity_big-one .carousel-cell.is-selected .content{position: relative; display: block;}
	.flickity_big-one .carousel-cell.is-selected .content .inner{padding:10%; max-height: 600px; overflow-y: auto;}

	
	/*Srollbar*/
	/*width*/		.flickity_big-one .carousel-cell.is-selected .content .inner::-webkit-scrollbar {width:6px;border-radius: 10px;}
	/* Track */	.flickity_big-one .carousel-cell.is-selected .content .inner::-webkit-scrollbar-track {background-color:#efdad8;border-radius: 10px;}
	/* Handle */	.flickity_big-one .carousel-cell.is-selected .content .inner::-webkit-scrollbar-thumb {background-color:#ebb7b4;border-radius: 10px;}
	/* Hover */	.flickity_big-one .carousel-cell.is-selected .content .inner::-webkit-scrollbar-thumb:hover {background-color:#f48474}
	
	.flickity_big-one .flickity-prev-next-button{border-radius:0; transform: none; top: initial; bottom: 10px}
	.flickity_big-one .flickity-prev-next-button:focus{outline:none}
	.flickity_big-one .flickity-prev-next-button .flickity-button-icon{top:0; left:0}
	
	.flickity_big-one .flickity-prev-next-button.previous{top:calc(50% - 40px); right:inherit; left:0; width:80px; height:80px}
	.flickity_big-one .flickity-prev-next-button.next{top:calc(50% - 40px); right:0; width:80px; height:80px}
	

/*Property - Special Offers show 3 offer and slide 1 offer*/
.flickity_three.offer{margin:20px 10px}
.flickity_three .carousel-cell.is-selected .image, .flickity_three .carousel-cell.is-selected .image .inner, .flickity_three .carousel-cell .image, .flickity_three .carousel-cell .image .inner{height:425px}
.flickity_three .carousel-cell.is-selected .content .inner{padding:20px;}

/*Special Offers*/
.flickity_one header h3		   {font-size:4rem;}
	.flickity_one .carousel-cell {position:relative; width:850px; height:530px; background:#fff; margin:0 auto; display:flex; opacity:0}
	.flickity_one .carousel-cell .image, .flickity_one .carousel-cell .content{height:530px;}
	.flickity_one .carousel-cell .content .inner{padding:50px}
	.flickity_one .carousel-cell .content{font-size:1.4rem}
	
	.special-offer .flickity_one .carousel-cell .content .detail{max-height: 150px;}
	.flickity_one .carousel-cell .content .detail{max-height: 130px; overflow-y: auto;}

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

/*Travel Information*/
.travel-information-portal .flickity_group .carousel-cell{width: 33.333333%}
    
/*Individual Room Type - Description with Gallery*/
.two-column_23-fluid, .two-column_23-fluid .content, .two-column_23-fluid .image{height:120vh;}
	.two-column_23-fluid .content{-ms-flex:0 0 45%; flex:0 0 45%; max-width:45%;}
	.two-column_23-fluid .image{-ms-flex:0 0 55%; flex:0 0 55%; max-width:55%;}
	.two-column_23-fluid .content, .two-column_23-fluid .image{order:inherit}
	.two-column_23-fluid .content{padding:50px;}
	/*.two-column_23-fluid .content .inner{width:80%; height:450px; position: absolute; left: 50%; bottom:0; transform: translate(-50%, 0); overflow-y:auto; }    
    .two-column_23-fluid .content .inner .inner-inner{position: absolute; bottom: 0; height: 100%;}*/
	.two-column_23-fluid .content .description{padding: 0 15px 0 0}
	.two-column_23-fluid .content .description .noted{color: #ffb6ab; font-style: italic;}
	
	.two-column_23-fluid .image .link{left:30px; bottom:20px;}
	.main-banner.rooms .indicators {bottom: 25px;}

*[dir="rtl"] .two-column_23-fluid .content .description{padding: 0 0 0 15px}

.bgimage-text{height:400px}
.bgimage-text .inner{width:70%}
.bgimage-text .inner h3, .long-stay .bgimage-text .content p, .special-offer .bgimage-text .content p, .promotion .bgimage-text .inner p{font-size:4rem}

.dine .bgimage-text{margin:30px}

.list-package, .main-gallery{margin:50px 0}
.filter-category{margin:20px 0 0 0;}

/*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-hotels .content .btn-wrapper .btn-book.-full{padding:2rem 3.5rem;}

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

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

/*Home - Amari Experience*/
.two-column_equal-fluid-h100, .two-column_equal-fluid-h100 .image,	.two-column_equal-fluid-h100 .image .inner, .two-column_equal-fluid-h100 .content{height:calc(100vh - 30px);}	
	
	.two-column_equal-fluid-h100 .image, .two-column_equal-fluid-h100 .content{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
	.two-column_equal-fluid-h100:nth-child(even) .row{flex-direction:row-reverse; -webkit-flex-direction:row-reverse;}


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


/*Cards - List all rooms*/
.cards_borderwh .cards {margin:0 auto 30px; padding:30px; height:auto}
	.cards_borderwh .cards .image, .cards_borderwh .cards .image .inner, .cards_borderwh .cards .content{height:600px}
	
	.cards_borderwh .cards:nth-child(even) {-webkit-box-orient:horizontal; -webkit-box-direction:reverse; -webkit-flex-flow:row-reverse; flex-flow:drow-reverse;}

	.cards_borderwh .cards .image{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
	.cards_borderwh .cards .content{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
	.cards_borderwh .cards .content .description .meeting li{padding-right:14px}
	
.btn-request{width:inherit}
	
/*Cards - List all amenities*/
.cards_border0 .cards{flex-flow: row nowrap; margin:0 0 50px 0;}
.cards_border0 .cards:last-child{margin-bottom:0}
.cards_border0 .cards:nth-child(even){-webkit-box-orient:horizontal; -webkit-box-direction:reverse; -webkit-flex-flow:row-reverse; flex-flow:row-reverse;}	

	.cards_border0 .cards .image, .cards_border0 .cards .content{order:inherit; height: inherit}	
	.cards_border0 .cards .image, .cards_border0 .cards .content {-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
	
	.cards_border0 .cards .image .inner, .cards_border0 .cards .content .inner{height: 100%}
	.cards_border0 .cards .content .inner{display: flex; justify-content: center; flex-direction: column; padding: 30px 50px}

	.cards_border0 .cards .content h3, .cards_border0 .cards .content h3 a{font-size:3rem; font-weight:600}
	.cards_border0 .cards .content .inner .detail{margin-bottom: 20px; padding-right: 20px; font-size: 1.4rem;}
	
	/*Srollbar*/
	.special-offer .cards_border0 .cards .content .inner .detail{max-height: 178px; overflow-y: auto;}
	.hotel-package .cards_border0 .cards .content .inner .detail{max-height: 150px; overflow: auto;}
	.dining-offer .cards_border0 .cards .content .inner .detail{max-height: 178px; overflow-y: auto;}
	/*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}
	
	.offer .cards_border0 .cards .content .inner ul {/*height: 80px; overflow-y: auto;*/font-size: 1.5rem; line-height: 1.4}
	/*width*/	.offer .cards_border0 .cards .content .inner ul::-webkit-scrollbar {width:6px;border-radius: 10px;}
	/* Track */	.offer .cards_border0 .cards .content .inner ul::-webkit-scrollbar-track {background-color:#f4f8fa;border-radius: 10px;}
	/* Handle */.offer .cards_border0 .cards .content .inner ul::-webkit-scrollbar-thumb {background-color:#e4eaee;border-radius: 10px;}
	/* Hover */	.offer .cards_border0 .cards .content .inner ul::-webkit-scrollbar-thumb:hover {background-color:#d7dfe4}

/*Long Stay*/
.long-stay .cards_borderwh .cards .content {height: auto;}
    
/*Home - Why Book Direct*/
.book-direct .link-all{margin:45px 0 0 0;}

/*Property Highlight*/
.dine-contact .hotel-highlight, .property-index .hotel-highlight{margin:50px 15px;}
.hotel-highlight .text{padding:20px 40px;}

/*Instafeed Grid*/	
.instagram-feed .header-container {padding: 80px 80px 20px 80px;}
.instagram-feed .grid_container{height:600px}
	
	.instagram-feed .grid_container .grid__item {position:relative; float:left; width:16.66666666666667%; height: 33.33333333333333%; overflow: hidden;}
	
	/*Static Our Image*/
	.instagram-feed .grid__item:nth-child(1){width:16.66666666666667%; height:33.33333333333333%;}
	.instagram-feed .grid__item:nth-child(5){width:16.66666666666667%; height:33.33333333333333%;}
	.instagram-feed .grid__item:nth-child(6){width:16.66666666666667%; height:33.33333333333333%;}
	.instagram-feed .grid__item:nth-child(10){width:16.66666666666667%; height:33.33333333333333%; position:absolute; top:66.66666666666667%; left:16.66666666666667%;}
	
	/*Big 2:2*/
	.instagram-feed .grid__item:nth-child(2){width:33.33333333333333%; height:66.66666666666667%;}
	
	/*1:1*/
	.instagram-feed .grid__item:nth-child(3), .instagram-feed .grid__item:nth-child(5), .instagram-feed .grid__item:nth-child(7), .instagram-feed .grid__item:nth-child(11){width:16.66666666666667%; height:33.33333333333333%;}
	.instagram-feed .grid__item:nth-child(11){position:absolute; top:66.66666666666667%; left:33.33333333333333%;}
	
	/*Vertical 1:2*/
	.instagram-feed .grid__item:nth-child(8), .instagram-feed .grid__item:nth-child(9){width:16.66666666666667%; height:66.66666666666667%;}
	.instagram-feed .grid__item:nth-child(9){position:absolute; top:33.33333333333333%; left:0;}
	
	/*Horizontal 2:1*/
	.instagram-feed .grid__item:nth-child(12){width:33.33333333333333%; height: 33.33333333333333%; position:absolute; top:66.66666666666667%; left:50.00000000000001%;}
	
	/*Add Image Static*/
	.instagram-feed .grid__item:nth-child(1):after{background:url('https://storage.ozohotels.com/images/ig/ice-cream_pk.jpg') 50% 50%;}
	.instagram-feed .grid__item:nth-child(5):after{background:url('https://storage.ozohotels.com/images/ig/cookie_grn.jpg') 50% 50%;}
	.instagram-feed .grid__item:nth-child(6):after{background:url('https://storage.ozohotels.com/images/ig/orange_yl.jpg') 50% 50%;}
	.instagram-feed .grid__item:nth-child(10):after{background:url('https://storage.ozohotels.com/images/ig/coffee_bl.jpg') 50% 50%;}
	/*.instagram-feed .grid__item:nth-child(11):after{background:url('https://storage.ozohotels.com/images/ig/woman.jpg') 50% 50%;}	backup*/
	
	/*Hide image on IG*/ 
	.instagram-feed .grid__item:nth-child(1) .hovereffect, .instagram-feed .grid__item:nth-child(5) .hovereffect, .instagram-feed .grid__item:nth-child(6) .hovereffect, .instagram-feed .grid__item:nth-child(10) .hovereffect{display:none;}	
	
	/*Animation*/
	.instagram-feed .grid__item:nth-child(1):after, .instagram-feed .grid__item:nth-child(5):after, .instagram-feed .grid__item:nth-child(6):after,.instagram-feed .grid__item:nth-child(10):after{background-size:cover; background-repeat: no-repeat; content: ''; display: block; width: 100%; height: 100%; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
	.instagram-feed .grid__item:nth-child(1):hover:after, .instagram-feed .grid__item:nth-child(5):hover:after, .instagram-feed .grid__item:nth-child(6):hover:after,.instagram-feed .grid__item:nth-child(10):hover:after{ cursor: auto; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
	
	/*Hover Effect*/
	.instagram-feed .grid__item .hovereffect .inner{padding:20px; word-wrap: break-word;  overflow: hidden; text-align:center; position:relative;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out; font-size:1.4rem; line-height:1.4}	
	.instagram-feed .grid__item .hovereffect .inner{-webkit-transform:translateY(45px);-ms-transform:translateY(45px);transform:translateY(45px);}		
	.instagram-feed .grid__item .hovereffect:hover .inner{-webkit-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px);}
	.instagram-feed .grid__item .hovereffect .inner .caption{display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow:hidden;}
	.instagram-feed .grid__item .hovereffect .seemore{margin:50px auto 20px auto}	
	
/*Our Brand*/
.bg-brand {padding: 30px;}
.table-ourbrand {width:600px;}
.table-ourbrand td {height:100px;}
.segmentation{width:135px; height:80px;}
.lg-profile{width:135px; height:80px; background:url('/logo/all-our-brands.svg') no-repeat; }
.lg-orb{background-position:0 0;} .lg-orb:hover{background-position:0 -80px;} 
.lg-amr{background-position:-135px 0;} .lg-amr:hover{background-position:-135px -80px;}
.lg-ozo{background-position:-270px 0;} .lg-ozo:hover{background-position:-270px -80px;}
.lg-tmc{background-position:-405px 0;} .lg-tmc:hover{background-position:-405px -80px;}
.lg-yoo{background-position:-540px 0;} .lg-yoo:hover{background-position:-540px -80px;}
.lg-yoo2{background-position:-675px 0;} .lg-yoo2:hover{background-position:-675px -80px;}    
.lg-slu{background-position:-810px 0;} .lg-slu:hover{background-position:-810px -80px;}
.lg-sha{background-position:-945px 0;} .lg-sha:hover{background-position:-945px -80px;}
.lg-shu{background-position:-1080px 0;} .lg-shu:hover{background-position:-1080px -80px;}
.lg-maai{background-position:-1215px 0;} .lg-maai:hover{background-position:-1215px -80px;}
.lg-breeze{background-position:-1350px 0;} .lg-breeze:hover{background-position:-1350px -80px;}

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

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

.column-count li{position:relative; padding-left:15px; padding-bottom:5px; list-style:none;}
.column-count li:before {content:''; background:#ffd5d9; border-radius:6px; width:6px; height:6px; margin:2px; position:absolute; left:0; top:8px;}

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

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

.text-overlap-image .content ul {list-style:none; padding-left:0;}
.text-overlap-image .content li{position:relative; padding-left:15px;}
.text-overlap-image .content li:before {content:''; background:#ffd5d9; border-radius:6px; width:6px; height:6px; margin:2px; position:absolute; left:0; top:8px;}

.play .text-overlap-image .content ul {-webkit-columns:2; -moz-columns:2; columns:2; }

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

[dir='rtl'] .text-overlap-image .content .inner{left: 65%;}

[dir='rtl'] .slide-arrow_tr_gy .carousel-control-prev{left: 20%;}
[dir='rtl'] .slide-arrow_tr_gy .indicators{left: calc(20% + 60px);}
[dir='rtl'] .slide-arrow_tr_gy .carousel-control-next{left: calc(20% + 120px);}

/*Awards*/
.awards{padding:0 0 30px 0}
.awards .award-item{padding:30px 0}
.awards .award-item .image{-ms-flex:0 0 40%; flex:0 0 40%; max-width:40%; }
.awards .award-item .content{-ms-flex:0 0 60%; flex:0 0 60; max-width:60%;}
	
/*Awards - dine*/
.awards-circle.flickity_four .carousel-cell{-ms-flex: 0 0 calc(100%/4); flex: 0 0 calc(100%/4); max-width: calc(100%/4);}

/*ONYX Rewards Login Page*/	
.onrlogin-form {padding: 20px; height: 120vh;}
.onrlogin-form .image, .onrlogin-form .content{height: calc(120vh - 40px);}

.benefits-icon .icon-text { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
} /*End 1024*/

/*iPad - Portrait */
@media only screen and (min-width:1024px) and (max-height:1366px) and (orientation:portrait){
.property_highlight .main-highlight .image_big{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;height:50vh}
.property_highlight .main-highlight .content{-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%;height:50vh}
.property_highlight .main-highlight .image_small{-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; display: block}
	
/*Individual Room*/
.two-column_23-fluid, .two-column_23-fluid .content, .two-column_23-fluid .image{height: auto}
.two-column_23-fluid .image, .two-column_23-fluid .content{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
	
.two-column_23-fluid .image{-ms-flex-order: 1; order: 1;}
.two-column_23-fluid .content{-ms-flex-order: 2; order: 2; z-index:2; }

.two-column_23-fluid .image{position:relative; width:100%; height:50vh; padding-left: 15px; padding-right:15px; z-index:1;}
.two-column_23-fluid .image .carousel, .two-column_23-fluid .image .carousel-inner, .two-column_23-fluid .image .carousel-item {height: 100%}

/*.two-column_23-fluid .content .inner{width: calc(100% - 50px); height: auto; padding: 50px; position: relative; left: inherit; bottom: inherit; transform: translate(0, 0); overflow-y:visible;}
.two-column_23-fluid .content .inner .inner-inner{position: relative}*/
	
.hotel-highlight{padding: 0}
	
/*ONYX Rewards Login Page*/
.onrlogin-form {padding: 20px; height: auto;}
.onrlogin-form .image, .onrlogin-form .content{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.onrlogin-form .content{height: auto;}
.onrlogin-form .image{height: 50vh;}
}

/* iPad Pro - Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
/*ONYX Rewards Login Page*/		
.onrlogin-form {padding: 30px; height: 75vh;}
.onrlogin-form .form-login {margin: 30px auto}
.onrlogin-form .image, .onrlogin-form .content{height: calc(75vh - 60px);}
}
/* iPad Air - Landscape */
@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
.onrlogin-form {padding: 30px; height: 90vh;}
.onrlogin-form .image, .onrlogin-form .content{height: calc(90vh - 60px);}
}
@media (min-width:1280px) {
.reservations .container{max-width: 100%;}
.container, .shop-contact .hotel-highlight .container{max-width: 1180px;}
.property .main-description .content {padding: 30px 100px 80px 80px;}
*[dir="rtl"] .property .main-description .content {padding: 30px 80px 80px 100px;}

/*Thailand*/
.travel_requirements .text-overlap-image .image {-ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%;}
.travel_requirements .text-overlap-image .content{-ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%;}
.travel_requirements .text-overlap-image .content .inner{left: 40%; width:100%}

/*Property - Highlight*/
.property_highlight .main-highlight .image_big{-ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%;}	
.property_highlight .main-highlight .content{-ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%;}

.property_highlight .main-highlight .content h2{font-size: 6rem;}
.property_highlight .main-highlight .content .bubble-wrapper .bubble{font-size:3rem;}

.property_highlight .main-highlight .image_small{-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; position: relative; height: 90vh; display:block}	
.property_highlight .main-highlight .image_small .inner{position: absolute; bottom: 100px; right: 50px; width: 200px; height: 280px}
	

.individual-gallery .image .link a{margin: 0 10px;}

/*Dine + Play Individual*/
.main-intro h1{font-size:7rem}
	
.play-detail .main-intro .content, .hotel-package-detail .main-intro .content{padding: 5% 6%;}

.meetings-events .two-column_equal-fluid-h100 .content h1, .meetings-events .two-column_equal-fluid-h100 .content h2{font-size:6rem; line-height:1;}
.two-column_equal-fluid-h60 .content h3{font-size:5rem}

/*Individual - Other*/
.discoveries.flickity_group .carousel-cell {width: calc(33.333333% - 30px);}
.discoveries.flickity_group .carousel-cell .image{height:415px}

.property .discoveries.flickity_group .carousel-cell .content{height:200px}

/*Special Offers*/
.flickity_one .carousel-cell {width:1000px;}
.flickity_one .carousel-cell, .flickity_one .carousel-cell .content, .flickity_one .carousel-cell .image{height: 450px}
    
/*Property - Special Offers show 3 offer and slide 1 offer*/
.flickity_three .carousel-cell.is-selected .image, .flickity_three .carousel-cell.is-selected .image .inner, .flickity_three .carousel-cell .image, .flickity_three .carousel-cell .image .inner{height:530px}

/*Travel Information*/
.travel-information-portal .flickity_group{width: 1200px;}
    
/*Home - Amari Experience*/
.two-column_equal-fluid-h100 .content .inner{width:70%}
	
/*Cards - List all Rooms, Meeting rooms*/
.cards_borderwh .cards .image, .cards_borderwh .cards .image .inner, .cards_borderwh .cards .content{height:500px}

.column-count{-webkit-column-gap:100px; -moz-column-gap:100px; column-gap:100px;}


/*Motif*/
.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*/
.promotion-hotels .image, .promotion-hotels .image figure{height:420px;}
.promotion-hotels .content{top:370px}
.promotion-hotels .link-media{padding: 5px 15px 55px 15px;}

/*Slider - List restaurants, amenities*/
.text-overlap-image .content .inner{width:130%}

/*Instafeed Grid*/	
.instagram-feed .grid_container{height:750px}
	
}

@media (min-width:1360px) {
.container,.shop-contact .hotel-highlight .container {max-width: 1300px;}

/*Property - Special Offers show 3 offer and slide 1 offer*/
.flickity_three .carousel-cell.is-selected .image, .flickity_three .carousel-cell.is-selected .image .inner, .flickity_three .carousel-cell .image, .flickity_three .carousel-cell .image .inner{height:570px}

/*Room - Individual*/
.main-intro.individual .content{padding:100px 30px 30px 30px}
.main-intro.individual .column-count{-webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px;}

.cards_borderwh .cards{margin:0 auto 30px;}
.cards_borderwh .cards .image, .cards_borderwh .cards .image .inner, .cards_borderwh .cards .content{height:450px}

.offer .cards_border0 .cards, .offer .cards_border0 .cards .image, .offer .cards_border0 .cards .image .inner, .offer .cards_border0 .cards .content{height:520px/*height:460px*/}

/*ONYX Rewards - Member Rates Banner*/
.banner-member-rates .content{margin:80px auto}
	
/*Instafeed Grid*/	
.instagram-feed .grid_container{height:800px}

/*Awards*/
.awards .award-item .image{-ms-flex:0 0 30%; flex:0 0 30%; max-width:30%; height:150px}

.awards .award-item .content{-ms-flex:0 0 70%; flex:0 0 70; max-width:70%; padding:20px; height:auto}

}
@media (min-width:1440px) {
.container,.shop-contact .hotel-highlight .container {max-width: 1400px;}

/*Home - Destinations*/
.destinations .header-container header{padding:20px 80px;}
.destinations .bubble-wrapper .bubble{font-size: 5rem;}

/*Property Highlight   */ 
.property_highlight .main-highlight .content .inner{padding:80px;}
.property_highlight .main-highlight .content .bubble-wrapper .bubble{font-size:4rem;}	
.property_highlight .main-highlight .image_small .inner{width: 220px; height: 320px}

/*Other rooms / restaurants*/
.discoveries.flickity_group .carousel-cell .image{height:500px}

/*Special Offers*/
.flickity_one .flickity-prev-next-button.next{right:5%;}
.flickity_one .flickity-prev-next-button.previous{left:5%}

/*Brand Tier*/
.overlap_image-on-text .content .inner {padding: 17% 28%;}
	
/*Hotel Package*/
.hotel-package-detail .main-intro .content{-ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667%;}
.hotel-package-detail .main-intro .image{-ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333%;}
.hotel-package-detail .main-intro h1 {font-size: 4.6rem;}

/*Instafeed Grid*/
.instagram-feed h2{font-size:4.6rem;}
	
/*ONYX Rewards Login Page*/		
.onrlogin-form {padding: 50px; height: 110vh;}
.onrlogin-form .container{max-width: fit-content}
.onrlogin-form .form-login {margin: 80px auto}
.onrlogin-form .image, .onrlogin-form .content{height: calc(110vh - 100px);}
	
.onrlogin-benefits .content{margin: 0 30% 50px 30%;}
}
@media (min-width:1680px) {
/*Home Description*/
.home .main-description .content{padding: 80px 100px 80px 80px;}
.property .main-description .content {padding: 30px 100px 80px 30px;}
*[dir="rtl"] .property .main-description .content {padding: 30px 30px 80px 100px;}
    
/*Home - Destinations*/
.flickity_group.destinations{margin: 0 30px;}
	
.home .main-description h1, .property .main-description h1{font-size: 7rem;}
	.th .home .main-description h1, .th .property .main-description h1{font-size: 6.8rem;}
	
.property_highlight .main-highlight .image_small .inner{bottom:140px; width: 270px; height: 380px}

/*Brand Tiers*/
.brand-tiers .overlap_image-on-text{height: calc(100vh - 130px);}
	.overlap_image-on-text .content header h4{font-size:5rem;}
	.overlap_image-on-text .content header h5{font-size:2.4rem}
	
/*Property - Special Offers show 3 offer and slide 1 offer*/
.flickity_three.offer{max-width: 1400px; margin:50px auto}
.flickity_three .carousel-cell.is-selected .image, .flickity_three .carousel-cell.is-selected .image .inner, .flickity_three .carousel-cell .image, .flickity_three .carousel-cell .image .inner{height:590px}

/*Rooms*/
.two-column_23-fluid, .two-column_23-fluid .content, .two-column_23-fluid .image{height:calc(100vh - 187px);}
.two-column_23-fluid .content{-ms-flex:0 0 35%; flex:0 0 35%; max-width:35%;}
.two-column_23-fluid .image{-ms-flex:0 0 65%; flex:0 0 65%; max-width:65%;}
	
/*Slider - List restaurants, amenities*/
.text-overlap-image .content .inner{width:100%}

/*Cards - List all rooms*/
.cards_borderwh .cards {margin:0 auto 50px; padding:75px; height:auto}

.instagram-feed .grid_container{height:900px}
	
/*ONYX Rewards Login Page*/		
.onrlogin-form {height: 95vh;}
.onrlogin-form .image, .onrlogin-form .content{height: calc(95vh - 100px);}
}
@media (min-width:2560px){	
/*ONYX Rewards Login Page*/		
.onrlogin-form {height: 50vh;}
.onrlogin-form .image, .onrlogin-form .content{height: calc(50vh - 100px);}
}
/*END*/