body {background-color: #f0f0f0;}
.whh0 {display:flex;margin-bottom:-30px;overflow:hidden}
#hotelSlidev2 img {
width:100%;
height:380px;
background-size:cover
}
.galDi {width: 550px!important;}
.galDvi {width: 250px!important;}
.galDvvi {border-bottom:2px solid #fff;height:190px!important;}

#detailTabs .active > a {
    background: var(--main-color) !important;
    color: #fff !important;
    border-color: var(--main-color);
  }
.plan-header-v2 {
box-shadow: 0 0 10px 0 rgb(0 0 0 / 5%);
background: white;
padding: 20px 20px 5px;
border-radius: 8px;
position: relative;
z-index: 30;
color:#333;
border:0px solid;
}
.panelBar {
box-shadow: 0 0 10px 0 rgb(0 0 0 / 5%);
border: 1px solid #e5e5e587;
border-radius: 8px;
}

.bcBc {margin-top: 5px;}
.bcBc, .bcBc a, .bcBc a:visited {
color: #666;
text-shadow: none;
}
#pricingM h2{margin-bottom:10px;font-weight:bold;color:#666}
#pricingM {padding-top:10px;text-align:right}
#tour_search_box {
background: #ddd;
background: var(--main-color) !important;
padding: 20px;
border-radius: 5px;
margin-bottom: 20px;
color: #000;
}
.rTxr2 {margin-bottom: 14px;}
.rTxr2 i {font-size: 16px;margin-right:16px}
.rTxr2 span {font-family:Oswald;font-size:15px}
.rTxr2 br {line-height: 22px}
.showPrice {font-size:42px!important;color:#222}
.puss {
display: block;
color:#666;
margin: 10px 0;
z-index: 2;
position: relative;
padding: 10px 5px;
border-bottom: 0 solid;
font-size: 14px;
font-weight: 700;
border: 0px solid;
background: none!important;
font-size: 18px;
border-bottom: 1px solid #ddd;
}
#roomCalc label {
font-size: 12px;
color: #777!important;
}

.dropdown-select {
padding: 20px 20px 0;
padding-right: 0px;
}
.panelBar, .panelBarS {
margin-bottom: 20px;
}
#recImg li {
margin-bottom: 20px;
font-size: 14px;
}
#recImg li img {
height: 160px;
}

#detailHeaderV2 {
width: 100%;
position: relative;
}

#detailHeaderV2::after {
content: "";
background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
bottom: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
height: 70px;
}

#detailHeaderV2 img {width:100%;border:2px solid #fff;background-size: cover; background-position: center center; background-repeat: no-repeat;}

.slBig  img {width: 100%; height:450px}
.slSm img{width: 100%; height:225px}
.slSm3 img{width: 100%; height:225px}

#hotelSlidev1 img {width: 100%; height:210px}

.showGal {
position: absolute;
background: #ffffffa8;
padding: 5px 10px;
top: 323px;
right: 29px;
z-index: 1;
font-size: 13px;
color: #000;
width: 80%;
text-align: center;
border-radius: 4px;
box-shadow: 0px 0px 3px -2px #000;
}
.sendMsg {cursor: pointer;}
.form-control-feedback {

left: 0px!important;
top: 8px!important;
font-size:16px;
}
.highlights2 div{
padding:5px 20px 10px;
}
.highlights2 .fa {
color: var(--main-color) !important;
font-size:24px;
vertical-align: -4px;
margin-right: 10px;
}
.highlights2 li {
width: 50%;
float: left;
}

.dayPlDa {
text-align: center !important;
width: 100%;
font-weight: bold;
font-size: 22px;
padding: 25px 5px;
line-height: 16px;
}
.dayPlDa small {
font-size: 13px;
font-weight: normal;
}

#ag-select {border: 1px solid #ddd;}
#ag-option, #ag-soption {
  width: 100%;
  border: 0px solid;
  background: #fff;
  border: 1px solid #ddd;
  padding: 9px 26px;
  font-size: 14px;
}
input#info {
height: 37px;
border: 0px solid;
width: 100%;
}

