@import "font/stylesheet.css";

.header{position: absolute; top: 0; width: 100%; z-index: 5;}
.headerSub{ background: #fff; position: relative; height: 135px; box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1); }


.mainHeader {
    width: 100%;
    height: 80px;
    position: absolute;
    z-index: 1000;
    left: 0;
    top:52px; 
	transition: all 0.3s ease-in-out;
}
.hiddeNavBar {transform:translateY(-130%); transition: all 0.3s ease-in-out;}
.headerTop {
    width: 100%;
    height: 52px; border-bottom: 1px solid rgba(255,255,255,.35);

}

.headPhone {
    width: auto;
    height: 34px;
    float: left;
    display: inline-block;
    line-height: 34px;
    font-size: 13px;
    color: #fff;
    margin-left: 15px;
    font-weight: 300;
    transition: all 0.3s ease-in-out;
}
.headSep {
    float: left;
    width: 1px;
    height: 17px;
    border-right: 1px solid rgba(0,0,0,0.2);
    margin: 11px 15px 0 7px;
}

a.loginBtn {

    color: #000;
    font-size: 14px;
    line-height: 40px;
}
a.lgnBtn{ color: #707070; font-size: 14px; line-height: 40px;}


.headerNew {
    position: relative;
    left: 0;
    top: 0;
    z-index: 7;
    width: 100%;
    height: 80px;
    margin: 0;
    padding: 0 0 0 0;
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-items: center;
    background-color: transparent;

    transition: background-color .2s ease-in-out,height .3s ease-in-out;
}

.newMenuLogo{flex-grow: 0;  flex-shrink: 0; position: relative;}
.newMenuLogoColor{flex-grow: 0;  flex-shrink: 0; position: relative; display: none;}
/*
.newMenuLogo:before{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: -10px;
	bottom: -38px;
	border-style: solid;
	border-width: 25px 60px 0 60px;
	border-color: #fff transparent transparent transparent;
} */
.header__group, .header__language {
    display: flex;
    flex-direction: row;
    justify-content:center;
    align-items: center;
}
.header__group {
    flex-grow: 0;
    flex-shrink: 0;
}

/*==========*/
/* Menus */
/*=========*/
/*Desktop Navbar*/
#navbar {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;	
}

#navbar .nav {
    display: flex;
    flex-direction: row;
    justify-content:flex-end;
    align-items: center;
    width: 100%;
}
.menu-item {
	    position: relative;
}
.menu-link {
    
    height: 80px;
    margin: 0;
    padding: 0 0 0 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 22.4px;
	font-weight: 600;
	margin-left: 30px;
	
	text-decoration: none;
    position: relative;
    color: #fff; letter-spacing: 0;
    transition: color .3s ease-in-out,height .3s ease-in-out,opacity .2s ease-in-out;

}
.menu-link:before {
    content: "";
    width: 0;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50px;
    transition: all 0.2s linear;
}

.menu-link > i {
	color: #fff;
	font-size: 12px; padding-left: 10px; transition: opacity .3s ease-in-out;

}
.menu-link:hover >i {
    color: #ab8965;
}
.menu-item:hover .menu-link {
  color: #fff;

}
.menu-item:hover  .menu-link:before {

	width: 100%;
}
.menu-content {
  position: absolute;
  width:260px;
  left: 0;
  background: #192217;
  padding: 0 30px 0 30px;
  animation: slideUp 0.3s ease;
  display: none;
  z-index: 15;
	
}
.menu-content .menu-content-link {
  display: block;
  padding: 5px 15px;
  transition: 0.25s;
}
.menu-content .menu-content-link:hover {
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}

.menu-item .list-group .active {
  background-color: var(--main);
}

.menu-item:hover .menu-content {
  display: block;
}

.tab-content-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

ul.submenuMain{
	margin: 0;
	padding: 20px 0 20px 0;
	list-style: none;
}

ul.submenuMain li{width: 100%; height: auto; padding: 5px 0 5px 0; position: relative;  transition: all 0.2s linear; }
ul.submenuMain li a{ color: #fff !important; font-size: 14px; font-weight: 500; letter-spacing: 1px; transition: all 0.2s linear; position: relative; padding-bottom: 5px; line-height: 16px; }
ul.submenuMain 

ul.submenuMain li:hover a{ color: #192217; padding-left: 10px;}
ul.submenuMain li:hover{ padding-left: 10px;}
ul.submenuMain li a:hover:after{ width: 100%;}

ul.submenuMain li a:after {
    content: "";
    transition: .2s all ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    left:0;
    height: 1px;
    width: 0;
    bottom: 0;

    background-color: #fff;
}

/* animation */
@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}

.headerSub ul.topSocial li a{color: #2c2c2c;}
.headerSub ul.topSocial li a:hover{color: #eece38;}
.headerSub .headerTop{ border-bottom: 1px solid rgba(0, 0, 0, .15);}
.headerSub .menu-link{color: #2c2c2c;}
.headerSub .menu-item:hover .menu-link {
    color: #2c2c2c;
}
.headerSub .menu-link:before{background: #2c2c2c;}


.headerSub ul.topContact li a{ color: #2c2c2c;}
.headerSub ul.topContact li a:hover{ color: #eece38;}

.headerSub ul.topContact li a i { color: #2c2c2c;}
.headerSub ul.topContact li a:hover i { color: #eece38;}

.headerSub .newMenuLogo{display: none;}
.headerSub .newMenuLogoColor{display: block;}