/***** Header Style ******
***** [START] *****/

header{
    background: #0000000a;
    width: 100%;
    height: auto;
  	position: absolute;
  z-index: 9999;
  	top: 0;
	


}

/*
@media (max-width:767px){
	header{
      position: sticky;
      top: 0;
      z-index: 99999;
    }
}
*/

header .navbar .container{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

@media(max-width:820px){
    .navbar{
        display: none;
    }
}



header .nav-bar{
    font-size: 15px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;

}

header .nav-bar li{
    position: relative;
}

header .nav-bar li a{
    font: 400 16px 'Poppins', sans-serif;
    margin: 0 1rem;
    color: #1c4557;
    text-decoration: none;
    transition: border-bottom 0.5s ease;
    transition: color 0.5s ease;
}

@media(max-width:1024px){
    header .nav-bar li a {
        font: 400 15px 'Poppins', sans-serif;
    }
    
    header .navbar .container {
        justify-content: center;
    }
    
    .navbar{
        padding-top: 1rem;
        padding-bottom: 0;
    }
}

header .nav-bar li ul li a{
   margin:0;
}

header .nav-bar li a:hover{
   color: #00b1cb;
   border-bottom: 1px solid #00b1cb;
}

header .nav-bar li:first-child a{
    padding-left: 0;
}

header .nav-bar li:last-child a{
    padding-right: 0;
}

header .nav-bar li .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 250px;
    z-index: 999;
}

header .nav-bar li .sub-menu a{
    display: block;
    color: #000;
    padding: 4px 0px 4px 20px;
    text-align: left;
    text-decoration: none;
    border: 1px solid #eee;
    transition: color 0s, background 300ms linear;
}

header .nav-bar li .sub-menu a:hover{
    color: #fff;
    background: #00b1cb;
}

header .nav-bar > .menu-item-has-children > .sub-menu{
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s linear;
}

header .nav-bar > .menu-item-has-children:hover > .sub-menu{
  visibility: visible;
  opacity: 1;
}


header .nav-bar .sub-menu li .sub-menu {
    top:0;
    left: 100%;
}

header .top-bar{
    padding: 0;
    justify-content: center;
    display: flex;
    align-items: center;
    box-shadow: 0 0 4px 0 #3a3a3a;
}

@media (max-width:1023px){
  header .top-bar{
	height: 60px;
	}
}

header .top-bar ul li a{
    font: 500 15px 'Poppins', sans-serif;
    color: white;
  
 }

.top-bar-sol{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    list-style-type: none;
	padding: 10px;
  	border-bottom:solid 1px white;
}

.top-bar-sag{
	display: flex;
    justify-content: right;
    align-items: center;
  	padding: 10px;
  	border-bottom:solid 1px white;
}
@media (max-width:767px){
  .top-bar-sag{
    justify-content:flex-start
  }
}

@media (max-width:1023px){
  .top-bar-sag .desktop-lang{
	display:none;
  }
}

@media (min-width:1024px){
  .top-bar-sag .mobile-lang{
	display:none;
  }
}
.desktop-lang, .mobile-lang{
	 display: flex;
	 justify-content: flex-end;
	 align-items: center;
	 height: 100%;
	 list-style-type: none;
	 margin-left: 30px;
}

.mobile-lang{
  justify-content: flex-start!important;
}

.top-bar-sag .lang-item{
	text-transform: uppercase;
}

.pll-switcher-select{
    text-transform: uppercase;
    color: #fff;
    background: #3a3a3a;
    border: none;
    margin-left: 5px;
}

.pll-switcher-select:focus-visible {
  outline: none;
}

.top-bar-sol ul, .top-bar-sag ul{
    list-style-type: none;
    display:
    flex;
    margin: 0;
    padding: 0;
}


.top-bar-sag ul li:last-child{
    border-right: 1px solid #ffffff;
    margin-right: 0px;
    padding-right: 10px;
}
.top-bar-sol li{
   margin-right: 15px;
   color: #ffffff;
}

.top-bar-sag li{
   margin-left: 10px;
   padding-left: 10px;
   border-left: 1px solid #ffffff;
}

.top-bar-sag li a, .top-bar-sol li a{
   text-decoration: none;
   color:inherit; 
}

.top-bar-sag li a:hover, .top-bar-sol li a:hover{
   color: #1f4456;
}

.fa-language{
    font-size: 20px;
}

header .logo-bar{
    background-color: #0000000a!important;
    margin: 0;
    padding: 20px 0px;
}
@media (max-width:767px){
   header .logo-bar{
      display:none;
   }
}

header .logo-bar .custom-logo{
    display: flex;
    list-style-type: none;
}

@media (max-width:1024px){
    header .logo-bar .custom-logo{
        margin: 0 auto;
    }
}

header .logo-bar .custom-logo img{
    max-width:250px;
    margin:0;
    padding:0;
}

header .top-bar .search{
    justify-content: flex-end;
    align-items: center;
    display: flex;
    width: 100%;
    height: 20px;
    margin: 0px 20px;
}

header .top-bar .search-bar{
    height:20px;
	padding-left: 10px;
}

header .top-bar .search-bar:focus{
	outline:none;
}

header .top-bar .search input{
	border-radius: 2px;
	border:1px solid #3a3a3a;
    color: #000;
    max-width: 200px;
	font-size: 12px;
}

header .fa-globe{
    color: #ffffff;
}

header .top-bar .fa-search {
    color:#fff;
}

header .custom-logo{
	max-width:100%;
	height:auto;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  border: none!important;
}

.sticky + .main-bg {
  padding-top: 60px;
}

body.logged-in > header {  
    margin-top: 32px;  
}

.search-btn{
	
    background: #000;
    width: auto;
	margin: -24px;
    align-items: center;
    justify-content: center;
    display: flex;
    height: 20px;
    border-radius: 2px;
    border: none;
}

/***** Header Style ******
***** [END] *****/