@media (max-width: 767px) {
    .fasilitas-inner ul.checklist li{width: auto}
 }

body{
      font-weight: 400 ;
}
.float-right{
    float:right;
}
.float-left{
    float:left ;
}
.img-fluid{
    max-width: 100%;
    height: auto;
}
h1{
    margin-top:0 ;
    margin-bottom: 0.5rem;
    font-size: 32px;
    font-weight: 600;
}
h2{
    margin-top: 0;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0.5rem;
    line-height: 1.1;
}
p{
    margin-top: 0 ;
    margin-bottom:1rem;

}
.carousel{
    margin-bottom:0;
    position: relative;
}
.carousel-item {
    height: 400px;
    min-height: 300px;
    background:#2d3d52 no-repeat center center scroll;
    
}
#myCarousel .carousel-item {
    /*height: auto; */
    
}

.portfolio-item {
    margin-bottom: 30px;
}
ul#w0{background: none}
.tab-pane#hotel{background:url(static/img/hotelbeds/flights-bg.jpg)no-repeat; padding: 5px 0; background-size: cover}
.datepicker table{width:100%;font-family:"Open Sans",sans-serif;}
.datepicker th{border:1px solid #dcdcdc;}
.datepicker table tr td{
        border:1px solid #dcdcdc;
        color:#000;
        font-weight:400;
    font-size: 12px
    }
.date, .time, .car-time{padding-left:20px;}
.form-group{
    margin : 0 !important;
    margin-bottom:1rem !important;
    padding:0 !important;
}
.form-border::-webkit-input-placeholder{color: #fff}
.form-top{background: #417689; width: 100%; padding: 20px 0}
.form-top>.form-top-inner {
    max-width: 1200px;
    position: relative;
    color: #fff ;
}
.form-group label.control-label{
    color: #fff !important;
    margin:0;
}
.form-group select{
width: 100%; 
border-radius: 2px; 
border: 1px solid #FFF; 
padding: 6px 8px; 
background: transparent; 
color: #fff;
}
.form-group select option{
    color:#000;
}
label{
    display: inline-block; 
    margin:0; 
    margin-bottom: .5rem !important;
}
label.control-label{
    color: #fff !important;
    margin:0; 
    margin-bottom: .5rem !important;
}
.form-top>.form-top-inner label{
    font-size: 10px; font-weight: 600;
}
.form-top>.form-top-inner .icon-field{
    top: 32px;
    right: 15px;
    color: #fff
}
@media (min-width: 1200px) {
.form-top>.form-top-inner .col-md-3, .form-top>.form-top-inner .col-md-2, .form-top>.form-top-inner .col-md-1{
    padding-left: 5px;
    padding-right: 5px;
}
}

.main-hotel{ width: 100%; padding: 40px 0 20px}
.main-hotel>.main-hotel-inner {
    max-width: 1200px;
    position: relative;
}
.starrr{float: left;color: #ffd214; font-size: 32px; margin: 0 0 0 20px; line-height: 32px;}
.area {background: #fff; padding: 20px; border: 1px solid #dddddd; min-height: auto}
.area p{line-height: 14px; margin: 15px 0 0 0}

.lihat-kamar {background: #fff; padding: 30px 0 20px; }
.lihat-kamar>.lihat-kamar-inner {
    max-width: 1200px;
    position: relative;
}
.cari-tiket-btn{margin-top: 10px; margin-bottom: 0}
ul.checklist{margin: 0 0 0 15px; padding: 0; display: block}
ul.checklist li{float: left; list-style: none; display: inline-block; margin-right: 30px}
ul.checklist li:before {    
    font-family: 'Font Awesome 5 Free';
    content: '\f00c';
    margin:0 5px 0 -15px;
}
.green{color: #58d68d}
.red{color: #f44242}
.txt-blue{color: #65b8d5}
.txt-orange{color: #e9871d}
.kamar p{margin: 5px 0 0}
.kamar .row, .hotel-list .row{border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 15px 0; background: #fff  }
.kamar .row:first-child, .hotel-list .row:first-child{border-top: 1px solid #ddd}
.kamar .row.lihat-semua{border-bottom: 1px solid #ddd;}

.fasilitas {background: #f1f1f1; padding: 20px 0 30px; overflow: hidden}
.fasilitas >.fasilitas-inner {
    max-width: 1200px;
    position: relative;
    padding: 20px 30px;
    background: #fff;
    margin-bottom: 30px;
    border: 1px solid #ddd;
}
.fasilitas-inner ul.checklist li{float: left; list-style: none; display: inline-block; margin-right: 0; width: 30%}
.fasilitas-list {
    border-bottom: 1px dotted #eee;
    padding: 20px 0;
}
.fasilitas-list ul {
    margin: 0;
    padding: 0;
}
.fasilitas-list ul li {
    float: left;
    width: 33.333%;
    padding: 0 10px 5px 0;
    list-style: none;
    
}
.fasilitas-list ul li:before {
  content: '✓';
  color: orange;
  margin-right: 5px;
  font-weight:bold;
}
.fasilitas >.informasi-tambah-inner {
    max-width: 1200px;
    position: relative;
    padding: 20px 30px;
    background: #fff;
    border: 1px solid #ddd;
}
.fasilitas >.tripadvisor {
    max-width: 1200px;
    position: relative;
    background: #fff;
    border: 1px solid #ddd;
    margin-bottom: 30px
}
.fasilitas >.rekomendasi-inner {
    max-width: 1200px;
    position: relative;
    padding: 20px 30px;
    background: #fff;
    border: 1px solid #ddd;
}
.fasilitas >.rekomendasi-inner .row{
    border-bottom: 1px solid #ddd;
    padding: 10px 0
}
.rekomendasi-inner .starrr, .hotel-list .starrr {
    font-size: 18px;
    margin-left: 0
}
#slider-thumbs .list-inline {
  text-align: center;
    margin-left: 70px;
    height:114px !important;
}
#slider-thumbs .list-inline > li {
  margin: 10px 5px;
  padding: 0;
    float: left
}
#slider-thumbs .list-inline > li:hover {
  cursor: pointer;
}
#slider-thumbs .list-inline .selected img {
  opacity: 1;
  
}
#slider-thumbs .list-inline img {
  opacity: 0.5;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  height: 94px;
  width: 100%;
}
#slider-thumbs .list-inline img:hover {
  opacity: 1;
}

#myCarousel .carousel-item > img {
  max-width: 100%;
  height: auto;
  display: block;
}
#slider-thumbs{ height: 114px; background: #fff; overflow: hidden; position: relative; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd}
#slider-thumbs  .carousel-control-next-icon {

background-image: url(static/img/hotelbeds/right-arrow-chevron.svg);}
#slider-thumbs .carousel-control-prev-icon {
background-image: url(static/img/hotelbeds/left-arrow-chevron.svg);}
#slider-thumbs .carousel-control-next,#slider-thumbs .carousel-control-prev{ width:8%}


.lSPager {
    display:none;
}
#slider-thumbs .lSSlideOuter{
  text-align: center;
        height: 114px ;
}
.lSSlideWrapper.usingCss {
        height: 114px ;
} 

.hotel-list p{margin-bottom: 0}
.filter-btn-r {float: left}
.filter-btn-r .btn {padding: 0 10px; margin: 0}
.hotel-filter {background: #fff; overflow: hidden; padding: 20px 0}
#exampleAccordion .item{border-top: 1px solid #ddd; padding: 10px 0}
.hotel-filter .starrr{font-size: 18px; line-height: 18px; margin-left: 0;float:none;}
 
a.blue-color
{
    color:#65b8d5!important
}

 a.blue-color:hover
{
    color:#65a6dd!important
}

 a.blue-color:hover, a.blue-color:focus
{
    text-decoration:none
}

.paging {
    float: right;
    margin: 20px 0;
    overflow: hidden;
}
.paging > span {
    display: inline-block;
    margin: 8px 10px 0 0;
}
.pagination{
    margin:0;
}
.list-hotel-show {
    display: block;
}

.list-hotel-hide {
    display: none;
}

.box-info-hb{  
    text-align: center;
    line-height: 36px;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 40px;
}
.mgr0{
    margin:0;
}

.cari-ulang-btn{
    cursor: pointer;
}

.img-square{
   object-fit: contain;
   width: 170px;
   height: 170px;
   border: 1px solid #ddd;
}

.chat-with-us{
    padding: 0px 30px;
}

@media screen and (max-device-width: 768px){
  
    .fasilitas-list ul li {
        width: 100%;

    }
}