@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 #349f9a;
    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: 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;
    }
}

@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: -39px;
    }
}

@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;
}