@charset "utf-8";
/* CSS Document */

/* .vhmian-new { height: calc(100vh - 80px); display: table; width: 100%; text-align: center; } For video banner*/
.vhmian-new { height: calc(100vh - 245px); display: table; width: 100%; text-align: center; }
/*==================================
new-design CSS
================================= */
.no-border{border:0 !important;} 
.banner-logo img{ max-height: 130px;/*  height: 130px;width: 190px; */ transition:0.3s;}
/* .banner-logo-box{ bottom:-50px; position: absolute; left: 0; right: 0; } For video banner */
.banner-logo-box{ bottom:35px; position: absolute; left: 0; right: 0; }
.banner-logo a{ display: block; clear: both; overflow: hidden; text-align: center;padding: 0px; margin-top: 50px; min-height: 126px; border-right: 1px solid #fff; transition:0.3s; }
.banner-logo a span{ display: none; color: #fff; font-size: 12px; padding-top: 10px; }
.banner-logo-container{max-height:170px;}
.banner-logo a.border-none{ border-right: 0px; }
/* .banner-logo-box span{ font-size: 20px;} */
.white-nav-bg{ background: #fff; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 2; }
.white-nav-bg .container-fluid{ padding:50px 45px; }
.white-nav-bg a img{ max-height: 110px;  }
.closeicon{ position: absolute; /* left:20px; */ top: -15px; z-index: 9; }
.exp-arrow{margin-left:5px; vertical-align:middle;}
.white-nav-bg .top-nav-logo-container{
	position:relative;
	padding: 30px 0;
	opacity:60%;
}
.booknow-btn:hover{
	opacity:85%;
} 
.white-nav-bg .top-nav-logo-container.active, .white-nav-bg .top-nav-logo-container:hover{
	opacity:1;
}
.white-nav-bg .top-nav-logo-container.active:after{
	border-bottom: 3px solid #071c35;
    content: '';
    position: absolute;
    bottom: -8px;
    width: 20%;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding-top: 46px;
}
#overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.4); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}
.offerbox p{
	margin:5px 0;
}
@media (max-width: 1024px) {
	    .banner-logo a{ margin-top: 16px; border:none;}
}
@media (max-width: 767px) {
	/* .ft-btm-link span{width:100%;}
	.ft-btm-link a{width:100%; padding:0;}
	.ft-btm-link .custom-html-widget a{width:50%; float:left; padding:0;} */

  /*   .banner-logo-box span {
    font-size: 16px;
} */
     .banner-logo img{ max-height: 80px; width:auto;}
    .banner-logo a{ min-height: 72px;}
    .banner-logo-box{width: 90%; margin: 0 auto; bottom: 50px;}
    .white-nav-bg{ max-height: 100vh; overflow-y: auto;}
    .white-nav-bg .container-fluid{ padding: 20px 0;   }
	/* .navbar-toggler{
		font-size: 1rem;
		margin-left: 10px;
		height: 34px;
	} */
	.navbar-brand{
		padding: 10px 10px 5px;
        margin-left: 40px;
        height: 60px;	 
	}
	.white-nav-bg .col-sm-3{
		margin: 33px;
	}
	.closeicon {
		top: 20px;
	}
}

@media (min-width: 576px) {
    /*==new-design CSS== */
}
@media (min-width: 667px) {
    /*==new-design CSS== */ 
}

@media (min-width: 768px) {
    /*==new-design CSS== */
}

@media (min-width: 992px) {
    /*==new-design CSS== */
}

@media (min-width: 1100px) {
    /*==new-design CSS== */
    .banner-logo a:hover{ background: rgba(0, 0, 0, 0.2); padding: 15px 10px 10px; transition:0.3s; border-color:transparent; }
.banner-logo a:hover img{ max-height: 70px; transition:0.3s;}
.banner-logo a:hover span{ display: block;}
    /* .banner-logo-box span {
    font-size: 15px;
} */
}

@media (min-width: 1200px) {
    /*==new-design CSS== */
    
}

@media (min-width: 1600px) {
     /*==new-design CSS== */
}
@media (max-width: 576px) {
    /*==new-design CSS== */
	footer .ft-first-link .col-md-12 >div{
		width:100%;
		float:left;
		padding: 25px 10px;
	}
}

@media (max-width: 991px) {
    navbar-expand-lg .navbar-toggler[data-target="#navbarNavDropdownGlobal"] {
        display: none !important;
    }
    #navbarNavDropdownGlobal {
        display: none !important;
    } 
    .navbar-toggler.global {
        display: none !important;
    }
    #top-menu .nav-item a {
        font-size: 14px;
        padding: 15px 30px 15px 15px;
        border: none !important;
    }
    #top-menu {
        padding: 10px 30px 15px;
    }
    .nav-item.mobile-only.drop-down .sub-menu {
        list-style: none;
        padding-left: 15px;
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.5s;
    }
    .nav-item.mobile-only.drop-down > a:after {
        font-family: 'Font Awesome 5 Pro';
        content: "   \f078";
        white-space: pre;
    }
    .nav-item.mobile-only.drop-down.open .sub-menu {
        max-height: 200px;
        transition: max-height 0.5s;
    }
    .sticky .search-form, .force-sticky .search-form {
        max-height: 60px;
    }
    .navbar-expand-lg.navigation.search-active #navbarNavDropdown.show {
        transition: max-height 0.4s;
        overflow: hidden;
        max-height: 0px;
    }
    #navbarNavDropdown {
        max-height: 600px;
        transition: max-height 0.5s;
    }
    header.sticky .navbar-brand img,  header.force-sticky .navbar-brand img, header .navbar-brand img {
        height: auto;
        width: 120px;
        margin-left: 0 !important;
    }
    header .navbar-brand img {
        padding-top: 10px;
    }
    header.force-sticky .navbar-brand img, header.sticky .navbar-brand img {
        padding-top: 15px;
    }
}

