/*Base atas*/
	.col-xs-9{
		display: inline-block;
		width: 60%;
	}
	.col-xs-3{
		width: 38%;
		text-align: right;
		display: inline-block;
	}
	.hm-date-calendar{
		top: 120%;
	}
	.lgd-load{
		display: none;
	    position: fixed;
	    z-index: 5;
	    top: 0;
	    left: 0;
	    height: 100%;
	    width: 100%;
	    background: rgba( 0, 0, 0, 0.7) url(https://img.hotelmurah.com/m-assets/img/lgd-load.gif) 50% 50% no-repeat;
	    color: #fff;
	    background-size: 30px;
	}
	.lgd-load2{
		position: fixed;
	    z-index: 5;
	    top: 54%;
	    left: 0;
	    text-align: center;
	    width: 100%;
	    font-size: 16px;
	    font-weight: bold;
	}
	.lgd-load3{
		position: fixed;
	    z-index: 5;
	    top: 58%;
	    left: 0;
	    text-align: center;
	    width: 100%;
	    font-size: 16px;
	}
	.hm-header-kanan, .hm-fixed-header, .hm-birubar{
		/* background-image: linear-gradient(141deg,#35508d 0%,#53a0fd 100%,#35508d 100%);  
		background-color: #1ba0e2; -webkit-box-shadow: 0 2px 4px 0 rgba(67,67,67,.2); box-shadow: 5px 2px 5px 2px rgba(67,67,67,.2); */
                background-color: #35508d !important;
	}
	.hm-fixed{
		position: fixed;
	    top: 0;
	    z-index: 5;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	    -ms-flex-direction: row;
	    flex-direction: row;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    align-items: center;
	    height: 50px;
	    color: #fff;
	    width: 100%;
	    padding: 0 10px;
	}
	.hmbar-left, .hmbar-title{
		height: 100%;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    align-items: center;
	}
	.hmbar-left{
	    -ms-flex-preferred-size: 20px;
	    flex-basis: 20px;
	    font-size: 20px;
	    margin-right: 10px;
	}
	.hmbar-title{
		-webkit-box-flex: 10;
	    -ms-flex: 10;
	    flex: 10 1;
	    min-width: 0;
	    font-size: 16px;
	    white-space: nowrap;
	}
	.header-title-hmbar{
		width: calc(100vw - 60px);
	}
	.header-title-text{
		font-size: 14px;
	    font-weight: 500;
	    display: block;
	    white-space: nowrap;
	    -o-text-overflow: ellipsis;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    max-width: 100%;
	}
	.header-rating-text{
	    white-space: nowrap;
	    -o-text-overflow: ellipsis;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    max-width: 100%;
	    font-size: 12px;
	}
	.txkuning{
		margin: 0 1.5px;
		font-size: 12px;
		color: #ffdf20;
	}
	.gradient-hm{
	    position: absolute;
	    bottom: 0;
	    color: #fff;
	    font-size: 16px;
	    width: 100vw;
	    height: 100px;
	    background: -webkit-linear-gradient(top,rgba(248,80,50,0),rgba(78, 146, 234, .4)););
	    background: -o-linear-gradient(top,rgba(248,80,50,0) 0,rgba(78, 146, 234, .4)); 100%);
	    background: -webkit-gradient(linear,left top,left bottom,from(rgba(248,80,50,0)),to(rgba(78, 146, 234, .4));));
	    background: linear-gradient(180deg,rgba(248,80,50,0) 0,rgba(78, 146, 234, .4)););
	}
	/*end*/
	/*base img list*/
	body{
	    background-color: #152836
	} 
	.tompel{
	    color:white;
	    font-size: 280%;
	    background-color: rgb(0,0,0,0.5);
	    border-radius:20px; 
	    width:auto;
	    text-align: center;
	    position: absolute;
	    right: 50px;
	    margin-top: -90px;
	    padding: 10px 30px 10px 30px;
	}
	/*datepicker*/
	.hm-datepicker-choice-block{
	    padding: 0 5px;
	    background-color: #f7f7f7;
	    width: 100vw;
	}
	.hm-datepicker-choice-block .hm-datepicker-choice{
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    background-color: #fff;
	    border-radius: 6px;
	    -webkit-box-shadow: 0 2px 4px 0 transparent, 0 2px 8px 0 rgba(0,0,0,.08);
	    box-shadow: 0 2px 4px 0 transparent, 0 2px 8px 0 rgba(0,0,0,.08);
	    height: 56px;
	    padding: 0 4px;
	    width: 100%;
	    margin:7px 0;
	    border: 1px solid #ddd;
	}
	.hm-datepicker-choice-block .hm-datepicker-choice .choice-hm-picker {
	    padding: 10px 6px;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    -webkit-box-pack: center;
	    -ms-flex-pack: center;
	    justify-content: center;
	    border-right: 1px solid #ddd;
	    font-size: 12px;
	}
	.hm-datepicker-choice-block .hm-datepicker-choice .choice-hm-picker.hm1 {
	    width: 35vw;
	}
	.hm-datepicker-choice-block .hm-datepicker-choice .choice-hm-picker-text {
	    color: #666;
	}
	.hm-datepicker-choice-block .hm-datepicker-choice .choice-hm-picker-isi {
	    font-weight: bold;
	    color: #35508d;
	}
	.hm-datepicker-choice-block .hm-datepicker-choice .choice-hm-picker.hm2 {
	    width: 35vw;
	}
	.hm-datepicker-choice-block .hm-datepicker-choice .choice-hm-picker.hm3 {
	    width: 35vw;
	    border-right: none;
	}
	.search-room{
		display: table !important; 
		height: 35px !important;
		background-color: #ff7200 !important;
	}
	.button-room{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		width: 100%;
		font-size: 16px;
		color: #fff;
		font-weight: bold;
	}
	/*address*/
	.box-hm-views{
	    line-height: 1;
	    padding: 8px 16px;
	    background-color: #fff;
	    margin-bottom: 8px;
	}
	.namehm-address{
	    font-size: 14px;
	    font-weight: 600;
	    line-height: 1.2;
	    color: #434343;
	    margin-bottom: 5px;
	}
	.rating-address{
		margin-bottom: 8px;
	}
	.address-full{
		font-size: 12px;
	    color: #434343;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-line-pack: center;
	    align-content: center;
	    margin-bottom: 8px;
	}
	.address-full span{
	    margin-left: 6px;
	    line-height: 1.3;
	    -webkit-box-flex: 1;
	    -ms-flex: 1;
	    flex: 1;
	}
	/*end*/
	/*fasilitas deskripsi*/
	.no-padd{
		padding: 0 !important
	}
	.namehm-location, .namehm-fasilitas{
		padding: 16px 16px 8px;
	    font-size: 14px;
	    line-height: 1.14;
	    color: #434343;
	    /*text-transform: uppercase;*/
	    font-weight: normal;
	    border-bottom: 1px solid #e0e0e0;
	    border-top: 1px solid #e0e0e0;
	}
	#map-canvas {
		width: 100%;
		height: 140px;
	}
	.gm-svpc{display: none}
	.gm-fullscreen-control{display: none}
	.gm-style-mtc{display: none}
	.gmnoprint{display: none}
	.location-mark{
	    padding: 16px;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	}
	.location-mark i{
	    vertical-align: middle;
	    -ms-flex-item-align: center;
	    align-self: center;
	}
	.location-mark-text{
	    padding-left: 16px;
	    line-height: 1.33;
	    font-size: 12px;
	    color: #434343;
	    -webkit-box-flex: 1;
	    -ms-flex: 1;
	    flex: 1;
	}
	.location-mark-text a{
		text-decoration: none;
		font-weight: bold;
		color: #0770cd
	}
	.fass-imp{
		margin: 0 0 5px;
		padding: 5px 0 15px 8px;
	    height: 65px;
	    overflow: hidden;
		-webkit-box-sizing: inherit;
		box-sizing: inherit;
	}
	.fass-ktk{
		overflow-x: scroll;
		white-space: nowrap;
		height: 100px;
		-webkit-box-sizing: inherit;
		box-sizing: inherit;
	}
	.fass-slide{
		-webkit-box-sizing: inherit;
		box-sizing: inherit;
		margin-left: 8px;
		font-size: 10px;
		vertical-align: top;
		width: 50px;
		display: inline-block;
		text-align: center;
	}
	.fass-icon{
		-webkit-box-sizing: inherit;
		box-sizing: inherit;
		height: 30px;
		min-height: 35px;
		width: 35px;
		background-size: 100%;
		margin-bottom: 4px;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}
	.fass-full, .deskripsi-hm{
	    border-top: 1px solid #e0e0e0;
	    border-bottom: 1px solid #e0e0e0;
		padding: 16px;
	    position: relative;
	    color: #0770cd;
	    font-size: 14px;
	    font-weight: 500;
	    line-height: 1.14;
	}
	.deskripsi-hm{
		background-color: #fff;
		margin-bottom: 8px;
	}
	.fass-full1{
		display: inline-block;
	}
	.fass-full2{
		display: inline-block;
		float: right;
	}
	.isi-fasilitas, .isi-desc{
		height: 100%;
		overflow-x: scroll;
		padding: 20px 20px 120px;
	}
	.isi-desc{
		padding: 15px 10px 140px;
		text-align: justify;
		line-height: 1.4;
		font-size: 14px;
		color: #333;
	}
	.isi-desc p{
		margin-bottom: 8px;
	}
	.isi-fasilitas ul{
		margin-top: 0;
		margin-bottom: 10px;
		list-style: none;
	}
	.isi-fasilitas li{
		list-style-type: disc;
		list-style-position: inside;
		margin-bottom: 10px;
		color: #333333;
		line-height: 2;
	}
	.fass-close, .desc-close, .review-close{
		background: white;
		border-top:1px solid #e0e0e0;
		bottom: 0;
		position: absolute;
		width: 100%;
		padding: 18px 20px;
	}
	.fass-btn-close, .desc-btn-close, .review-btn-close{
		width:100%;
		background:none;
		background-color: #0770cd;
		font-size: 14px;
		text-align: center;
		color: #fff;
		padding: 8px 40px;
		line-height: 20px;
		border:none;
		font-weight: bold;
	}
	.menu-fasilitas{
		margin-bottom: 8px;
		line-height: 24px;
		position: relative;
	    margin-left: -4px;
	}
	.img-fasilitas{
		width: 100%;
		height: 100%
	}
	.txt-fasilitas{
		position: relative;
		padding-left: 30px;
		font-size: 18px;
		font-weight: 500;
		vertical-align: middle;
		min-height: 24px;
	}
	.svg-fasilitas{
		position: absolute;
		width: 24px;
		height: 24px;
	}
	/*end*/
	/*review*/
	.review-hm{
		text-align: center;
		font-size: 12px;
		line-height: 18px;
		color: #6f6f6f;
		background-color: #fff;
		margin-bottom: 8px;
	}
	.jdl-review{
		padding: 10px 16px 10px;
		border-top: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;
	}
	.tx-jdl-review{
		line-height: 20px;
		font-size: 14px;
	}
	.rating-review{
		color: #0770cd;
		font-size: 14px;
		line-height: 24px;
		display: flex;
  margin: 15px 0;
	}
	.rating-review img{
		position: relative;
		top: -3px;
		width: 16px;
	}
	.in-review{
		text-align: left;
		color: #333;
		font-size: 14px;
		/*padding: 10px 12px 10px;*/
	}
	.ktk-review{
		margin: 0;
		overflow-y: hidden;
		display: flex !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
		scroll-snap-type: x mandatory !important;
		scroll-behavior: smooth !important;
		height: 100%;
		padding: 10px;
		max-height: 100%;
		--n: 1;
		width: calc(var(--n)*100%);
		transform: translate(calc(var(--i, 0)/var(--n)*-100%));
		scrollbar-width: none;
		/*display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: -webkit-max-content;
		width: -moz-max-content;
		width: max-content;
		-webkit-transition: right .5s ease-out;
		transition: right .5s ease-out;
		position: relative;*/
	}
	.p-review{
		flex-shrink: 0;
	    position: relative;
	    width: 45ch;
	    scroll-snap-align: start !important;
	}
	.tx-review{
		text-align: left;
		color: #434343;
		margin-bottom: 16px;
		font-size: 14px;
		line-height: 20px;
		display: -webkit-box;
        height: 10ch;
        text-overflow: ellipsis;
        overflow : hidden;
        -webkit-box-orient : vertical;
        -webkit-line-clamp : 4;
	}
	.name-review{
		text-align: left;
		font-weight: bold;
		font-size: 14px;
		color: #0770cd;
	}
	.full-review{
		position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 0;
    background-color: #fff;
    padding: 10px 0;
    border-bottom: 1px solid #e0e0e0;
	}
	.alg-review{
		overflow: hidden;
    position: relative;
    width: 90%;
    height: 100%;
    float: left;
    padding: 15px;
    border-radius: 14px;
    margin: 0 5%;
    /*box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;*/
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		/*display: flex;*/
	}
	/*end*/
	/*list room*/
	.zero-space{
	    height:60px;
	}
	.kirifasilihm,.rightfasilihm{
	    display:inline-block;
	    float:left
	}
	.content-hmdetail{
	    padding:0;
	    margin-bottom:65px;
	    background:#fff;
	    border-bottom:2px solid #ddd;
	    box-shadow:0 1px #ccc
	}
	.li-hmdetail,.li-hmdetailcenter{
	    width:33.333333%;
	    border-bottom:1px solid #ddd;
	    text-align:center
	}
	.padd-10hm{
	    padding:10px
	}
	.li-hmdetailcenter{
	    border-left:1px solid #ddd;
	    border-right:1px solid #ddd
	}
	.listpemesan-hmnew{
	    background:#fff;
	    margin-top:8px;
	    font-size:14px;
	    position:relative;
	    padding:16px 16px 8px;
	    border-bottom:1px solid #e0e0e0;
	    border-top: 1px solid #e0e0e0
	}
	.box-listpemesanhm{
	    width:100%;
	    position:relative;
	    min-height:100px
	}
	.h2list-pemesan{
	    font-size:12px;
	    font-weight:600;
	    line-height:1;
	    color:#000;
	    width:100%;
	    padding:5px 0 10px;
	}
	.h2list-pemesan2{
	    font-size:14px;
	    font-weight:600;
	    line-height:1;
	    color:#000;
	    width:100%;
	    padding:5px 0
	}
	.fasili-pemesanhm{
        padding: 10px 0 5px;
	    border-top:1px solid #dadada
	}
	.fasiliactive-hm,.fasiliactive2-hm{
	    font-size:14px;
	    position:relative;
	    padding:0 0 4px;
	}
	.no-marg{
	    margin:0
	}
	.colorlabelhm{
	    color:#333
	}
	.roomHm{
	    color:#1e90ff;
	    padding:5px;
	    font-size:110%;
	    background-color:#fff;
	    border-radius:15%
	}
	.kirifasilihm{
	    width:70%;
	    margin-top:0
	}
	.fasiliactive2-hm{
	    color:#434343
	}
	.fasiliactive-hm{
	    color:#0770cd;
	    padding-left: 12px;
	}
	.textfasili-hm{
	    padding-left:8px;
	    display:inline-block
	}
	.rightfasilihm{
	    width:30%;
	    float: right;
	    text-align: right;
	}
	.forpesanhm{
	    margin:5px 0 -4px;
	    padding-top:15px;
	    color:#8f8f8f;
	    border-top:1px solid #dadada
	}
	.hargabuttonhm-pesan{
	    font-size:16px;
	    color:#f99601;
	    font-weight:600
	}
	.hargabuttonhm-pesancoret{
	    font-size:12px;
	    color:#8f8f8f
	}
	.gariscoret{
	    text-decoration:line-through;
		font-size: 10px;
		line-height: 8px;
	}
	.pajakpesan-hm{
	    color:#6f6e6e;
	    font-size:12px;
	}
	.thisbuttonpesan-hm{
	    position:absolute;
	    bottom:4px;
	    right:0;
	    background:#f96d01;
	    color:#fff;
	    font-size:14px;
	    font-weight:400;
	    text-align:center;
	    padding:8px 16px;
	    border-radius:4px;
	}
	#gantungharga{
        border-top: 1px solid #e0e0e0;
	    padding:6px 16px;
	    background-color:#fff;
	    width:100%;
	    height:62px;
	    position:fixed;
	    bottom:0;
	    opacity:1
	}
	.gariscoret {
	    text-decoration: line-through;
	}
	.hargabuttonhm-pesancoret{
		font-size: 12px; 
		color: #8f8f8f
	}
	.lookharga-hm{
	    position:relative;
	    color:#333
	}
	.lookharga-hm p{
	    color:#333;
	    font-weight:400;
	    font-size:85%
	}
	.clicklook-hm{
		position: absolute;
	    top:12px;
	    right:10px;
		background: #f96d01;
		color: #fff;
		font-size: 14px;
		font-weight: 400;
		text-align: center;
		padding: 8px 16px;
		border-radius: 4px;
	}
	.textgantung{
	    position:relative;
		font-size: 14px;
		color: #333;
	}
	.texthargantung{
	    font-size:16px;
	    font-weight:600;
	    color:#f99601;
	}
	.texthargantung span{
		font-size: 12px; 
		color: #333;
		font-weight: 400;
	}
	.close{
	    float:right;
	    font-size:21px;
	    font-weight:700;
	    line-height:1;
	    color:#000;
	    text-shadow:0 1px 0 #fff;
	    opacity:.2
	}
	.close:focus,.close:hover{
	    color:#000;
	    text-decoration:none;
	    cursor:pointer;
	    opacity:.5
	}
	button.close{
	    -webkit-appearance:none;
	    padding:0;
	    cursor:pointer;
	    background:0 0;
	    border:0
	}
	.modal-open{
	    overflow:hidden
	}
	.modal{
	    position:fixed;
	    top:0;
	    right:0;
	    bottom:0;
	    left:0;
	    z-index:1040;
	    display:none;
	    overflow:hidden;
	    -webkit-overflow-scrolling:touch;
	    outline:0
	}
	.modal.fade .modal-dialog{
	    -webkit-transition:-webkit-transform .3s ease-out;
	    -o-transition:-o-transform .3s ease-out;
	    transition:transform .3s ease-out;
	    -webkit-transform:translate(0,-25%);
	    -ms-transform:translate(0,-25%);
	    -o-transform:translate(0,-25%);
	    transform:translate(0,-25%)
	}
	.modal.in .modal-dialog{
	    -webkit-transform:translate(0,0);
	    -ms-transform:translate(0,0);
	    -o-transform:translate(0,0);
	    transform:translate(0,0)
	}
	.modal-open .modal{
	    overflow-x:hidden;
	    overflow-y:auto
	}
	.modal-dialog{
	    position:relative;
	    width:auto;
	    margin:10px;
	    top: 40%;
	}
	.modal-content{
	    position:relative;
	    background-color:#fff;
	    -webkit-background-clip:padding-box;
	    background-clip:padding-box;
	    border:1px solid #999;
	    border:1px solid rgba(0,0,0,.2);
	    border-radius:6px;
	    outline:0;
	    -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);
	    box-shadow:0 3px 9px rgba(0,0,0,.5)
	}
	.modal-backdrop{
	    position:fixed;
	    top:0;
	    right:0;
	    bottom:0;
	    left:0;
	    background-color:#000
	}
	.modal-backdrop.fade{
	    opacity:0
	}
	.modal-backdrop.in{
	    opacity:.5
	}
	.modal-header{
	    min-height:16.42857143px;
	    padding:15px;
	    border-bottom:1px solid #e5e5e5
	}
	.modal-header .close{
	    margin-top:-2px
	}
	.modal-title{
	    margin:0;
	    line-height:1.42857143
	}
	.modal-body{
	    position:relative;
	    padding:15px
	}
	.modal-footer{
	    padding:15px;
	    text-align:right;
	    border-top:1px solid #e5e5e5
	}
	.modal-footer .btn+.btn{
	    margin-bottom:0;
	    margin-left:5px
	}
	.modal-footer .btn-group .btn+.btn{
	    margin-left:-1px
	}
	.modal-footer .btn-block+.btn-block{
	    margin-left:0
	}
	.modal-scrollbar-measure{
	    position:absolute;
	    top:-9999px;
	    width:50px;
	    height:50px;
	    overflow:scroll
	}
	.btn-warning{
		border: none;
		text-align: center;
		width: 100%;
		padding: 10px;
		font-size: 14px;
		color: #fff;
		background: orange;
		border-radius: 4px;
	}
	@media (min-width:768px){
	    .modal-dialog{
	        width:600px;
	        margin:30px auto
	    }
	    .modal-content{
	        -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
	        box-shadow:0 5px 15px rgba(0,0,0,.5)
	    }
	    .modal-sm{
	        width:300px
	    }
	}
	@media (min-width:992px){
	    .modal-lg{
	        width:900px
	    }
	}
	#gagalKamar, #cancelpolicy{
		display: none;
		position: fixed;
		z-index: 5;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.7);
		background-size: 60px;
		color: #000;
		overflow: hidden;
		outline: 0;
	}
	
.box-rating {
  width: 45px;
  height: 45px;
  color: white;
  background-color: #35508d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  border-radius: 15%;
  font-size: 1.3rem;
}

.namehm-rating {
  font-size: 0.9rem;
}

.rt-rv {
  display: flex;
  align-self: center;
  flex-direction: column;
  margin-left: 5px;
  text-align: left;
  line-height: 17px;
}

.rt-rv .rt-text {
  font-size: 1rem;
  font-weight: bold;
}
.rt-rv .rv-text {
  font-size: 0.8rem;
  color: grey;
}

.isi-review {
  height: 100%;
  overflow-x: scroll;
  padding-bottom: 115px
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

	/*end*/