/*===================================== 
CUSTOME CSS 
======================================*/
.text-white-2 {
    color: #888;
}

.bg-white-opa {
    background-color: rgba(255, 255, 255, 0.7);
}

.vertical-text {
  text-orientation: sideways;
  transform: rotate(180deg);
  white-space: nowrap;
  writing-mode: vertical-rl;
}

.center-nav{
     /*d-flex justify-content-end justify-content-lg-center*/
     display:flex;
     flex-direction:row;
     justify-content:center;
}

/*.header-nav{*/
/*    justify-content:space-between;*/
/*    flex-basis: 100%;*/
/*    flex-grow:0;*/
/*}*/

.logo-wrapper {
    width: 150px;
    
}

.logo-header {
    width: 150px;
    background: #fff;
    box-shadow: 0px 34px 21px -12px rgba(0, 0, 0, .41);
    position:absolute;
    top:10px;
    z-index:998;
    padding:5px;
}

.is-fixed .logo-header {
  width: 110px;
  margin-left:20px;
}



.hilite-title {
    text-shadow: 4px 4px 2px rgba(0, 28, 67, 0.295);

}

.hilite-title strong {
    font-size: 44px;
    line-height: 44px;
    -webkit-text-stroke: 2px #001c43;
}

.mt-separator::before,
.mt-separator::after {
    background-color: #ac8330 !important;
}

@media only screen and (max-width: 991px) {
  .site-header .navbar-toggler {
    margin:15px 0 !important;
  }
}



@media only screen and (max-width:768px){
.center-nav{

         flex-direction:row;
         justify-content:space-between;
box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    }
.logo-wrapper {
    width: auto;
    
}

.header-style-1.mobile-sider-drawer-menu .header-nav{
   transition: all 0.3s ease-in-out;
  }

  .header-style-1.mobile-sider-drawer-menu .right-nav{
    top:126px;
  }


.logo-header {
    width:80px;
    height:80px;
    transform:translateX(0%);
    display:block;
}

.is-fixed .logo-header {
    position:relative;
  width: 60px;
  height:60px;
  margin-left:0;
  top:0;
  box-shadow:none;
  padding:0;

}

          .hilite-title {
            display: block;
          }
          
    .hilite-title strong { 
        font-size:34px;
    }
}