@import "font/stylesheet.css";

.mainHeader {
    width: 100%;
    height: 100px;

    z-index: 1000;
    left: 0;
     position:sticky;
	top: 0;
	transition: all 0.3s ease-in-out; background: #fff;box-shadow: 0 2px 40px hsla(240, 0%, 6%, 5%);font-family: "PT Sans", serif; background: #fff;

}
.hiddeNavBar {transform:translateY(-190%); transition: all 0.3s ease-in-out; position: fixed;}
.headerTop {
    width: 100%;
    height: 46px; background: #fff; border-bottom: 1px solid rgba(132,132,132,.15);

}

.menuHeader{position: sticky; width: 100%; height: 100px; top: 0; }

.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: 100px;
    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;}
/*
.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: flex-end;
    align-items: center;
    width: 100%;
}
.menu-item {
	
}
.menu-link {
    
    height: 80px;
    margin: 0;
    padding: 0 0 0 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    line-height: 22.4px;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: none;

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

}


.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: #9C1F58;
}
.menu-item:hover .menu-link {
  color: #9C1F58;

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

	width: 15px;
}
.menu-content {
  position: absolute;
  width:100%;
  left: 0;
  background: #fff;
  padding: 50px 20px 20px 20px;
  animation: slideUp 0.3s ease;
  display: none;
  z-index: 15;
	border-top: 1px solid #efefef;
}
.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.submenuM{
	margin: 0;
	padding: 20px 0 20px 0;
	list-style: none;
}

ul.submenuM li{width: 33%; height: auto; padding: 10px 20px 0 0; position: relative;  transition: all 0.2s linear; float: left; }
ul.submenuM li a{ color: #111111 !important; font-size: 13px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; transition: all 0.2s linear; position: relative; padding-bottom: 2px; line-height: 16px; }
ul.submenuM 

ul.submenuM li:hover a{ color: #f71c52;}
ul.submenuM li a:hover:after{ width: 100%;}

ul.submenuM li a:after {
    content: "";
    transition: .2s all ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    left: 50%;
    height: 2px;
    width: 0;
    bottom: 0;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #9C1F58;
}

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

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

.tabs_wrapper{
	background: #F4F5F6;
	padding: 20px;
}
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:#faa335;
    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:#faa335;
    font-family: 'Line Awesome Free';
    content: '\f105';
	margin-top: -8px;
}

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

.tabs_container{
  padding:10px;
  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: #faa335;}
.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: #faa335; border-radius: 6px; text-align: center; padding: 12px 0; margin-bottom: 15px;  transition: all 0.3s ease-in-out;}
.subMenuIcon img{height: 27px;}
.subMenuTitle{width: 100%; height: auto; padding: 0 0 0 0;     color: #9C1F58 !important; font-size: 14px; font-weight: 600;}
.subMenuTitle a{font-size: 16px; color: #faa335; font-weight: 600; line-height: 20px;  transition: all 0.3s ease-in-out;}
.subMenuDesc{width: 100%; height: auto; padding: 0 0 10px 0; font-size: 12px; color: #000; font-weight: 400; line-height:16px;}

.subMenuItem:hover .subMenuIcon{background: #1e2849;}
.subMenuItem:hover .subMenuTitle a{color: #1e2849 !important;}


.contactUsCon{display: inline-block; float: right; position: relative; width: 269px; height: 100px; z-index: 10;}
a.contacUs{width: 269px; height: 100px; background: #faa335; 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;}

a.contacUs:hover{background: #1e2849;}

.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: 1400px){
.contactUsCon {
    width: 169px;

}
a.contacUs {
    width: 169px;

}    
}
.nav .container{max-width: 1400px;}