@font-face {
    font-family: 'Hero title';
    src: url('../fonts/VogueModerne-Regular.eot');
    src: url('../fonts/VogueModerne-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/VogueModerne-Regular.woff2') format('woff2'),
        url('../fonts/VogueModerne-Regular.woff') format('woff'),
        url('../fonts/VogueModerne-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Hero Mango';
    src: url('../fonts/MangroRegular.eot');
    src: url('../fonts/MangroRegular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MangroRegular.woff2') format('woff2'),
        url('../fonts/MangroRegular.woff') format('woff'),
        url('../fonts/MangroRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



.inview-scale-animate {
    overflow: hidden;
}



/* Booking Hrs CSS Ends*/

.container-pk img {
  object-fit: cover;
  transform-origin: right;
}

.container-pk picture {
  visibility: hidden;
  display: block;
  position: relative;
  overflow: hidden;
}
/* Booking Hrs CSS Starts */
.hrs-grid label {
    font-size: 9px !important;
    color: #3333339e !important;
}
.hrs-grid {
	box-shadow: none !important;
}

.hrs-grid-input {
	background: none !important;
	line-height: 32px !important;
}
.hrs-grid-input:disabled {
    background-color: #ffffff00 !important;
}
.hrs-grid-button {
    width: 100% !important;
 
}
.hrs-grid > div::before {
	width: 0.5px !important;
}

.hrs-grid-button {

    background-color: #4b5320 !important;

}

.hrs-grid-occupancy{
	z-index:4;
}
@media (max-width: 640px){
    .hrs-grid-occupancy-dropdown {
    transform: translateY(-68px) !important;
    width: 200% !important;
}
}

@media (min-width: 1200px) {
    .uk-offcanvas-bar {
        padding: 0 0 !important;
    }
}
/* Booking Hrs CSS Ends*/