.wishlist-add {
display: block;
margin-right: 6px;
box-shadow: 0px 0px 10px -4px #000;
border-radius: 50%;
font-size: 20px;
color: red;
width: 48px;
height: 48px;
text-align: center;
padding-top: 10px;
float: right;
}
.wishlist-add:hover {
background: #eee; color: red;
}
.liked {
color: #fff !important;
background: red;
}
.aa-btn {
display: inline-block;
font-family: Helvetica Neue,Arial,Helvetica,Geneva,FreeSans,sans-serif;
font-weight: 700;
text-align: center;
border-radius: 3px;
color: #fff;
background-color: var(--main-color);
border: 1px solid var(--main-color);
font-size: 16px;
line-height: 24px;
padding: 12px;
}
.aa-btn:hover, .aa-btn:active {
background-color: #075e91;
border: 1px solid #075e91;
color:#fff
}
.opsi:nth-child(2n+1) {
background: #F7F7F7;

}
.opsi {font-size:13px}
.textNormalizer {
font-size: 13px;
}
.panelBar h5 {
font-weight: bold;
}
#priceLoader {
position: absolute;
right: 65px;
top: 40px;
color: #999;
}
#optionChanger {
    padding: 10px 32px;
    border: 1px solid #ddd;
}
#optionChanger.nsel {
width: 100%;
padding-right: 25px;
border-radius: 0px !important;
border: 1px solid #ccc;
background: #fff;
padding-left: 37px;
font-size: 14px;
}
@media (max-width:768px) {
.dayPlDa {
font-size: 18px;
padding: 8px 5px;
}
.roomChanger.nsel, #optionChanger.nsel {
width: 100%;
padding-right: 25px;
border-radius: 0px !important;
padding: 10px;
border: 0px solid #ccc;
background: #fff;
padding-left: 37px;
font-size: 14px;
}
.aa-btn {
font-size: 15px;
padding: 9px;
}
.showGalM {
position: absolute;
background: #ffffffa8;
padding: 5px 10px;
top: 196px;
right: 37px;
z-index: 1;
font-size: 18px;
width: 80%;
text-align: center;
border-radius: 4px;
box-shadow: 0px 0px 3px -2px #000;
}
.hc-nav-trigger {
z-index: 983!important;
}
#hotelSlidev1 img {height: 270px!important;}
}
.grpContainer {
  border: 1px solid #ccc;
  background: #f7f7f7 !important;
  margin-bottom: 10px!important;
}
#ppOn {
  border: 1px solid #ddd;
}

.filter-option strong, #detailBook .dropdown-menu strong {
display: block;
padding: 3px 0px;
}
.daySelect li {border-bottom:1px solid #ddd;}
#detailBook .dropdown-menu > li > a {
padding: 10px;
font-size: 13px;
}
.label.label-primary.pull-right {
margin-top: -1px;
padding:5px 7px;
}
.label .fa-user{
color: #97cfff;
padding-right: 1px;
margin-left: -2px;
}
#detailBook .dropdown-menu {max-height: 400px!important;padding: 0;}
.roomChanger {
margin-top: 10px;
}
.fa.fa-hotel.form-control-feedback {
margin-top: 15px !important;
}
#info {
padding-left: 33px;
font-size: 14px;
color: #000;
}
#detailBook .dropdown-toggle  .label{display: none;}
#detailBook .dropdown-menu .disabled {
background: #f4f4f4;
border-bottom: 1px solid #acacac;
padding: 3px 0;
}
#detailBook .dropdown-menu .disabled > a {
color: #333;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
padding: 4px 8px;
}
#detailBook .dropdown-menu .disabled  .fa {
font-size: 14px;
vertical-align: 0px;
padding-right: 3px;
}

#detailBook .dropdown-menu > .active > a, #detailBook .dropdown-menu > .active > a:focus, #detailBook .dropdown-menu > .active > a:hover {
color: #000;
background-color: #eee;
}
.list-room__footer {
margin-right: 20px;
}
.input-icon {
top:0px
}
.bs-searchbox > input {font-size: 12px; height: 30px;}
li.panelBar {
font-size: 14px;
}
.rm-sale-perc {
font-size: 14px;
margin-right: 10px;
}

#ag-select .fa-angle-down {
top: 2px;
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
padding: 0;
text-indent: 99999px;
color: #000;
right: 11px;
top: 18px;
}
#datepicker {
position: absolute;bottom: 7px;z-index: 12;left:5px;font-size: 19px;color: #0a7bbd;border: 1px solid #bbb;padding: 4px;background: #fff;border-radius: 4px;cursor: pointer;
}

#priceCalc .filter-option {
padding-left: 30px !important;
}
#promoTxt {position:relative;padding:10px;text-align: center;color:#fff;font-weight: bold;font-size:16px;background-color:#66abf7}
.promoTxtS {position:absolute;left:47%;width:10px; height: 10px; transform: rotate(45deg); -webkit-transform: rotate(45deg);padding:10px;background-color:#66abf7}
.filterResults2 {margin:0;border-radius:8px}
#map {width:100%; height:280px}
#responsiveBook {position:fixed; left:0;bottom:0px;z-index:999; background:#fff; box-shadow:0px -3px 5px #999; padding:10px; width:100%;}
.addthis_sharing_toolbox {text-align:left;padding-top:10px;}
.whh1 {padding:10px 0;border-bottom:1px dotted #ddd;margin-bottom:4px;}
.whh2 {font-weight: normal;font-size: 22px;padding-top: 3px;}
.whh3 {font-size:14px;color:#666;margin-right:4px}
.whh4 {text-decoration:line-through;font-size: 15px;font-weight: bold;}
.whh5 {padding:10px 10px 5px;font-size:14px}
.whh6 {text-decoration:line-through;font-size: 15px;font-weight: bold;}