.header-section-one #mastser-header .navbar-default .navbar-nav > .open > a, 
.header-section-one #mastser-header .navbar-default .navbar-nav > .open > a:hover, 
.header-section-one #mastser-header.navbar-default .navbar-nav > .open > a:focus,
.header-section-one #mastser-header .navbar-nav > li:hover > a, 
.header-section-one #mastser-header .navbar-nav > li > a:focus,
.header-section-one #mastser-header .navbar-nav > li.active > a, 
.header-section-one #mastser-header .navbar-nav > li > a:after, 
.header-section-one .standard-header #mastser-header .navbar-nav > li > a:after, 
.header-section-one ul.menu-right-list li > button:hover {
  background-color:var(--hg-primary);
  color: var(--white-color);
}
.header-section-one #mastser-header .navbar-nav > li > a,
.header-section-one ul.menu-right-list li > button {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 16px;  
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 20px;
  line-height: 23px;
  letter-spacing: 0.05em;
  color:color: #01012f;
  background: var(--white-color);
  transition: all 0.3s ease-in-out 0s;
}
.header-section-one .mastser-header-one .navbar-nav > li > a:after{
  width: 6px;
  height: 6px;
  background-color: var(--hg-primary);
  display: inline-block;
  content: "";
  transform: rotate(-45deg);
  position: relative;
  top: 0;
  left: 10px;
}

.header-section-one ul.menu-right-list li > button.header-booknow-toggle{
  background-color: var(--hg-primary);
  color: var(--white-color);
}

.header-section-one ul.menu-right-list li > button.header-booknow-toggle:hover{  
  background-color: var(--hg-secondary);
  color: var(--white-color);
}

.header-section-one #mastser-header .navbar-nav > li.dropdown > a  {
  padding-right: 24px!important;
}

.header-section-one .info-bar .header_contact .nav-item {
  margin-right: 14px;
}
.header-section-one .info-bar .header_contact .nav-item i {
  margin-right: 5px;
  color: rgb(255, 255, 255);
  font-size: 22px;
  transition: all 0.5s ease;
}
.header-section-one .info-bar .header_contact .nav-item:hover i{
  animation: icon-bounce 800ms ease-out infinite;
  -webkit-animation: icon-bounce 800ms ease-out infinite;
}
.header-section-one .info-bar .header_contact .nav-item span {
  color: white;
  margin-right: 5px;
  font-size: 16px;
  font-family: 'Josefin Sans';
}
.header-section-one .info-bar {
  background-color: var(--hg-primary);
  padding: 10px;
  position: absolute;
  z-index: 2;
  width: 100%;
}
.header-section-one #mastser-header .navbar .navbar-brand{
  padding-bottom: 0;
}
.header-section-one nav.navbar.navbar-expand-lg {
  padding: 0;
  z-index: 99;
  background-color: var(--white-color)!important;
}
.header-section-one .header_search_btn.btn-theme {
  margin-left: 14px;
  background-color: transparent;
  height: 100%;
  color:var(--bs-secondary);
}
.header-section-one #mastser-header div#navbar.navbar-collapse {
  height: 0px !important;
  transition: all 0.2s linear 0s;
  overflow: hidden !important;
}

.header-section-one #mastser-header form.search-form.hg-navigation-search {
  display: flex;
  align-items: center;
}
.header-section-one #header_search .search_box-search_btn {
  height: 50px;
  width: 80px;
  float: right;
  padding: 2px;
  border-radius: 0px 40px 40px 0px !important;
}
.header-section-one .menu-right-list .offcanvas{
  z-index: 9999;
}
.header-section-one .menu-right-list .offcanvas-header {
    margin-top: 33px;
    position: relative;
}
.header-section-one .menu-right-list .offcanvas-header #offcanvasTopLabel{
  position: absolute;
  top: 60px;
  color: #fff;
}
.header-section-one .menu-right-list .offcanvas-header .text-reset{
  position: absolute;
  right: 0;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  border: 0;
  opacity: 1;
  background: transparent url(https://uiuxom.com/ulina/html/images/close.png) center/1em auto no-repeat;
  border-radius: 0.25rem;
}
.header-section-one .header_search_btn.btn-theme{
  padding: 15px;
}

.header-section-one ul.menu-right-list{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;  
  align-items: center;   
  list-style: none;
  padding: 0;    
  margin: 0;
  white-space: nowrap;
}
.header-section-one ul.menu-right-list li button{
  border: none;
}

.header-section-one ul.menu-right-list li button.header-cart-toggle,ul.menu-right-list li button.header-search-toggle{
  font-size: 23px;
}
.header-section-one .main-menu-right .menu-right-list .search-item .header-search-toggle{
  position: relative;
  width: 45px;
  height: 45px;
  background: var(--white-color);
  box-shadow: 3px 4px 30px rgb(215 215 215 / 78%);
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  line-height: 44px;
  padding: 0;
  font-size: 16px;
}
.header-section-one .main-menu-right .menu-right-list .search-item, .main-menu-right .menu-right-list .cart-item{
  margin-right: 15px;
}

.header-section-one .main-menu-right .menu-right-list .search-item:hover .header-search-toggle{
color: var(--hg-primary);
}
.header-section-one .main-menu-right .menu-right-list .booknow-item .header-booknow-toggle{
  padding: 12px 10px;
  border-radius: 15px 0;
  color: var(--white-color);
  background-color: var(--hg-secondary);
  transition: all 0.3s;
  font-family: 'Josefin Sans';
}
.header-section-one .main-menu-right .menu-right-list .booknow-item .header-booknow-toggle:hover{
  color: var(--white-color) !important;
  background-color: var(--hg-primary) !important;
}
.header-section-one .contact-area{
  display:flex;
}
.header-section-one .contact-info .text a{
  margin-left:15px;
  text-decoration:none;
}
.header-section-one .contact-details-inner {
    padding: 20px;
}
.header-section-one #main-home-booking .overlay {
    z-index: 1;
}

/*info-bar header*/

.header-section-one .header-above-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 72px;
  height: 52px;
  overflow: hidden;
  text-align: center;
  z-index: 0;
}
.header-section-one .header-above-btn:after {
  content: "";
  width: 250%;
  height: 250%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(126px) translateY(-78px) rotate(35deg);
  background-color: var( --hg-primary);
  z-index: -1;
}
.header-section-one .header-above-collapse {
  display: inline-block;
  position: absolute;
  top: -11px;
  left: 45px;
  padding: 0;
  width: 26px;
  height: 50px;
  border: none;
  color: var(--bs-white);
  background-color: var(--hg-primary);
  transform: rotate(-55deg);
  z-index: 1;
}
.header-section-one .header-above-collapse span,
.header-section-one .header-above-collapse span:before,
.header-section-one .header-above-collapse span:after {
  position: absolute;
  width: 7px;
  height: 7px;
  line-height: 7px;
  text-align: center;
  background: var(--bs-white);
  left: 50%;
  margin-left: -4px;
  border-radius: 50%;
}
.header-section-one .header-above-collapse span {
  top: 40%;
}
.header-section-one .header-above-collapse span:before {
  bottom: 100%;
  margin-bottom: 4px;
}
.header-section-one .header-above-collapse span:before,
.header-section-one .header-above-collapse span:after {
  content: '';
}
.header-section-one .header-above-collapse span:after {
  top: 100%;
  margin-top: 4px;
}
.header-section-one .header-above-btn .header-above-collapse:focus{
  color: var(--bs-white);
  background-color: var(--hg-secondary);
  box-shadow: none !important;
  outline: 1px dotted #fff;
}