@media (min-width: 992px) {    
    .nav-item.mobile-only {
        display: none;
    }
    .navbar-expand-xl .navbar-toggler {
    display: inline-block;
        margin-right: 35px;
    }
    .collapse:not(.show) {
        display: none;
    }
    /* .booknow-btn{ 
        right: 25px; 
        top: 40px; 
        position: absolute; 
    }
    .sticky .booknow-btn, .force-sticky .booknow-btn{ 
        top: 20px;  
    }
    .navbar-expand-lg button.search-toggle {
        right: 150px;
        top: 50px;
        position: absolute;
        z-index: 1;
    }
    .sticky .navbar-expand-lg .search-toggle, .force-sticky .navbar-expand-lg .search-toggle {
        top: 30px;
    } */
    .navbar-expand-lg button.search-toggle {
        z-index: 1;
    }
    .sticky .navbar-toggler.collapsed.global svg #Oval, .force-sticky .navbar-toggler.collapsed.global svg #Oval {
        stroke: #252627;
    }
    .sticky .navbar-toggler.collapsed.global svg #Assets, .force-sticky .navbar-toggler.collapsed.global svg #Assets {
        fill: #252627;
    }
    .sticky .navbar-toggler.closeicon.global, .force-sticky .navbar-toggler.closeicon.global {
        top: -45px;
    }
    .navbar.navbar-expand-lg.navigation {
        padding: 25px 0;
    }
    .sticky .navbar.navbar-expand-lg.navigation, .force-sticky .navbar.navbar-expand-lg.navigation {
        padding: 5px 0;
    }
    .white-nav-bg .top-nav-logo-container .img-fluid {
        height: 60px;
        width: auto;
    }
    .white-nav-bg .top-nav-logo-container.creek .img-fluid {
        height: 45px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .white-nav-bg .container-fluid {
        padding: 50px 15px;
    }
    navbar-toggler.closeicon.global {
        top: -19px;
    }
}

.navbar-toggler.global {
    padding-left: 0;
    padding-right: 35px;
}