@import "font/stylesheet.css";

.mainHeader {
    width: 100%;
    height: 140px;
    position: fixed;
    z-index: 1000;
    left: 0;
    top:0;  font-family: 'Montserrat Regular',sans-serif !important;
	transition: all 0.3s ease-in-out; box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.32);
}
.hiddeNavBar {transform:translateY(-130%); transition: all 0.3s ease-in-out;}

.headerTop {
    width: 100%;
    height: 40px;
    background: #EFEFEF;
}

.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 {
    font-family: 'Montserrat Regular',sans-serif;
    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: 100px;
    margin: 0;
    padding: 0 0 0 60px;
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-items: center;
    background-color: transparent;
	background: #fff;
    transition: background-color .2s ease-in-out,height .3s ease-in-out;
}

.newMenuLogo{flex-grow: 0;  flex-shrink: 0; position: relative;}
.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: flex-end;
    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: center;
    align-items: center;
    width: 100%;
}
.menu-item {
	
}
.menu-link {
    position: relative;
    height: 100px;
    margin: 0;
    padding: 0 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    line-height: 22.4px;
	font-weight: 600;
	

    color: #000;
    transition: color .3s ease-in-out,height .3s ease-in-out,opacity .2s ease-in-out;

}
.menu-link:before{
	content: "";
	width: 1px;
	height: 30px;
	background: #F2F2F2;
	position: absolute;
	left: 0;
	top: 35px;
}
.menu-item:first-child  .menu-link:before {
	opacity: 0;
	width: 0;
}
.menu-link > i {
	color: rgba(0,0,0,0.5);
	font-size: 12px; padding-left: 10px; transition: opacity .3s ease-in-out;

}
.menu-link:hover >i {
    color: #fff;
}
.menu-item:hover .menu-link {
  color: #fff;
  background-color: #011E65;
}
.menu-item:hover  .menu-link:before {
	opacity: 0;
	width: 0;
}
.menu-content {
  position: absolute;
  width: 100%;
  left: 0;


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

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

/**/
.Subwrapper{
	background: #F4F5F6;
	padding: 30px;
}

.tabs_wrapper{
	background: #F4F5F6;
	padding: 30px;
}
ul.tabs{
  background:none!important;
  border:none!important;
  display: inline-block;
  width:100%;
  padding-left:0;
  -webkit-margin-before: 0;
  -webkit-padding-start: 0;
}

ul.tabs li {
  list-style:none;
  width: 100%;
  cursor:pointer;
  margin-right:15px;
  display: inline-block;
  padding: 15px 10px;
	font-size: 16px;
	font-weight: 400;
	color: #000;
	position: relative;
	transition: all 0.3s ease-in-out;

}
ul.tabs li a {
  width: 100%;
  display: inline-block;
	font-size: 16px;
	font-weight: 400;
	color: #000;
	position: relative;
	transition: all 0.3s ease-in-out;

}
ul.tabs li:hover {
  background-color:#F0F0F0;

}
ul.tabs li:hover:after{
    position: absolute;
    right: 5px;
    top: 50%;
    font-weight: 900;
	color:#074575;
    font-family: 'Line Awesome Free';
    content: '\f105';
	margin-top: -8px;
}
ul.tabs li.active:after{
    position: absolute;
    right: 5px;
    top: 50%;
    font-weight: 900;
	color:#074575;
    font-family: 'Line Awesome Free';
    content: '\f105';
	margin-top: -8px;
}

ul.tabs li.active{
  background-color:#F0F0F0;
}

.tabs_container{
  padding:20px;
  display: inline-block;
	background: #F8F9FA;
  width:100%;
}

.subContainer{
  padding:20px;
  display: inline-block;
	background: #F8F9FA;
  width:100%;
}

.tabs_container .tab_content{
  display: none;
}

.tabs_container .tab_content.active{
  display: inline-block;
}

.subMenuTabTitle{width: 100%; height: auto; font-size: 22px; font-weight: 500; padding: 20px 0 10px 0; color: #011E65;}
.subMenuTabDesc{width: 100%; height: auto; font-size: 14px; color: #000; padding: 0 0 30px 0;}

.subMenuItem{width: 100%; height: auto; display: block; margin-bottom: 15px;}
.subMenuIcon{width: 52px; height: 52px; background: #011E65; border-radius: 6px; text-align: center; padding: 12px 0; margin-bottom: 15px;}
.subMenuIcon img{height: 27px;}
.subMenuTitle{width: 100%; height: auto; padding: 0 0 10px 0;     color: #011E65;}
.subMenuTitle a{font-size: 16px; color: #011E65; font-weight: 600; line-height: 20px;}
.subMenuDesc{width: 100%; height: 48px; padding: 0 0 10px 0; font-size: 12px; color: #000; font-weight: 400; line-height:16px; overflow: hidden; text-overflow: ellipsis;   -webkit-line-clamp: 3; display: -webkit-box;
  -webkit-box-orient: vertical;}



.contactUsCon{display: inline-block; float: right; position: relative; width: 269px; height: 100px; z-index: 10;}
a.contacUs{width: 269px; height: 100px; background: #011E65; display: block; position: absolute; top: 0; right: 0;  line-height: 100px; transition: all 0.3s ease-in-out;}
a.contactUsFix{ height: 100px; line-height:100px; transition: all 0.3s ease-in-out;}

.mSearchMCon{width: 100%; height: auto;}
.menuSearchCon{width: auto; display: inline-block; float: right; position: relative;}
.menuSearchTbox{width: 400px; height: 48px !important; border: 1px solid rgba(0,0,0,.2); border-radius: 7px; position: relative; padding: 0 15px 0 49px !important; min-height: 40px !important; line-height: 52px;}
.menuSearchCon i{position: absolute; z-index: 10; left: 15px; top: 13px; font-size: 22px;}
.mSearchTx{font-size: 16px; color: #000; line-height: 54px; padding: 0 20px;}




@media only screen and (max-width: 1482px){
	.menu-link{padding: 0 10px; font-size:13px;}
	
}
@media only screen and (max-width: 1114px){
	.menu-link{padding: 0 6px; font-size:13px;}
	
}

@media only screen and (max-width: 1400px){
.contactUsCon {
    width: 169px;

}
a.contacUs {
    width: 169px;

}    
}