@charset "utf-8";

/*
----------------------------------------------
Created with Notepad++
User: Front End Team
Date: 13-02-2018
Time: 14:44
-----------------------------------------------
*/

*{outline:none !important;}
.clear{clear:both;}
.h5{height:5px;display:block;}
.h10{height:10px;display:block;}
.h15{height:15px;display:block;}
.h20{height:20px;display:block;}
.h25{height:25px;display:block;}
.red,.warning{color:red !important;}
.noborder{border:none !important;}
.formText{border:1px solid #dfdfdf;padding:0 6px;margin:0;height:38px;line-height:38px;font-size:14px;width:100%;border-radius:0;}
.formText:hover{border-color:#bbb;}
.formText:focus{border-color:#f97432 !important;box-shadow:1px 1px 3px #ccc inset;}
.formButton{border:1px solid #f97432;background:#f97432;color:#fff;height:38px;line-height:38px;padding:0 6px;margin:0;text-align:center;cursor:pointer;font-size:16px;width:100%;text-transform:uppercase;font-weight:bold;border-radius:0;}
.formButton.blue{background:#3498db;border-color:#3498db;}
.formButton:hover{box-shadow:0 0 0 1px #fff inset, 1px 2px 4px #ddd;}
.formText::-moz-placeholder{color:#999;opacity:1}
.formText:-ms-input-placeholder{color:#999}
.formText::-webkit-input-placeholder{color:#999}
.textNonThrough{text-decoration:none !important;}

body{background:#fff;padding:0;margin:0;line-height:1.6em;color:#333;font-size:14px;font-family: arial,sans-serif;}
.outer-wrapper,.content-wrapper{text-align:left;padding:0;margin:0;}

.mediumFitur1 {background:url(../img/icon/mediumFitur1.png) no-repeat -0px -0px;}
.mediumFitur2 {background:url(../img/icon/mediumFitur2.png) no-repeat -0px -0px;}
.mediumFitur3 {background:url(../img/icon/mediumFitur3.png) no-repeat -0px -0px;}
.mediumFitur4 {background:url(../img/icon/mediumFitur4.png) no-repeat -0px -0px;}
.mediumFitur5 {background:url(../img/icon/mediumFitur5.png) no-repeat -0px -0px;}
.mediumFitur6 {background:url(../img/icon/mediumFitur6.png) no-repeat -0px -0px;}
.mediumFitur7 {background:url(../img/icon/mediumFitur7.png) no-repeat -0px -0px;}

/* Header */
.header-wrapper{padding:0;margin:0;height:80px;}
.header{padding:12px 0 0;margin:0 auto;width:980px;}
.header .headerLogo{width:250px;height:50px;overflow:hidden;float:left;padding:0;margin:0;display:block;}
/*.header .headerLogo a{width:250px;height:50px;overflow:hidden;padding:0;margin:0;display:block;background:#fff url(../img/logo.svg) no-repeat -0px -0px;}*/
.header .headerLogo a span,.header .headerLogo h3 span{display:none;}
.header .headerLogo h3{padding:0;margin:0;}
.header .headerContact{float:right;width:650px;overflow:hidden;margin:10px 0 0;line-height:16px;text-align:right;vertical-align:middle;font-weight:bold;}
.header .headerContact ul{margin:0;padding:0;list-style:none;}
.header .headerContact li{margin:0;padding:9px 8px 11px 0;list-style:none;display:inline-block;border-right:1px solid #dfdfdf;vertical-align:top;}
.header .headerContact li:nth-last-child(1){border:none;}
.header .headerContact i{color:#999;font-size:14px;margin:0 4px;}
.pc-logo-header{padding:0;margin:0;width:250px;height:50px;overflow:hidden;display:inline-block;}

/* Menu Header */
.menuHeader-wrapper{background:#f5f5f5;color:#555;margin:0 0 20px;}
.menuHeader-wrapper.fixed{position:fixed;left:0;right:0;top:80px;}
.menuHeader{width:980px;padding:0;margin:0 auto;}
.menuHeader li{font-size:16px;font-weight:bold;}
.menuHeader a{color:#555;text-decoration:none;}
.menuHeader .nav i{font-size:18px;margin:0 4px 0 0;}
.menuHeader .navbar-nav > li > a{padding:12px 0;}
.menuHeader .nav li{padding:0;margin:0 -1px 0 0;text-align:center;float:left;}
.menuHeader .nav li a span{border-right:1px solid #ff9800;padding:0 15px;}
.menuHeader .nav > li > a:focus span{border-color:#f97432;}
.menuHeader .nav li:nth-last-child(1) a span{border:none;}
.menuHeader .nav > li.active > a,.menuHeader .nav > li.active > a:hover,.menuHeader .nav > li > a:focus,.menuHeader .nav > li > a:hover{background:#f97432;color:#fff;}
.menuHeader .nav li.active a span{border-color:#f97432;}
.menuHeader .nav .fa-caret-down{font-size:14px;margin:0;padding:0 10px 0 0;line-height:0px !important;}
.menuHeader .navbar-nav > li > .dropdown-menu{width:250px;}
.menuHeader .navbar-nav > li > .dropdown-menu li{float:none;margin:0;text-align:left;}
.menuHeader .navbar-nav > li > .dropdown-menu li.active{padding: 12px 16px;background:#dfdfdf;}
.menuHeader .navbar-nav > li > .dropdown-menu li a{display:block;padding:12px 16px;margin:0;}
.menuHeader .navbar-nav > li > .dropdown-menu li:nth-last-child(1){border-top:1px solid #dfdfdf;margin:5px 0 0;}
.menuHeader .navbar-nav > li > .dropdown-menu li a:hover{background:#f97432;color:#fff;}
.menuHeader .navbar-nav > li > .dropdown-menu{background:#edeff1;border-radius:0;border:none;box-shadow:none;left: auto; right: 0;}
.menuHeader .dropdown.right{float:right;}
.menuHeader .dropdown.right li a span{border:none;}
.menuHeader .right{float:right;padding:10px 0 0;}
.menuHeader .right li{border-right:1px solid #dfdfdf;padding:0 10px;list-style:none;float:right;}
.menuHeader .right li:nth-child(odd){border:none;padding:0 0 0 10px;}
.menuHeader .right li i{margin:0 0 0 5px;}
.menuHeader .right li.subMenuRight{position:relative;}
.menuHeader ul.rightUser{float:right;padding:0;list-style:none;margin-bottom: 0px; display: none;}
.menuHeader ul.rightUser li{list-style:none;}
.menuHeader ul.rightUser li.border{border: 1px solid red;}
.menuHeader ul.rightUser li.subMenuRight{padding: 10px 0 0 15px; float: right !important; cursor: pointer;}
.menuHeader ul.rightUser li .fa-caret-down{margin:0 0 0 10px;}
.menuHeader .navbar-nav.right > li > .dropdown-menu{right:0;left:auto;}
.menuHeader .dropdown-hover{position:relative;z-index:2;}
.menuHeader .dropdown-hover span{font-weight:normal;display:block;padding: 12px 16px;cursor:pointer;}
.menuHeader .dropdown-hover span:hover{background:#f97432;color:#fff;}
.menuHeader .dropdown-menu-hover{position:absolute;width:200px;right:100%;top:0;background:#dcdee9;display:none;}
.menuHeader .dropdown-hover:hover .dropdown-menu-hover{display:block;}
.menuHeader .dropdown-menu-hover,.menuHeader .dropdown-menu-hover li,.menuHeader .dropdown-menu-hover li a{padding:0;margin:0;border:none !important;font-weight:normal;}
.menuHeader .dropdown-menu-hover li:nth-last-child(1){padding-top:0 !important;margin-top:0 !important;}
.menuHeader-wrapper .logoSticky{display:none;}
.stickyTop{position:fixed;top:0;left:0;right:0;width:100%;z-index:9999;border-bottom:2px solid #f97432;}
.stickyTop li.logoSticky{width:175px;height:35px;margin:4px 25px 0 0;padding:0;display:block;overflow:hidden;}
.stickyTop li.logoSticky a,.stickyTop li.logoSticky a:hover{widht:175px;height:35px;background: url(../img/logo.svg) no-repeat -0px -0px;background-size:175px 35px;display:block;}
.stickyTop .logoSticky a span{display:none;text-indent:-9999;}
.stickyTop .menuHeader li{font-size:13px;}
.stickyTop .menuHeader .nav i{font-size:16px;}
.stickyTop .menuHeader .nav li a span{padding:0 10px;}
.stickyTop .menuHeader .dropdown-menu{top:46px;}
.active{display: block;}
.menuHeader .nouser .right{display: block;}
.menuHeader .user ul.rightUser{display:block;}
.menuHeader #showLogin .right{padding: 0px}

/* Breadcrumb */
.breadcrumb {background: #fff;color: #444;font: 12px arial;margin:20px auto;padding:0;width:980px;border-radius:0;}
.breadcrumb .fa-home {font-size: 16px;}
.breadcrumb a {color: #444;text-decoration: none;}
.breadcrumb a:hover {text-decoration: underline;}
.breadcrumb > li + li::before {content: ">";}

/* Main */
.main-wrapper{margin:0 auto;padding:0;width:980px;}
.main-wrapper .titlePage{margin:0 0 10px;padding:0;display:block;font-weight:bold;font-size:20px;}
.main-wrapper .titlePage a{color:#333;text-decoration:none;}
.main{width:750px;float:right;padding:0;margin:0;}
.sidebar{width:200px;float:left;padding:0;margin:0;font-size:12px;}
.sidebar .widget{border:1px solid #ccc;padding:10px;margin:0 0 10px;}
.main .widget,.sidebar .widget{padding:10px;margin:0 0 -1px;}
.main .widget .titleWidget{background:#edeff1;color:#333;padding:7px 10px 7px 20px;margin:-10px -10px 10px;font-size:16px;font-weight:bold;border-left:8px solid #ff9c00;}
.main .widget .titleWidget i,.main .widget .content i{color:#ff8b00;}
.main .widget .content{line-height:1.5em;text-align:justify;}
.main .widget .content h5,.main .widget .content h6{font-weight:bold;font-size:16px;padding:0 0 5px;margin:0 0 5px;}
.main .widget .content .columnContent{padding:0;margin:0;}
.main .widget .content .columnContent .columnWrap{padding:0;margin:0;width:33.33333%;float:left;}
.main .widget .content .columnContent .columnWrap .column{padding:2px;line-height:1.3em;}
.main .widget .content .columnContent .columnWrap .column .title{padding:0;margin:0 0 4px;font-weight:bold;}
.main .widget .content .columnContent .columnWrap .column ul{padding:0;margin:0 0 0 10px;list-style:none;}
.main .widget .content .columnContent .columnWrap .column li ul{padding:0;margin:2px 0 0 15px;list-style:none;}
.main .widget .content .columnContent .columnWrap .column li,.main .widget .content .columnContent .columnWrap .column li ul li{padding:0;margin:0 0 4px;list-style:none;}
.main .widget .content .columnContent .columnWrap .column li i{margin:0 2px 0 0;}
.main .widget .content .columnContent .columnWrap .column a{text-decoration:none !important;}
.main .collapseContent .widget{padding:0 10px;margin:0 0 -2px;}
.main .collapseContent .widget .content{padding:0;margin:20px 15px;}
.main .collapseContent .widget .titleWidget{padding:0;}
.main .collapseContent .widget .titleWidget a{color:#333;padding:7px 10px 7px 20px;border-top:1px solid #ccc;text-decoration:none;display:block;}
.main .collapseContent .widget:nth-last-child(1) .titleWidget{margin-bottom:0;}

.sidebar .widget .title{background:#999;padding:7px 10px;margin:-11px -11px 0;color:#fff;font-weight:bold;font-size:14px;}
.sidebar .widget .titleContent{padding:0;margin:10px 0;color:#000;font-weight:bold;font-size:14px;}

/* Search Sidebar */
.sidebar .widget .searchForm{padding:0 0 20px;margin:0 0 20px;border-bottom:1px dotted #ccc;}

/* Slider Price Sidebar */
.tarifkamar .ui-widget-header{background:#f97432;}
.tarifkamar .ui-state-default, .tarifkamar .ui-widget-content .ui-state-default, .tarifkamar .ui-widget-header .ui-state-default{background:#fff !important;border-radius:50%;border:1px solid #ccc !important;box-shadow:1px 1px 4px #dfdfdf;cursor:pointer;}
.tarifkamar .ui-slider-horizontal{border-radius:0;border:none !important;background:#ccc;}
.tarifkamar .ui-slider-range{color:#f97432 !important;}
.tarifkamar .sliderText{border:0;color:#333;padding:0;margin:0 0 10px;font-weight:bold;}
.tarifkamar .ui-slider-horizontal .ui-slider-handle{top:-10px;}
.tarifkamar .ui-slider-horizontal{height:4px;}
.tarifkamar .ui-slider .ui-slider-handle{height:24px;width:24px;text-align:center;}
.tarifkamar .rangePrice{display:flex;align-items:center;}
.tarifkamar .rangePrice .formText{width:45%;}
.tarifkamar .rangePrice div{display:flex;justify-content:center;width:10%;}
.tarifkamar .paddingPrice{padding:18px 18px 15px 10px;}


/* Rating Sidebar */
.ratingHotel{padding:0;margin:0;}
.ratingHotel ul{padding:0;margin:0;list-style:none;}
.ratingHotel li{padding:0;margin:0 0 5px;list-style:none;}
.ratingHotel .bintang{font-size:14px;margin:0 0 0 5px;color:#ff8b00;cursor:pointer;}

/* Hotel List Sidebar */
.hotelSidebarList{padding:0;margin:0;border-bottom:1px dotted #ccc;}
.hotelSidebarList .displayList{padding:0;margin:10px 0;line-height:1.2em;}
.hotelSidebarList .displayList .checkbox{margin:2px 0 0;padding:0;}
.hotelSidebarList .displayList .left{position:absolute;left:20px;right:40px;}
.hotelSidebarList .displayList .right{position:absolute;right:0px;}
.hotelSidebarList .displayList input[type="checkbox"], .hotelSidebarList .displayList input[type="radio"]{margin:0 0 0 -20px;}
.hotelSidebarList .buttonShowMore a{padding:10px 0;text-decoration:underline;color:#ff8b00;cursor:pointer;display:block;}
.hotelSidebarList .buttonShowMore a:before {content:'Tampilkan Selengkapnya'}
.hotelSidebarList .buttonShowMore a[aria-expanded="true"]:before {content:'Sembunyikan';}
.tipeKamarSidebar{padding:0 0 10px;margin:0 0 10px;border-bottom:1px dotted #ccc;}
.tipeKamarSidebar .listContent{padding:0;margin:5px 0 0;width:100%;}
.tipeKamarSidebar .listContent .checkbox{padding:0;margin:0;width:50%;float:left;}
.pencarianPopuler,.allHotel{padding:0;margin:0;}
.pencarianPopuler .hotelSidebarList,.allHotel .hotelSidebarList{padding:10px 0 0;margin:0;border:none;}
.pencarianPopuler .hotelSidebarList a,.allHotel .hotelSidebarList a{display:block;padding:0;margin:0 0 4px;text-decoration:underline;}
.pencarianPopuler .hotelSidebarList .buttonShowMore,.allHotel .hotelSidebarList .buttonShowMore{padding:0;margin:15px 0 0;}
.lokasiSidebar .content .map {background: #f1f1f1;height: 200px;margin: 0 -10px -10px;overflow: hidden;position: relative;}
.lokasiSidebar .content .map .zoom {background: #1ba0e2;color: #fff;cursor: pointer;display: inline-block;font-size: 12px;padding: 2px 8px;position: absolute;right: 2px;top: 2px;z-index: 2;}

/* Widget Full Map */
.mapWidgetFull{border:2px solid #d2d2d2;padding:10px;margin:0;}
.mapWidgetFull .title{background:#edeff1;padding:8px 15px;margin:-10px -10px 0;color:#333;font-size:16px;border-left:10px solid #ff9c00;font-weight:bold;}
.mapWidgetFull .title .nameHotel{font-weight:normal;color:#444;}
.mapWidgetFull .content{padding:0;margin:0;}
.mapWidgetFull .contentHeader{padding:0;margin:0;}
.mapWidgetFull .contentHeader .left{padding:0 0 0 50px;margin:5px 0;background:url(../img/icon/iconHome.png) no-repeat left top;background-size:38px 38px;float:left;width:273px;line-height:1.3em;min-height:38px;}
.mapWidgetFull .contentHeader .left .nameHotel{padding:2px 0 0;font-weight:bold;}
.mapWidgetFull .contentHeader .left .addressHotel{font-size:12px;color:#555;}
.mapWidgetFull .contentHeader .right{padding:0;margin:5px -8px 0 0;float:right;width:695px;}
.mapWidgetFull .contentHeader .right .tab{padding:5px 5px 5px 32px;margin:0 8px 0 0;height:38px;line-height:28px;border:1px solid #ccc;cursor:pointer;text-align:left;float:left;font-weight:bold;font-size:12px;}
.mapWidgetFull .contentHeader .right .tab i{float:right;margin-top:8px;}
.mapWidgetFull .contentHeader .right .tab.noactive i{visibility:hidden;}
.mapWidgetFull .contentHeader .right .tab.hotel{background: url(../img/icon/iconHotel.png) no-repeat 2px center;border-color:#679bff;color:#679bff;}
.mapWidgetFull .contentHeader .right .tab.transportasi{background: url(../img/icon/iconFlight.png) no-repeat 2px center;border-color:#bd10e0;color:#bd10e0;}
.mapWidgetFull .contentHeader .right .tab.atraksi{background: url(../img/icon/iconAttraction.png) no-repeat 2px center;border-color:#f46c6c;color:#f46c6c;}
.mapWidgetFull .contentHeader .right .tab.belanja{background: url(../img/icon/iconMall.png) no-repeat 2px center;border-color:#eb5c20;color:#eb5c20;}
.mapWidgetFull .contentHeader .right .tab.kuliner{background: url(../img/icon/iconCullinary.png) no-repeat 2px center;border-color:#7ed321;color:#7ed321;}
.mapWidgetFull .contentHeader .right .tab.lainnya{background: url(../img/icon/iconOther.png) no-repeat 2px center;border-color:#e0d32c;color:#e0d32c;}
.mapWidgetFull .contentHeader .right .tab.hotel,.mapWidgetFull .contentHeader .right .tab.transportasi,.mapWidgetFull .contentHeader .right .tab.atraksi,.mapWidgetFull .contentHeader .right .tab.belanja,.mapWidgetFull .contentHeader .right .tab.kuliner,.mapWidgetFull .contentHeader .right .tab.lainnya{background-size:26px 26px;}
.mapWidgetFull .mapWidgetWrap{padding:0;margin:10px 0 0;height:320px;background:#f1f1f1;border:1px solid #dfdfdf;display:block;z-index:1;}
.mapWidgetFull .mapWidget{padding:5px;margin:0;display:block;position:relative;}
.mapWidgetFull .mapWidget .zoom{background:#1ba0e2;padding:2px 10px;position:absolute;right:2px;top:2px;font-size:14px;color:#fff;display:inline-block;cursor:pointer;z-index:2;}
.mapWidgetFull .mapWidget .zoom i{margin:0 5px 0 0;}
.mapWidgetFull .listAtraksi{padding:0;margin:10px -10px 0 0;overflow:hidden;}
.mapWidgetFull .listAtraksi .column{padding:0;margin:0 8px 0 0;width:185px;float:left;overflow:hidden;}
.mapWidgetFull .listAtraksi .column .titleList{padding:8px 4px 8px 30px;margin:0 0 15px;border-bottom:1px solid #dfdfdf;font-weight:bold;line-height:24px;vertical-align:middle;}
.mapWidgetFull .listAtraksi .column.transportasi .titleList{background:url(../img/icon/iconFlight.png) no-repeat left center;background-size:24px 24px;}
.mapWidgetFull .listAtraksi .column.lainnya .titleList{background:url(../img/icon/iconOther.png) no-repeat left center;background-size:24px 24px;}
.mapWidgetFull .listAtraksi .column.kuliner .titleList{background:url(../img/icon/iconCullinary.png) no-repeat left center;background-size:24px 24px;}
.mapWidgetFull .listAtraksi .column.belanja .titleList{background:url(../img/icon/iconMall.png) no-repeat left center;background-size:24px 24px;}
.mapWidgetFull .listAtraksi .column.atraksi .titleList{background:url(../img/icon/iconAttraction.png) no-repeat left center;background-size:24px 24px;}
.mapWidgetFull .listAtraksi .column ul{padding:0;margin:0;list-style:none;}
.mapWidgetFull .listAtraksi .column li{padding:0 4px 2px 30px;margin:0 0 2px;list-style:none;line-height:1.3em;font-size:12px;}
.mapWidgetFull .listAtraksi .column li.hideListAtraksi,.mapWidgetFull .listAtraksi .column li.hideListAtraksi ul{padding:0;margin:0;list-style:none;}
.mapWidgetFull .listAtraksi .column li.hideListAtraksi{display:none;}
.mapWidgetFull .listDetailAtraksiMore{color: #3670b7;cursor: pointer;display: block;font-size: 18px;font-weight: bold;margin:15px 30px;padding: 5px 0;text-align: right;}
.mapWidgetFull .listAtraksi .column.transportasi li{background:url(../img/icon/iconFlight.png) no-repeat left top;}
.mapWidgetFull .listAtraksi .column.lainnya li{background:url(../img/icon/iconOther.png) no-repeat left top;}
.mapWidgetFull .listAtraksi .column.kuliner li{background:url(../img/icon/iconCullinary.png) no-repeat left top;}
.mapWidgetFull .listAtraksi .column.belanja li{background:url(../img/icon/iconMall.png) no-repeat left top;}
.mapWidgetFull .listAtraksi .column.atraksi li{background:url(../img/icon/iconAttraction.png) no-repeat left top;}
.mapWidgetFull .listAtraksi .column.transportasi li,.mapWidgetFull .listAtraksi .column.hotel li,.mapWidgetFull .listAtraksi .column.kuliner li,.mapWidgetFull .listAtraksi .column.atraksi li,.mapWidgetFull .listAtraksi .column.belanja li,.mapWidgetFull .listAtraksi .column.lainnya li{background-size:24px 24px;vertical-align:top;}
.mapWidgetFull .listAtraksi .column li .name{padding:0;margin:0 0 2px;}
.mapWidgetFull .listAtraksi .column li .distance{color:#666;}
.mapOverlay{position:absolute;top:0;bottom:0;left:0;right:0;background:transparent;}
.modalFullMap{width:980px;background:#fff;overflow:hidden;}
.modalFullMap .mapWidgetFull{border:none;}
.modalFullMap .modal-content{box-shadow:none;border:none;border-radius:0;position:relative;}
.modalFullMap .modal-content .headerContent{border-bottom:1px solid #dfdfdf;overflow:hidden;padding:5px 10px;}
.modalFullMap .modal-content .content{width:960px;height:550px;background:#eee;margin:10px auto;padding:5px;border:1px solid #dfdfdf;overflow:hidden;position:relative;}

.mapWidgetFull .content .priceHotelMap,.modalFullMap .content .priceHotelMap{height:31px;width:120px;overflow:hidden;font-weight:bold;color:#fff;text-align:center;line-height:24px;}
.mapWidgetFull .content .priceHotelMap,.modalFullMap .content .priceHotelMap{background:url(../img/icon/map/bluePrice.png) no-repeat -0px -0px;}
.mapWidgetFull .content .priceHotelMap.active,.modalFullMap .content .priceHotelMap.active{background:url(../img/icon/map/orangePrice.png) no-repeat -0px -0px;}
.mapWidgetFull .content .priceHotelMap .text,.modalFullMap .content .priceHotelMap .text{font-size:12px;}
.mapWidgetFull .content .priceHotelMap .numeric,.modalFullMap .content .priceHotelMap .numeric{font-size:14px;}
.mapWidgetFull .content .popUpAtraksi,.modalFullMap .content .popUpAtraksi{background:#fff;box-shadow:1px 1px 2px #dfdfdf;height:64px;width:300px;padding:5px 5px 5px 74px;line-height:1.3em;}
.mapWidgetFull .content .popUpAtraksi.transportasi,.modalFullMap .content .popUpAtraksi.transportasi{background:#fff url(../img/icon/map/iconBigMapFlight.png) no-repeat -0px -0px;}
.mapWidgetFull .content .popUpAtraksi.lainnya,.modalFullMap .content .popUpAtraksi.lainnya{background:#fff url(../img/icon/map/iconBigMapLainnya.png) no-repeat -0px -0px;}
.mapWidgetFull .content .popUpAtraksi.belanja,.modalFullMap .content .popUpAtraksi.belanja{background:#fff url(../img/icon/map/iconBigMapMall.png) no-repeat -0px -0px;}
.mapWidgetFull .content .popUpAtraksi.home,.modalFullMap .content .popUpAtraksi.home{background:#fff url(../img/icon/map/iconBigMapHome.png) no-repeat -0px -0px;}
.mapWidgetFull .content .popUpAtraksi.atraksi,.modalFullMap .content .popUpAtraksi.atraksi{background:#fff url(../img/icon/map/iconBigMapAttraction.png) no-repeat -0px -0px;}
.mapWidgetFull .content .popUpAtraksi.kuliner,.modalFullMap .content .popUpAtraksi.kuliner{background:#fff url(../img/icon/map/iconBigMapKuliner.png) no-repeat -0px -0px;}
.mapWidgetFull .content .popUpAtraksi .titleAtraksi,.modalFullMap .content .popUpAtraksi .titleAtraksi{font-size:12px;padding:0;margin:0;}
.mapWidgetFull .content .popUpAtraksi .DecsAtraksi,.modalFullMap .content .popUpAtraksi .DecsAtraksi{font-size:16px;padding:0;margin:0;}

/* ZOOM IN & ZOOM OUT*/
.modalFullMap  .content .zoom{float:right;font-size:14px;color:#fff;display:inline-block;cursor:pointer;z-index:2;}
.modalFullMap  .content .zoom i{margin:0;}
.modalFullMap  .content .zoom .zoom-in, .modalFullMap  .content .zoom .zoom-out{background:#1ba0e2;padding:5px 15px;display:inline-block;}

.hotelPriceMap{background:#fff;padding:5px;width:330px;height:175px;}
.hotelPriceMap .left{float:left;position:relative;}
.hotelPriceMap .left .image{width:102px;height:102px;border:1px solid #dfdfdf;overflow:hidden;}
.hotelPriceMap .left .image img{width:133px;height:100px;margin:0 0 0 -17px;}
.hotelPriceMap .left .roomPrice{font-size: 12px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #4f4e4e;margin: 8px 0 3px;}
.hotelPriceMap .left .perNight{font-size: 10px;color: #4f4e4e;}
.discountRoomMap{background:url(../img/icon/diskonSearch.png) no-repeat scroll 0 0;color: #fff;font-weight: bold;height: 55px;left: 0;line-height: 1.2em;margin: 0;padding: 5px 0;position: absolute;text-align: center;top: 0;width: 50px;}
.discountRoomMap span{width:37px;overflow:hidden;text-align:center;color:#fff;font-weight:bold;display:inline-block;font-size:14px;line-height:1.2em;padding:4px 0 0;}
.hotelPriceMap .right{float:right;line-height:1.3em;width:208px;margin-left:5px;overflow:hidden;}
.hotelPriceMap .right .titleHotel{font-size:14px;font-weight:bold;line-height:1.3em;}
.hotelPriceMap .right .titleHotel a{color:#df733f;text-decoration:none;}
.hotelPriceMap .right .titleHotel .textTitle{margin:5px 0;color:#4f4e4e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:18px;}
.hotelPriceMap .right .titleHotel .rating{color:#ffce00;display:inline-block;}
.hotelPriceMap .right .titleHotel .rating > i {margin-right:5px;}
.hotelPriceMap .right .addressHotel{font-size:12px;color:#4f4e4e;line-height:16px;padding:0;margin:6px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;}
.hotelPriceMap .right .addressHotel > img{height:14px;width:14px;position:inherit;vertical-align:sub;}
.hotelPriceMap .right .addressHotel > span{margin-left:6px;}
.hotelPriceMap .right .contentBottom{padding:0;margin:6px 0px;position: absolute;top: 90px;left: 117px;}
.hotelPriceMap .right .contentBottom .leftContent{padding:0;margin:0;float:left;}
.hotelPriceMap .right .contentBottom .leftContent .ratingPP,.hotelPriceMap .right .contentBottom .leftContent .ratingTA{padding:2px 0;margin:0 0 4px;height:20px;font-weight:400;}
.hotelPriceMap .right .contentBottom .leftContent .ratingPP .circle{background-color: #0000;border: 1px dashed #ff9c01;border-radius: 18px;height: 22px;width: 22px;}
.hotelPriceMap .right .contentBottom .leftContent .ratingPP .circlein{background-color: #f80;border-radius: 18px;height: 18px;width: 18px;position: absolute;top: 4px;left: 2px;}
.hotelPriceMap .right .contentBottom .leftContent .ratingPP .circlein b{    font-size: 10px;color: #fff;position: absolute;top: 2px;left: 2px;font-weight: normal;}
.hotelPriceMap .right .contentBottom .leftContent .ratingPP span b{position:absolute;font-size:8px;color:#ffffff;top:3px;left:5px;}
.hotelPriceMap .right .contentBottom .leftContent .ratingPP p{display:inline-block;color:#989898;font-size: 11px;position: absolute;top: 6px;left:12px;width: 96px;}
.hotelPriceMap .right .contentBottom .leftContent .ratingPP b{color: #ff9c01;}
.hotelPriceMap .right .contentBottom .leftContent .ratingPP img{display: inline-block;position: absolute;top: 6px;left: 18px;}
.hotelPriceMap .right .contentBottom .leftContent .ratingTA span,.hotelPriceMap .right .contentBottom .leftContent .ratingPP span:nth-child(3){font-weight: 400;font-size: 13px;color: #989898;}
.hotelPriceMap .right .contentBottom .rightContent{padding:4px;margin:0;float:right;width:115px;text-align:right;position: inherit;left: 96px;font-size: 11px;color: #4f4e4e;width: 120px;}
.hotelPriceMap .right .dashline{height: 1px;border-top: dashed 1px #eaeaea;position: absolute;top: 120px;width: inherit;}
.hotelPriceMap .right .contentPrice{padding: 0;text-align: right;line-height: 1.3em;width: inherit;margin: 8px 0;position: inherit;}
.hotelPriceMap .right .contentPrice .normalPrice{font-size: 12px;line-height: 12px;text-align: right;height: 12px;}
.hotelPriceMap .right .contentPrice .normalPrice > b{color: #ffa500;text-align: right;font-weight: bold;}
.hotelPriceMap .right .contentPrice .normalPrice > span{padding: 0 1px;text-align: right;}
.hotelPriceMap .right .contentPrice .normalPrice > span > i{font-style: normal;padding: 0 0 4px;margin: 0 0 4px;color: #bdbdbd;text-decoration: line-through;}
.hotelPriceMap .right .contentPrice .diskonPrice{font-size: 15px;color: #f97432;font-weight: bold;text-transform: none;margin: 2px auto 2px;text-align: right;cursor: pointer;height: auto;}
.hotelPriceMap .right .contentPrice .tax{font-size: 10px;font-weight: bold;line-height: 12px;color: #4f4e4e;text-align: right;margin: 4px 0;}
.hotelPriceMap .right .contentBottom .rightContent .normalPrice,.hotelPriceMap .right .contentBottom .rightContent .diskonPrice{padding:0;margin:0 0 4px;height:20px;overflow:hidden;font-weight:bold;}
.hotelPriceMap .right .contentBottom .rightContent .normalPrice{font-size:12px;color:#777;text-decoration:line-through;margin:8px 0 0;}
.hotelPriceMap .right .contentBottom .rightContent .diskonPrice{font-size:16px;line-height:14px;}
.hotelPriceMap .right .contentBottom .rightContent .diskonPrice,.hotelPriceMap .right .contentBottom .leftContent .ratingTA{margin:0;}
.hotelPriceMap .right .contentBottom .rightContent .ratingTA{font-size: 11px;color: #4f4e4e;width: 120px;}
.hotelPriceMap .leftContent .ratingTA > img {margin-left: -3px;}

.historyHotelSidebar ul{padding:0;margin:5px 0;list-style:none;}
.historyHotelSidebar li{padding:5px 0;margin:0;list-style:none;}
.historyHotelSidebar li a .left{padding:0;margin:0;float:left;width:60px;height:60px;overflow:hidden;}
.historyHotelSidebar li a .left img{margin:0 0 0 -14px;width:80px;height:65px;}
.historyHotelSidebar li a .right{padding:0;margin:0;float:right;width:110px;overflow:hidden;}
.historyHotelSidebar li a .right .titleContent{line-height:1.3em;font-weight:bold;padding:0;margin:0;font-size:12px;color:#337ab7;}
.historyHotelSidebar li a .right .rating{color:#ff8b00;display:inline-block;}
.historyHotelSidebar .deleteHistory a{color: #ff8b00;display: block;text-decoration: underline;}
.historyHotelSidebar li a .right .address{line-height:1.3em;padding:0;margin:2px 0 0;font-size:12px;color:#999;}

.historyHotelSidebar li a .right .ratingPP img,.historyHotelSidebar li a .right .ratingTA img{vertical-align:top;margin:2px 0 0;}
.historyHotelSidebar li a .right .ratingPP span,.historyHotelSidebar li a .right .ratingTA span{background:#f97432;padding:0;text-align:center;width:22px;height:20px;line-height:20px !important;color:#fff;font:normal 11px arial;float:left;margin:0 3px 0 0;}
.historyHotelSidebar li a .right .ratingTA span{background:#5a993d;}

/* Main Search */
.formCalendar{background:#e5e5e5;padding:5px 10px 10px;margin:0 0 20px;font-size:13px;}
.formCalendar label{margin:0;padding:0;}
.formCalendar .inputForm .formText{padding-left:40px;}
.formCalendar .formText{font-size:13px;border:1px solid #bbb;}
.formCalendar .inputForm{position:relative;}
.formCalendar .formCalendarLeft .inputForm i{position:absolute;left:15px;top:10px;font-size:16px;color:#777;}
.formCalendar .formCalendarLeft{width:430px;float:left;overflow:hidden;}
.formCalendar .formCalendarLeft .checkIn,.formCalendar .formCalendarLeft .checkOut{width:160px;float:left;overflow:hidden;margin-right:10px;}
.formCalendar .formCalendarLeft .night,.formCalendar .formCalendarLeft .room{width:90px;float:left;overflow:hidden;}
.formCalendar .formCalendarLeft .night{margin-right:10px;}
.formCalendar .formCalendarRight{width:100px;margin:0 10px;float:left;overflow:hidden;}
.formCalendar .formCalendarRight .titleKamar{margin:30px 0 0;width:60px;float:left;overflow:hidden;font-weight:bold;text-align:right;}
.formCalendar .formCalendarRight .dewasa{width:90px;}
.formCalendar .formCalendarRight .anak{width:65px;float:left;overflow:hidden;margin-left:10px;}
.formCalendar .formAction{margin:22px 0 0;width:150px;float:right;overflow:hidden;}
.formCalendar .formAction .formButton{background:#3498db;border-color:#3498db;}
.formCalendar .formAction .formButton.inactive{background:rgba(52,152,219,0.4);border-color:rgba(52,152,219,0.1)}
.formCalendar .formAction .formButton.inactive:hover{box-shadow:none;}

.mainSearchResult{padding:0;margin:0 0 15px;}
.mainSearchResult .navSearchResult{padding:0;margin:0;}
.mainSearchResult .navSearchResult .left{padding:0;margin:0;width:410px;overflow:hidden;float:left;font-weight:bold;line-height:38px;}
.mainSearchResult .navSearchResult .left h2{font-size:inherit;font-weight:inherit;line-height:inherit;margin:inherit;}
.mainSearchResult .navSearchResult .right{padding:0;margin:0;width:340px;overflow:hidden;float:right;}
.mainSearchResult .navSearchResult .right label{float:right;font-weight:normal;line-height:38px;margin:0 10px 0 0;}
.mainSearchResult .navSearchResult .right .option{float:right;width:230px;}
.mainSearchResult .showHotel{margin:0 0 -10px;}

.listResult{padding:0;margin:0;}
.listResult .listContent{padding:10px;margin:10px -10px 0px;border:1px solid #dfdfdf;position:relative;}
.listResult.notFound{border-color:#ff9c00;margin:35px 0;}
.listResult.notFound span{padding:25px;text-align:center;display:block;margin:0 auto;font-size:16px;}

.hotelRecommended{padding:0 20px;margin:0;}
.hotelRecommended ul,.hotelRecommended li{padding:0;margin:0;list-style:none;}
.hotelRecommended .box{width:225px;height:396px !important;float:left;margin:5px 0;padding:0;}
.hotelRecommended .box .contentBox{padding:5px 6px;margin:10px 5px 0 0;position:relative;height:376px !important;}
.hotelRecommended .box .contentBox .hoverBox{width:215px;display:block;padding:7px;cursor:pointer;margin:0;position:absolute;top:-7px;bottom:-7px;overflow:hidden;box-shadow:0 0 0 1px #ccc inset;}
.hotelRecommended .box .contentBox .hoverBox:hover{box-shadow:0 0 0 2px #ff9c00 inset;}
.hotelRecommended .box .contentBox .hoverBox a{display:block;width:200px;height:366px;text-decoration:none;position:relative;margin:-2px 0 0;}
.hotelRecommended .box .contentBox .hoverBox a .top{width:200px;height:150px;position:absolute;top:2px;}
.hotelRecommended .box .contentBox .hoverBox a .top img{width:200px;height:150px;}
.hotelRecommended .box .contentBox .hoverBox a .middle{width:200px;height:110px;position:absolute;top:160px;padding:0;overflow:hidden;text-align:left;color:#333;}
.hotelRecommended .box .contentBox .hoverBox a .middle .title{font-size:14px;font-weight:bold;line-height:1.3em;margin:4px 0;display:block;color:#337ab7;}
.hotelRecommended .box .contentBox .hoverBox a .middle .title .rating{font-size:12px;color:#ff9c00;vertical-align:top;display:inline-block;}
.hotelRecommended .box .contentBox .hoverBox a .middle .address{font-size:12px;line-height:1.3em;margin:4px 0;max-height:34px;overflow:hidden;display:block;}
.hotelRecommended .box .contentBox .hoverBox a .middle .description{font-size:11px;line-height:1.3em;max-height:30px;overflow:hidden;display:block;}
.hotelRecommended .box .contentBox .hoverBox a .bottom{width:200px;height:95px;border-top:1px solid #999;position:absolute;bottom:-2px;padding:5px 0 0;}
.hotelRecommended .box .contentBox .hoverBox a .bottom .formButton{width:100px;position:absolute;bottom:0;left:0;height:32px;line-height:32px;text-transform:none;font-size:13px;}
.hotelRecommended .box .contentBox .hoverBox a .bottom .balonDiskon{width:51px;position:absolute;bottom:0;right:0;height:64px;background:url(../img/icon/balonDiskon.png) no-repeat -0px -0px;}
.hotelRecommended .box .contentBox .hoverBox a .bottom .balonDiskon span{width:30px;height:30px;line-height:30px;text-align:center;overflow:hidden;display:inline-block;margin:12px 0 0 10px;font-size:13px;color:#333;font-weight:bold;}
.hotelRecommended .box .contentBox .hoverBox a .bottom .normalPrice{color:#555;text-decoration:line-through;}
.hotelRecommended .box .contentBox .hoverBox a .bottom .diskonPrice{color:#333;font-weight:bold;font-size:22px;margin:5px 0 0;}

.listResult .listContent a.overflowLink{position:absolute;left:0;right:0;top:0;bottom:80px;z-index:2;}
.listResult .listContent a.overflowLink span{display:none;}
/*.listResult .listContent:nth-last-child(1){border-bottom:none;}*/
.listResult .listContentBorder{width:1px;background:#f1f1f1;position:absolute;bottom:0;top:0;right:167px;}
.listResult .listContent:hover{/*background:#f9f9f9;*/box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);}
.listResult .listContent .left{padding:0;margin:0;width:249px;float:left;overflow:hidden;color:#333;}
.listResult .listContent .left .imageHotel{padding:0;margin:0 0 5px;width:249px;height:195px;overflow:hidden;position:relative;}
.listResult .listContent .left .imageHotel .contentImage,.listContent .listResult .left .imageHotel .contentImage img{padding:0;margin:0;width:249px;height:200px;overflow:hidden;position:relative;}
.listResult .listContent .left .imageHotel .diskonHotel{padding:5px 0;margin:0;color:#fff;font-weight:bold;text-align:center;height:55px;width:50px;position:absolute;top:0;left:0;background:url(../img/icon/diskonSearch.png) no-repeat -0px -0px;line-height:1.2em;}
.listResult .listContent .right .mediumFitur{padding:0;margin:8px auto;display:block;z-index:3;position:relative;}
.listResult .listContent .right .mediumFitur .mediumFitur1,.listResult .listContent .right .mediumFitur .mediumFitur2,.listResult .listContent .right .mediumFitur .mediumFitur3,.listResult .listContent .right .mediumFitur .mediumFitur4,.listResult .listContent .right .mediumFitur .mediumFitur5,.listResult .listContent .right .mediumFitur .mediumFitur6,.listResult .listContent .right .mediumFitur .mediumFitur7{width:20px !important;height:20px;background-size: 20px 20px;margin:0 0 0 -2px;display:inline-block;}
.listResult .listContent .right .mediumFitur .mediumFitur7{width:26px !important;height:20px;background-size: 26px 20px;}
.listResult .right{padding:0;margin:0;width:470px;float:right;}
.listResult .right .contentLeft{padding:0;margin:0;width:300px;float:left;}
.listResult .right .contentLeft .title{font-size: 18px;font-weight: bold;margin: 0 0 5px;padding: 0;color:#337ab7;line-height: normal;}
.listResult .right .contentLeft .title h3{display: inline;font-size:inherit;font-weight:inherit;line-height:inherit;margin:inherit;}
.listResult .right .contentLeft .title .rating{color:#ff8b00;font-size:18px;margin:0 0 0 5px;vertical-align:top;font-size:16px;display:inline-block;}
.listResult .right .contentLeft .address,.listResult .right .contentLeft,.listResult .right .contentLeft .fiturText{color:#666;font-weight:bold;font-size:12px;line-height:1.3em;padding:2px 0;}
.listResult .right .contentLeft .linkPeta{cursor:pointer;color:blue;text-decoration:underline;padding:0 0 0 7px;display:inline-block;position:relative;z-index:3;}
.listResult .right .contentLeft .contentDescriptionHotel{margin:0px 0 5px;color:#666;line-height:1.3em;font-size:12px;max-height:32px;overflow:hidden;font-weight: 400;}
.listResult .right .contentLeft .titleDescription{height: 45px; overflow: hidden;font-weight: bold;font-size: 12px;color: #555555;line-height: 16px;margin-top: 5px;}
.listResult .right .contentLeft .wrapperMember{display: none;}
.listResult .right .contentLeft .wrapperMember .contentDescriptionMember{padding:0;margin-bottom:10px;color:#666;line-height:1.3em;font-size:12px;max-height:45px;overflow:hidden; font-style:italic; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3}
.listResult .right .contentLeft .wrapperMember .member{font-weight: bold;font-size: 12px;color: #555555;margin-bottom: 5px; position:relative; top:-5px;}
.listResult .right .contentLeft .note{padding:5px;margin:0;color:#666;border:1px solid #d60000;line-height:1.3em;font-size:12px;font-weight:bold;text-align:center;}
.listResult .contentRight{padding:0;margin:0;width:148px;float:right;}
.listResult .right .contentRight .note{padding:5px;margin:0;margin-top:8px;color:#666;border:1px solid #d60000;line-height:1.5em;font-size:12px;font-weight:bold;}
.ratingList{margin:0 0 5px 5px;}
/*.ratingList .ratingLeft{width:68%;text-align:right;float:left;padding:0 8px 0 0;}*/
.ratingList .ratingLeft p{color:#FF8B00;margin:0;font-weight:bold;}
.ratingList.ratingLow .ratingLeft p{color:#333;font-weight:initial;}
.ratingList .ratingLeft h6{color:#999;margin:0;}
/*.ratingList .ratingRight{width:32%;float:left;padding:3px 0;}*/
.ratingList .ratingRight> span {color: #898989;font-size: 13px;font-weight: 400;}
.ratingList .ratingRight> span:first-child{color:#FF8B00;margin:0;font-size:15px;font-weight:bold;}
.ratingList .ratingRight> span:last-child {font-size: 12px;}
.ratingList.ratingTripadvisor > * > span {font-size: 12px;color: #898989;font-weight: 400;}
.ratingList.ratingTripadvisor .ratingRight h2{color:#00b087;}
.ratingList.ratingLow .ratingRight h2{color:#333;font-weight:initial;}
.contentPrice{cursor:pointer;padding:0;line-height:1.3em;position:absolute;bottom:5px;margin:0 auto;width:150px;}
.contentPrice .perNight{font-size: 10px;line-height: 12px;padding: 0;margin: 0;color: #898989;text-align: right;}
.contentPrice .priceDetailButton{font-size: 10px;line-height: 12px;font-weight: bold;padding: 0;margin: 13px 0 6px;color: #4f4e43;text-align: right;/*font-style: italic;*/cursor:pointer;}
.contentPrice .priceDetailButton > i {margin-left: 4px;font-size: 7px;}
.contentPrice .normalPrice{font-size: 12px;padding: 0 1px;text-align: right;line-height: 12px;}
.contentPrice .normalPrice > span{padding: 0 1px;text-align: right;}    
.contentPrice .normalPrice > * {display: inline-table;}
.contentPrice .normalPrice > b {color: #ffa500;text-align: right;font-weight: bold;}
.contentPrice .normalPrice > span > i{font-style: normal;color: #bdbdbd;text-decoration: line-through;}
.contentPrice .diskonPrice{font-size: 17px;color: #f97432;font-weight: bold;text-transform: none;margin: 3px auto 0;text-align: right;cursor: pointer;height: auto;line-height: 20px;}
.contentPrice .reward{padding:0 0 4px;margin:7px 0 0;text-align:center;font-weight:bold;color:#333;font-size:11px;line-height:1.3em;}
.contentPrice .reward .num{display:inline-block;}
.contentPrice .reward .pepereward-text{color:#555;font-size:12px;font-weight:400;}
.priceDetailToggle {display:none;padding: 10px 10px 0;margin: -10px -10px 10px;border: 1px solid rgb(223, 223, 223);border-top: none;overflow: auto;} 
.listResult .priceDetailBox { padding: 8px;margin: 0 -10px;position: relative;height: 68px;text-align: right;font-size: 12px;font-weight: lighter;}
.listResult .priceDetailBox .right{line-height: 20px;    color: #4f4e4e;}
.listResult .priceDetailBox .right .contentRight{font-weight: bold;}
.listResult .priceDetailBox .right .contentLeft {color:#b2b2b2;line-height: 20px; padding: 0; color: #4f4e4e;}
.listResult .priceDetailBox .right .contentLeft .price{color:#898989;}
.listResult .priceDetailBox .right > hr {width: inherit;margin-top: 25px;margin-bottom: 0;border-top: 1px solid #dfdfdf;}
.listResult .priceDetailBox .right .price{margin: 4px 0;}
.listResult .priceDetailBox .right .free{font-weight: 700;color: #94d853;}
.listResult .totalBox{padding: 0 10px;line-height: 26px;margin: 0px -10px;position: relative;height: 26px;text-align: right;font-size: 12px;font-weight: lighter;color: white;background: #4f4e4e;}
.listResult .totalBox .right{color: white;font-weight: bold;line-height: 26px}
.listResult .totalBox .right .contentLeft{color: white;line-height: 26px;padding: 0;}
.pageNavigation{float:right;padding:0;margin:10px 0;font-size:16px;}
.pageNavigation .buttonNav{padding:0;margin:0 0 0 8px;width:38px;height:38px;line-height:38px;display:inline-block;text-align:center;border:1px solid #dfdfdf;}
.pageNavigation .buttonNav{color:#666;text-decoration:none;}
.pageNavigation .buttonNav i{font-size:20px;}
.pageNavigation .buttonNav:hover{border-radius:3px;border-color:#ff8b00;background:#f9f9f9;}
.pageNavigation .noLink{padding:0;margin:0 0 0 8px;width:38px;height:38px;line-height:38px;display:inline-block;text-align:center;border:none;background:none;border-radius:0;}

/* Date Picker */
.ui-widget-content .ui-datepicker-today .ui-state-default{background-color: #FFE4B3 !important;}
.ui-datepicker-header{font-weight:normal;}
.ui-widget-content{border-radius:0 !important;border-color:#f97432;color:#666;z-index:5 !important;}
.ui-datepicker-header{background:none;border:none;color:#444;}
.ui-datepicker-week-end,.ui-datepicker-week-end a.ui-state-default,.specialDate a.ui-state-default,.ui-datepicker td.holiday a,.week-end a{color:red;}
.specialDate a.ui-state-default, .ui-datepicker td.holiday a, .ui-datepicker td.ui-state-holiday a, .ui-datepicker-week-end, .ui-datepicker-week-end a.ui-state-default, .week-end a {color: red;}
.ui-datepicker,.ui-widget-header,.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background:#fff;font-weight:normal;color:#333;}
.ui-datepicker td{padding:0;border:1px solid #ddd;}
a.ui-state-default:hover{background:#f97432 !important;color:#fff !important;display:block;}
.ui-state-active{box-shadow:0 0 0 2px #f97432 inset;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border:none;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,.ui-datepicker-week-col{text-align:center;border-radius:0;}
.ui-datepicker-prev,.ui-datepicker-next,.ui-state-hover.ui-datepicker-prev-hover,.ui-state-hover.ui-datepicker-next-hover{background:none !important;border:none !important;border:none !important;top:3px !important;}
.ui-datepicker-next{right:3px !important;cursor:pointer;}
.ui-datepicker-prev{left:3px !important;cursor:pointer;}
.ui-autocomplete {max-height: 300px;overflow-y: auto;overflow-x: hidden;}
* html .ui-autocomplete {height: 300px;}
.ui-menu-item{text-align:left;background:none !important;border-color:#f68f32 !important;padding:0;margin:0;}
.ui-autocomplete-category{text-align:left;background:#ea5b19;border-color:#ea5b19;color:#fff;padding:5px 5px;font-size:18px;}
.ui-menu-item:hover{background:#f68f32 !important;color:#fff;}

/* Footer */
.footer-wrapper{width:980px;margin:45px auto;background:#999;}
.footer{padding:0;margin:0;}
.footer a{color:#fff;text-decoration:none;}
.footer a:hover{text-decoration:underline;}
ul.imageList li,.tripAdvisor,.geoTrust img{border-radius:2px;overflow:hidden;}
.footer-icon{background:#fff url(../img/icon/footer-payment.png) no-repeat bottom left;}
.footer-icon .subscribe{width:610px;float:right;}
.footer-icon .subscribe .title{font-size:16px;line-height:1.3em;font-weight:bold;padding:0;margin:0;color:#555;}
.footer-icon .subscribe .subtitle{font-size:14px;line-height:14px;font-weight:normal;padding:0;margin:0;color:#666;}
.footer-icon .subscribe .formSubscribe{padding:5px 0 0;margin:5px 0 0;}
.footer-icon .subscribe .formSubscribe .left{width:68%;float:left;}
.footer-icon .subscribe .formSubscribe .right{width:30%;float:right;}
.footer-icon .subscribe .formSubscribe .messageSubscribe{padding:0;margin:0;display:block;font-weight:bold;font-size:16px;margin:12px 0;}
.footer-icon .subscribe .formSubscribe .messageSubscribe .success{color:green;}
.footer-icon .subscribe .formSubscribe .messageSubscribe .warning{color:red;}
.footer-middle-content{border-bottom:4px solid #fff;padding:20px;margin:0 0 15px;color:#fff;}
.footer-middle-content ul{padding:0;margin:0;list-style:none;}
.footer-middle-content li{padding:0 0 2px;margin:0 0 2px;list-style:none;}
.footer-middle-content h5{font-weight:normal;font-size:18px;padding:0 0 10px;margin:10px 0 15px;border-bottom:1px solid #fff;}
.footer-middle-content h6{font-size:14px;font-weight:normal;}
.middle-content-first{width:160px;overflow:hidden;float:left;margin:0;}
.middle-content-second{width:160px;overflow:hidden;float:left;margin:0 20px;}
.middle-content-third{width:310px;overflow:hidden;float:left;margin:0 20px 0 0;text-align:left;}
.middle-content-four{width:250px;overflow:hidden;float:left;margin:0;}
.middle-content-four .comodo{margin-bottom:20px;}
.middle-content-four .tripAdvisor{background:#fff;width:158px;height:31px;padding:5px 10px;border-radius:3px;}
.maskapaiFooter{padding:0 0 20px;margin:0 20px;color:#fff;font-size:12px;}
.maskapaiFooter h5{padding:0 0 10px;margin:0 0 5px;border-bottom:1px solid #fff;font-size:18px;font-weight:normal;}
.maskapaiFooter ul{padding:0;margin:0;list-style:none;}
.maskapaiFooter li{list-style:none;display:inline-block;padding:0;margin:0;}
.maskapaiFooter li:after {content: "-";padding:0 4px;}
.maskapaiFooter li:nth-last-child(1):after{content: ""}
.copyright{text-align:right;padding:0 20px 20px;color:#fff;}
ul.imageList{padding:0;margin:20px 0 0;list-style:none;}
ul.imageList li{padding:0;margin:0;list-style:none;display:inline-block;}
.spriteFooter{background:url(../img/icon/spriteFooter.png) no-repeat center;position:relative;}
.spriteFooterBank li span{background:url(../img/icon/spritePayment.png) no-repeat center;position:relative;width:100px;height:35px;display:block;border-radius:3px;}
.bca{background-position:-3px -40px !important;}
.mandiri{background-position:-3px -116px !important;}
.bni{background-position:-110px -2px !important;}
.bri{background-position:-110px -40px !important;}
.klikbca{background-position:-3px -78px !important;}
.cimbclicks{background-position:-110px -78px !important;}
.mastercard{background-position:-110px -116px !important;}
.visa{background-position:-3px -154px !important;}
.a123{background-position:-110px -154px !important;}
.permata{background-position:-213px -2px !important;}
.alfamart{background-position:-214px -40px !important;}
.indomaret{background-position:-214px -78px !important;}
/*.amg{width:100px;height:41px;background-position: -129px -0px !important;display:block;}
.recruit{width:128px;height:41px;background-position: -0px -0px !important;display:block;}*/
.single-image {
	padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
    vertical-align: sub;
}
.single-image__wrapper {
    display: block;
    padding: 4px;
    width: 100px;
    height: 34px;
    border-radius: 2px;
    background-color: white;
    text-align: center;
    background: white !important;
    position: relative;
}
.single-image__wrapper > img {
  position: absolute;
  top: 50%;
  width: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.single-image--akulaku {
  max-height: 28px;
}

/* label new on menu */
.bubbles{background-color: #f97432;border: medium none !important;bottom: -9px;color: #FFF;display: block;right: 0%;margin-bottom: 44px;margin-left: -70px;padding: 0px !important;position: absolute;text-align: center;width: 28px;z-index: 100;}
.bubbles p {font: bold 10px Tahoma;margin: 2px 1px 2px 2px;}
.bubbles strong{font-style: italic;font-weight: bold;}
.bubbles:after,.bubbles:before  {bottom: 9px;border-width: 9px 7px 1px 0px;border-style: solid solid none;border-color: #c04915 transparent;content: " ";display: block;height: 0px;left: -26%;overflow: hidden;position: absolute;width: 0px;z-index: 101;transform: rotate(180deg);}
.bubble:before {bottom: -5px;border-top-color: #F00;z-index: 99;}
.beta{color: #555;position: absolute;border: none !important;padding: 0px !important;left: 29%;bottom: 0px;font-size: 10px;font-weight:bold;display:none;}
.menuHeader .nav > li.active > a,.menuHeader .nav > li.active > a:hover,.menuHeader .nav > li > a:focus,.menuHeader .nav > li > a:hover span.beta{color:#fff;}
.menuHeader .nav > li.active > a,.menuHeader .nav > li.active > a:hover,.menuHeader .nav > li > a:focus,.menuHeader .nav > li > a:hover span#bubbles{display:block;}
.bt15{bottom:-15px;}
.bubbles.bt15:after,.bubbles.bt15:before {border-color: transparent;}
@media screen and (-webkit-min-device-pixel-ratio:0){.bubbles p {margin: 4px 1px 2px 2px;}}

/* Coupon Float Bottom */
.kuponFixedBottom #klik-disini {background: #f60;cursor: pointer;height: 37px;padding-right: 5px;padding-top: 5px;}
.kuponFixedBottom #klik-disini {border-radius: 8px 8px 0 0;position: relative;}
.kuponFixedBottom #klik-disini {position: relative;}
.kuponFixedBottom .pepenew {left: -15px;position: absolute;top: -30px;}
.kuponFixedBottom .voucari {color: #fff;display: inline-block;font-size: 14px;line-height: 14px;margin-left: 47px;width: 107px;}
.kuponFixedBottom .floating-disc {bottom: 0;position: fixed;right: 10px;z-index: 9999;}
.kuponFixedBottom .fl2 {width: 300px;}
.kuponFixedBottom .fl3 {height: 95px !important;width: 274px !important;}
.kuponFixedBottom #voucherFront2 .fl3 {height: 80px !important;}
.kuponFixedBottom .batal-kupon-btn {height: 30px;padding: 0;width: 75px;background-color: #006dcc !important;background-image: linear-gradient(to bottom, #08c, #04c);background-repeat: repeat-x;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);color: #fff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
.kuponFixedBottom #discountMessage,.kuponFixedBottom #voucherSuggestionMessage{color: #fff;font-weight:bold;font-size:16px;line-height:1.2em;}
.kuponFixedBottom #voucherSuggestionMessage{font-size:14px;font-weight:normal;}
.kuponFixedBottom .voucari {color: #fff;display: inline-block;font-size: 14px;line-height: 14px;margin-left: 47px;width: 107px;}
.kuponFixedBottom .fl-apply {font-size: 11px;width: 225px !important;}
.kuponFixedBottom .fl-apply.voucari span{color:#ffff29; font-weight:bold;}
.kuponFixedBottom .kupon-btn {height: 28px;padding: 2px;width: 32px;background-color: #006dcc !important;background-image: linear-gradient(to bottom, #0088cc, #0044cc);background-repeat: repeat-x;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
.kuponFixedBottom .kupon-input {height: 28px !important;padding: 2px 4px;border-radius:2px;border:none;}
.kuponFixedBottom .input-small {width: 100px;}
.kuponFixedBottom .clp {cursor: pointer;position: absolute;right: 6px;top: -14px;z-index: 9999;}
.kuponFixedBottom .bub {position: absolute;right: 195px;top: -100px;}
.kuponFixedBottom #voucherFront2 .bub {right: 100px;top: -135px;}
.kuponFixedBottom .bubble::after {border-color:#f3961c transparent;border-style: solid;border-width: 17px 0 0 20px;bottom: -16px;content: "";display: block;left: 55px;position: absolute;width:0;}
.kuponFixedBottom .bubble {background: rgba(0, 0, 0, 0) linear-gradient(#f9d835, #f3961c) repeat scroll 0 0;border-radius:10px;color:#000;padding:17px;position:relative;text-align:center;min-width:230px;font-size:12px;line-height:1.5em;}
.kuponFixedBottom #voucherFront2 .bubble {min-width:280px;}

.subMenuInfomartion{position:relative;cursor:pointer;}
.subMenuInfomartion i{position:absolute;right:10px;}
.subMenuInfomartion .contentSubMenuInfo{display:none;}
.subMenuInfomartion:hover .contentSubMenuInfo{display:block;position:absolute;top:0;left:248px;min-width:160px;background:#edeff1;}
.stickyTop .subMenuInfomartion:hover .contentSubMenuInfo{left:205px;}
.subMenuInfomartion .contentSubMenuInfo ul{padding:0;margin:0;list-style:none;}
.subMenuInfomartion .contentSubMenuInfo li{padding:0 !important;margin:0 !important;list-style:none;border:none !important;font-weight:normal;}

#voucherFront2,#voucherFront3,#voucherBack,#voucherBack #bubbleMessage{display:none;}

/*MPAVI-1919*/
.kuponFixedBottom .bub {left: -30px; width:325px;}
.kuponFixedBottom .bubble {right: -10px;}
.kuponFixedBottom .floating-disc {left: 30px;}
.kuponFixedBottom .clp {left: 250px;}
#voucherFront {display:none;width: 160px;}
#voucherFront2 {display:none;width: 275px;}
#voucherFront3 {display:none;}
#voucherBack {display:none;width: 300px;}

.navbar-nav .dropdown-toggle:active, .navbar-nav .open .dropdown-toggle  {background:#f97432 !important;color:#fff;}

/* Additional Info for CS */
.header .headerContact{overflow:visible;}
.weekendHolidayCS{color:#ff9c00;font-size:11px;}
.weekendHolidayCS i{color:#ff9c00 !important;padding:0 0 5px;position:relative;cursor:pointer;z-index:1000;}
.weekendHolidayCS i:hover .ifr{display:block;}
.weekendHolidayCS i .ifr{position:absolute;left:-185px;top:22px;display:none;}
.weekendHolidayCS i .ifr iframe{width:262px;height:230px;z-index:9999;border:1px solid #000;} /* set height and width for iframe cs schedule */
.header .headerContact li.serviceHour{padding: 1px 8px 0px 0px !important;}
.header .headerContact li.phoneNumber{padding:1px 8px 3px 0 !important;}

/* Internet Explorer ONLY */
@media screen\0 {
	.weekendHolidayCS{margin:0 0 0 -2px;}
}
@media screen\9 {
	.weekendHolidayCS{margin:0 0 0 -2px;}
}

/* Include Tax */
.includeTax-wrapper{height:19px;}
.includeTax{font-size:12px;color:#337ab7;font-weight:bold;z-index:3;position:absolute;cursor:default;margin:0 2.5px;}
.includeTax span{text-decoration:underline;}
.includeTax i{font-size:14px !important;}
.includeTax .includeTax-hover{z-index:4;position:absolute;width:385px;height:130px;background-color:#f0f0f0;border:1px solid #c0c0c0;box-shadow:0px 4px 5px 0px rgba(0,0,0,0.5);margin-left:-250px;margin-top:12px;padding:0 15px 9px;display:none;}
.includeTax:hover .includeTax-hover{cursor:pointer;display:block;}
.includeTax .includeTax-hover .triangle{width:20px;height:20px;margin-top:-10px;background-color:#f0f0f0;border:1px solid #c0c0c0;border-bottom:0;border-right:0;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);margin-left:300px;}
.includeTax .includeTax-hover hr{margin:10px auto !important;border-color:#c0c0c0 !important;}
.includeTax .includeTax-hover .text{line-height:23px;}
.includeTax .includeTax-hover .text .left, .includeTax .includeTax-hover .text .right{font-weight:normal;}
.includeTax .includeTax-hover .text .left{width:234px !important;text-align:left;}
.includeTax .includeTax-hover .text .right{width:119px !important;text-align:right;color:#333;}
.includeTax .includeTax-hover .text.memberDeals .right{color:#008000;}
.includeTax .includeTax-hover .text.memberDeals .right::before{content:"- ";}
.includeTax .includeTax-hover .text.hargaAkhir .left, .includeTax .includeTax-hover .text.hargaAkhir .right{font-weight:bold;line-height:19px;}

/* Member Price */
.memberPrice-wrapper{height:36px;margin-bottom:5px;width:47%;float:left;margin-right:6%;}
.memberPrice{z-index:2;position:absolute;background-color:#337ab7;margin-top:10px;width:140px;height:26px;border-radius:13px 6px 6px 13px;}
.memberPrice .fa-user{color:#fff;font-size:25px;}
.memberPrice .outer, .memberPrice .inner{-ms-transform:rotate(75deg);-webkit-transform:rotate(75deg);-moz-transform:rotate(75deg);transform:rotate(75deg);top:5px;left:10px;}
.memberPrice .outer{color:#337ab7;font-size:16px;}
.memberPrice .inner{color:#fff;font-size:12px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {::i-block-chrome, .memberPrice .inner{left:8px;}}  /* Safari ONLY */
.memberPrice .text{text-transform:uppercase;color:#fff;font-size:11px;font-weight:bold;}
.memberPrice .memberPrice-hover{z-index:3;position:absolute;height:65px;background-color:rgba(0,0,0,0.85);box-shadow:0px 4px 5px 0px rgba(0,0,0,0.5);margin-top:-105px;display:none;text-align:center;}
.memberPrice:hover .memberPrice-hover{display:block;}
.memberPrice .memberPrice-hover .triangle{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid rgba(0,0,0,0.8);}
.login.menuLogin{display:none;}
.login.menuSignOut{display:block;}
.memberPrice-wrapper .memberPrice{cursor:pointer;}
.memberPrice-wrapper .memberPrice span.fa-stack{margin-left:4px;}
.memberPrice-wrapper .memberPrice .text{margin-left:9px;}
.not-login.memberPrice-wrapper .memberPrice .memberPrice-hover{width:305px;margin-left:-80px;}
.login.memberPrice-wrapper .memberPrice .memberPrice-hover{width:235px;margin-left:-40px;color:#fff;font-weight:bold;line-height:65px;}
.memberPrice-wrapper .memberPrice .memberPrice-hover .memberPrice-title, #not-login .memberPrice .memberPrice-hover .memberPrice-text{height:50%;}
.memberPrice-wrapper .memberPrice .memberPrice-hover .memberPrice-title{color:#ff9c00;font-weight:bold;line-height:45px;}
.memberPrice-wrapper .memberPrice .memberPrice-hover .memberPrice-text{color:#fff;line-height:20px;}
.not-login.memberPrice-wrapper .memberPrice .memberPrice-hover .triangle{margin:12px auto 0;}
.login.memberPrice-wrapper .memberPrice .memberPrice-hover .triangle{margin:0 auto;}
	
.login.menuLogin{display:none;}
.login.menuSignOut{display:block;}

/* Hotel Chain */
.main-wrapper h1.titlePage,.main .widget h2.titleWidget{line-height:inherit !important;}
.main .widget.about{margin-bottom:20px;}
.hotel-banner-logo{margin-bottom:20px;position:relative;}
.hotel-logo{position:absolute;right:20px;top:20px;}
.showMoreContent{display:none;}
.allHotelGroup{padding:0;margin:0;}
.allHotelGroup .hotelSidebarList{padding:10px 0 0;margin:0;border:none;}
.allHotelGroup .hotelSidebarList .displayList{margin-bottom:0;}
.allHotelGroup .hotelSidebarList a{display:block;padding:0;margin:0 0 4px;text-decoration:underline;line-height:1.2em;}
.allHotelGroup .hotelSidebarList .buttonShowMore{padding:0;margin:15px 0 0;}
.hotelGroupList{padding:0;margin:0;font-size:12px;border:1px solid #ccc;}
.hotelGroupList h5{padding:10px 20px;margin:0;font-size:18px;font-weight:normal;background-color:#999;color:#fff;}
.hotelGroupList ul{padding:20px;margin:0;list-style:none;color:#337ab7;font-size:14px;text-align:center;}
.hotelGroupList li{list-style:none;display:inline-block;padding:0;margin:0;line-height:2em;}
.hotelGroupList li:after{content:"•";padding:0 1px 0 4px;font-weight:bold;}
.hotelGroupList li:nth-last-child(1):after{content:"";}

/* Autocomplete */
.ui-autocomplete {max-height: 300px;overflow-y: auto;overflow-x: hidden;width:300px !important;font-size:12px;}
* html .ui-autocomplete {height: 300px;}
#searchBar{white-space: nowrap;overflow: hidden;text-overflow:ellipsis;padding-right:52px;font-size:12px;}
.ui-menu-item{text-align:left;background:none;border-color:#f68f32 !important;padding:0;margin:0;}
.ui-autocomplete-category{text-align:left;border-color:transparent !important;color:#666 !important;background-color:#f2f2f2 !important;padding:5px;cursor:default !important;font-weight:bold;font-size:14px;}
.ui-menu-item.ui-autocomplete-category.ui-state-focus{background-color:#f2f2f2 !important;color:#666 !Important;}
.ui-menu-item.ui-state-focus {background:#f68f32 !important;color:#ffffff !important;}
.content .searchForm {position:relative;}
.content .searchForm span.rightIcon {position:absolute;right:1px;top:1px;color:#999;padding:7px;font-size:12px;cursor:pointer;font-weight:bold;}
.content .searchForm span.rightIcon:hover {color:#f97432;}
.customclass {float: right;font-size:12px;}
.ui-autocomplete mark{background-color:#ffffff !important;padding:0 !important;font-weight:bold !important;}
.ui-autocomplete .ui-state-focus mark{color:#ffffff !Important;background-color:#f68f32 !important;}
.ui-autocomplete .ui-autocomplete-category mark, .ui-autocomplete .ui-autocomplete-category mark:hover{color:#666 !important;background-color:#f2f2f2 !important;font-weight:bold !important;}
/* Customer's Hotel Review */
#collapseSeven{text-align:left;}
#collapseSeven p{margin:0;}
#collapseSeven h3.subtitle{margin:30px 0 0;}
.review-wrapper{margin:20px 0 0;}
.review-wrapper .review-left{float:left;}
.review-wrapper .review-right{float:right;width:630px;}
.review-wrapper .review-left .overall-score{padding:10px 15px;border-radius:5px;background-color:#ff9c00;color:#fff;text-align:center;font-weight:bold;font-size:20px;}
.review-wrapper .review-right .title-hotel{font-weight:bold;}
.review-wrapper .review-right .title-hotel .review-title, .review-wrapper .review-right .title-hotel .hotel-name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.review-wrapper .review-right .title-hotel div:nth-child(1), .review-wrapper .review-right .title-hotel div:nth-child(2), .review-wrapper .review-right .title-hotel div:nth-child(3){float:left;}
.review-wrapper .review-right .title-hotel div:nth-child(2){margin:0 5px;}
.review-wrapper .review-right .title-hotel .review-title{max-width:300px;}
.review-wrapper .review-right .title-hotel .hotel-name{max-width:315px;}
.review-wrapper .review-right .name-date{font-size:12px;color:#999;}
.review-wrapper .guest-comment{margin:10px 0 0;}

/* Main Accordion */
.newMainWrapper{margin:15px 0 0;}
.stickyLeft,.sidebar-accordion.affix{position:fixed;top:0;z-index:1;background-color:#fff;}
.sidebar-accordion.affix-bottom {position: absolute;}
.sidebar-accordion.stickyLeft{margin-top:0;}
.sidebar-wrapper-accordion{position:relative;}
.sidebar-accordion{border:1px solid #ccc;padding:0 10px;}
.sidebar-accordion ul{padding:0;margin:0;list-style:none;}
.sidebar-accordion li{padding:0 5px;border-bottom:1px solid #eee;list-style:none;}
.sidebar-accordion li:nth-last-child(1){border-bottom:none;}
.sidebar-accordion li a{font-weight:bold;color:#333;text-decoration:none;display:block;margin:-1px -15px;padding:10px 14px;}
.sidebar-accordion li:nth-child(1) a{margin:0 -15px -1px;}
.sidebar-accordion li:nth-last-child(1) a{margin:-1px -15px 0;}
.sidebar-accordion li a.active{background-color:#ff9c00;color:#fff;}
.footer-wrapper{position:relative;z-index:2;}

.main.profile{float:left;width:100%;}
.main.profile .widget .descriptionSeo{margin:10px 0;}
.main.profile .widget .descriptionSeo .title{font-weight:bold;}
.main.profile .widget .content .subTitle{font-size: 16px;font-weight: bold;padding-top:5px;}

.main-accordion .widget{border: 1px solid #ccc;}

/* Pay at Hotel */
.badge-wrapper{width:300px;}
.pah-wrapper{height:36px;margin-bottom:5px;width:47%;float:left;}
.pah{z-index:2;position:absolute;background-color:#fff;margin-top:10px;width:140px;height:26px;border-radius:13px 6px 6px 13px;border:1px solid #ff9c00;}
.pah .img{position:relative;display:inline-block;height:2em;vertical-align:middle;padding:0;margin:-1px 0 0 -1px;}
.pah .img img{background-color:#ff9c00;border-radius:50%;padding:2px;}
.pah .outer, .pah .inner{-ms-transform:rotate(75deg);-webkit-transform:rotate(75deg);-moz-transform:rotate(75deg);transform:rotate(75deg);top:5px;left:10px;}
.pah .outer{color:#337ab7;font-size:16px;}
.pah .inner{color:#fff;font-size:12px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {::i-block-chrome, .pah .inner{left:8px;}}  /* Safari ONLY */
.pah .text{text-transform:uppercase;color:#ff9c00;font-size:11px;font-weight:bold;margin-left:10px;}
.pah .pah-hover{z-index:3;position:absolute;height:65px;background-color:rgba(0,0,0,0.85);box-shadow:0px 4px 5px 0px rgba(0,0,0,0.5);margin-top:-105px;display:none;text-align:center;}
.pah-wrapper .pah .pah-hover{width:305px;margin-left:-80px;color:#fff;padding-top:12px;}
.pah-wrapper .pah .pah-hover .pah-title, .pah-wrapper .pah .pah-hover .pah-text{height:50%;}
.pah-wrapper .pah .pah-hover .pah-title{color:#ff9c00;font-weight:bold;line-height:45px;}
.pah-wrapper .pah .pah-hover .pah-text{height:100%;color:#fff;line-height:20px;}
.pah:hover .pah-hover{display:block;}
.pah .pah-hover .triangle{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid rgba(0,0,0,0.8);}
.pah-wrapper .pah .pah-hover .triangle{margin:12px auto 0;}
.pah-wrapper .pah .pah-hover .triangle{margin:0 auto;}

/* Past Date Message */
.pastDate{margin:0 0 10px;padding:10px;border:1px solid #ff9c00;background-color:#ffffcc;font-size:12px;text-align:center;}

/* Attraction Distance */
.attraction-distance{margin: 2px 0 0;font-weight: 400;background-color:#eaeaea;border-radius:15px;padding:0 15px;font-size:11px;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:300px;}

.sidebar-accordion.stick {position: fixed;top: 0;z-index: 5; margin-top:12px;}
.listContent > .checkbox {color: #666;}

/* Award */
.listResult .right .contentLeft .title, .award{display:inline;}
.award{position:relative;z-index:2;}
.award img{width:20px;height:auto;vertical-align:text-bottom;}
.award .award-hover{z-index:3;position:absolute;background-color:rgba(0,0,0,0.85);box-shadow:0px 4px 5px 0px rgba(0,0,0,0.5);display:none;text-align:center;padding:0 10px;top:-58px;transform:translateX(calc(-50% + 10px));width:-moz-max-content;}
.award:hover .award-hover{display:table;}
.award .award-hover .triangle{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid rgba(0,0,0,0.8);margin:0 auto;position:absolute;left:calc(50% - 12px);}
.award .award-text-1, .award .award-text-2{line-height:1.3em;font-size:12px;}
.award .award-text-1{padding:5px 0 0;color:#fff;}
.award .award-text-2{padding:0 0 5px;color:#ff9c00;font-weight:bold;}

.chat-fc-form-outer p.header{width:auto !important;}
/* iframe Map New */
.contentMapIframe img{cursor:pointer;}
.iframeMapSource{width:980px;height:640px;background:#fff;overflow:hidden;position:relative;}
.iframeMapSource iframe{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;border:none;}
.mapWidgetFull .contentHeader .left.full{display:block;float:none;width:100%;}
.mapWidgetFull .contentHeader .left.full .addressHotel{line-height:40px;}
.lokasiSidebar .content .map .contentMapIframe img{margin:-30px 0 0;position:relative;}

.rat {padding: 6px 0; height: 30px;display: inline-block;}
.rat > *:nth-child(2) {margin-left: 10px;border-left: 1px solid #afafaf;padding-left: 10px;}
.rat > * {display: inline-block;margin: 0;}
.mdeal {font-size: 13px;}
.blue {color: #3b9ad9;}
.mdeal > i {width: 17px;text-align: center; font-size: 16px;}
span.pepereward-text {font-size: 13px;}


/* Holiday */
.satu {display: inline-table;width: 50%;padding-left: 3px;padding-bottom: 12px;} 
.holiday {padding: 0 2px;margin: 0 1px 2px;font: 400 11px arial!important;line-height: 22px!important;text-align: left;color: #666;}
.holiday span {background: #777;border: 1px solid transparent;color: #fff;padding: 0;text-align: center;vertical-align: middle;width: 22px;height: 20px;line-height: 18px;overflow: hidden;display: inline-block;margin: 0 5px 0 0;border-radius: 2px;}

/* Modal Thanos */
.modal-final-price{display:none;}
.modal-final-price .bg{width: 100%;height: 100%;position: fixed;background-color: rgba(0, 0, 0, 0.5);z-index: 6;}
.modal-final-price .card{display:none;width: 386px;height: 382px;z-index: 6;position: fixed;left:0;right:0;top:0;bottom:0;margin:auto;max-width:100%;max-height:100%;overflow:auto;}
.modal-final-price .card .card-content{text-align: center;width: 386px;height: 382px;border-radius: 5px;position: absolute;background: white;margin: 0;padding: 0;background-image: linear-gradient(to bottom, #fcfcfc, #fcfcfc), linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));}
.modal-final-price .card .card-content > img{width: inherit;height: 230px;border-top-right-radius: 5px;border-top-left-radius: 5px;}
.modal-final-price .card .card-content .text1{margin: 14px auto;width: 100%;font-size: 14px;font-weight: bold;line-height: 1.36;text-align: center;color: #4f4e4e;}
.modal-final-price .card .card-content .text2{width: 100%;margin: auto;height: 36px;font-family: Arial;font-size: 12px;line-height: 1.6;letter-spacing: normal;text-align: center;color: #4f4e4e;}
.modal-final-price .card .card-content > button{margin: 14px;width: 230px;height: 36px;border: solid 1px #ffffff;background-color: #f97342;font-size: 14px;line-height: 1.14;text-align: center;color: #ffffff;}

/* Banner Thanos */
.banner-final-price{display:none;margin: 10px -10px 0px;border: 1px solid #dfdfdf;position: relative;}
.banner-final-price .banner-close{width: 12px;float: right;margin: 10px;cursor: pointer;}
.banner-final-price .banner-image{width: 151px;height: 91px;}
.banner-final-price .banner-text{float: right;width: 387px;font-family: Arial;font-size: 14px;margin: 0 170px auto;position: absolute;top: 50%;-ms-transform: translateY(-50%);transform: translateY(-50%);}

/* Promo Ramadhan */
.promoRamadhan{font-size: 10px;text-align: center;line-height: 1.88;color: #f97432;width: 108px;height: 18px;border-radius: 4px;border: solid 1px #f97432;margin: 0 0 5px;}

/* Hygiene */
.hygiene-banner {
  width: 100%;
  height: 100%;
  display: inline-block;
  background-color: #f1fffb;
  padding: 16px 24px 6px;
  font-size: 14px;
}
.hygiene-banner .hygiene-banner__title {
  margin-bottom: 9px;
  display: flex;
  align-items:center;
}
.hygiene-banner .hygiene-banner__title img {
  margin-right: 6px;
}
.hygiene-banner .hygiene-banner__title span strong {
  font-size: 16px;
}
.hygiene-banner .hygiene-banner__content {
  display: inherit;
  width: 100%;
  height: auto;
  position: relative;
}

.hygiene-banner .hygiene-banner__box {
  width: 80%;
  float: left;
}
.hygiene-banner .hygiene-banner__list {
  /* width: 33%;
  float: left; */
  display: inline-block;
  width: 100%;
}
.hygiene-banner .hygiene-banner__item {
  /* padding: 10px 10px 0 0;
  display: flex; */
  padding: 10px 10px 0 0;
  display: flex;
  float: left;
  width: 50%;
  max-width: 235px;
}
.hygiene-banner .hygiene-banner__item img { margin-right: 15px; margin-top: 4px;}
.hygiene-banner .hygiene-banner__url-button {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
  font-size: 14px;
  font-weight: bold;
  color: #f86821;
}
.hygiene-badge {
  display: flex;
  align-items:center;
  font-size: 12px;
  font-weight: bold;
  color: #038c67;
}
.hygiene-badge img {
  margin-right: 4px;
}
.hygiene-badge__map {
	margin-top: 3px;
}
.contentPrice-wrapper {
	min-height: 80px;
    position: inherit;
}
.facility-highlight {
	display: inline-block;
    padding: 0;
    margin: 0 4px 0 0;
}
.discount-additional {
    font-size: 12px;
    padding: 4px 1px 0;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: right;
    color: #ffa500;
}