.header{
  background-image: url('../head/bg-head.png');
  background-size: cover;
border-bottom: 2px solid #0081da;
  padding-bottom: 12px;
}
.header .head-pc{
  position: relative;
}
 .head-pc .logo .khungAnh:before{
  padding-bottom : 50%;
}
 .head-pc .logo{
  float: left;
  width: 144px;
   height: 69px;
   padding-top: 16px;
}
.head-pc .menu-content{
  float: left;
  width: calc(100% - 144px);
}
.head-pc .menu-content .contact-head {
  float: right;
  font-family: 'UtmAvoBold';
  font-size: 13px;
  
}
.head-pc .menu-content .contact-head .tell{
  padding-top: 16px;
  float: left;
  color: red;
}
.head-pc .menu-content .contact-head .tell span{
    color: #333333;
}
.head-pc .menu-content .contact-head .tell-mb a[href^="tel:"] {
  color: red;
  text-decoration: none;
}
.head-pc .menu-content .contact-head .tell-mn a[href^="tel:"] {
  color: red;
  text-decoration: none;
}
.head-pc .menu-content .contact-head a span{
  color: red;
}
.head-pc .menu-content .contact-head .tell-mb{
  float: left;
  background: url(call.png) left 3px no-repeat;
  margin-right: 19px;
  padding-left: 28px;
  padding-bottom: 5px;
  
}
.head-pc .menu-content .contact-head .tell-mn{
  float: left;
}
.head-pc .menu-content .contact-head .lang-head{
  float: right;
  padding: 7px 3px 5px 7px;
  background-color: #bee8fd;
  border: 1px solid #fff;
  border-radius: 3px;
  margin-left: 25px;
  margin-top: 10px;
}
.head-pc .menu-content .contact-head .lang-head ul{
  padding: 0;
  margin: 0;
}
.head-pc .menu-content .contact-head .lang-head ul li{
  display: inline-block;
  margin-right: 3px;
  position: relative;
  width: 23px;
  height: 16px;
}
.head-pc .menu-content .contact-head .lang-head ul li img{
  width: 100%;
   height: 100%;
}
.head-pc .menu-content .menu-main{
  float: right;
  margin-top: 18px;
}
.head-pc .menu-content .menu-main ul{
  padding: 0;
  margin: 0;
  float: left;
}
.head-pc .menu-content .menu-main ul li{
  display: inline-block;
  font-family: 'UtmAvoBold';
  font-size: 13px;
  padding-right: 36px;
  text-transform: uppercase;
  position: relative;
}
.head-pc .menu-content .menu-main ul li a{
  padding-bottom: 20px;
}
.head-pc .menu-content .menu-main ul li ul li a{
  padding-bottom: 0px;
}
.head-pc .menu-content .menu-main ul li.active{
  color: var(--color-main);
  
}
.head-pc .menu-content .menu-main ul li span{
      padding: 19px 0px;
}
.head-pc .menu-content .menu-main ul li .opensub{
  background: url(../images/bg-limenu1.png) no-repeat;
  width: 8px;
  height: 8px;
  position: absolute;
  display: block;
  top: 8px;
  right: 25px;
}
.head-pc .menu-content .menu-main ul li:hover .opensub{
  background: url(../images/bg-limenu.png) no-repeat;
}
.head-pc .menu-content .menu-main ul li:last-child{
  padding-right: 0px;
}
.head-pc .menu-content .menu-main ul li:hover span, .head-pc .menu-content .menu-main ul li.active span{
  border-bottom: 2px solid var(--color-main);
  color: var(--color-main);
  padding-bottom: 3px;
}
.head-pc .menu-content .menu-main .check-search{
  float: right;
  margin-left: 19px;
  margin-top: 5px;
  cursor: pointer;
}
.head-pc .search {
    position: absolute;
    width: 0;
    float: right;
    right: 0px;
    bottom: -48px;
    z-index: 3;
    background: #fff;
    height: 37px;
    overflow: hidden;
/*   border: 1px solid #b8b8b8; */
}
.head-pc  .search input {
    width: 75%;
    height: 35px;
    line-height: 26px;
    padding: 0px 0 0px 6px;
    font-size: 15px;
    border: 0px;
    float: left;
    border-radius: 5px;
}
.head-pc  .search  .icon-search{
  float: left;
  padding: 0 12px;
  margin-top: 12px;
  border-right: 1px solid #b8b8b8;
  
}
.head-pc .search .icon-remo{
  float: right;
  padding: 11px  7px 0 0;
}
/*      submenu  */

/* Submenu */
.header .menu-main ul li:hover ul  {
	display: inline-block;
}
.header .menu-main ul li ul {
	position: absolute;
	padding: 0;
  display: none;
	left: -20px;
	margin: 0;
	top: 37px;
			width: 238px;
	padding-top: 8px;
	background: #007cc6;
	padding: 0;
  z-index: 10;
}
.header .menu-main ul li ul li {
	width: 100%;
	float: none;
	margin: 0 !important;
	margin-top: 0px !important;
	  font-family: Arial !important;
  font-size: 14px !important;
  color: #fff;
  background: url(../images/bg-submenu.png) 20px 15px no-repeat;
  padding: 10px 10px 5px 36px !important;
}
.header .menu-main ul li ul li:hover{
  color: #333 !important;
  background: url(../images/bg-submenuhv.png) 20px 15px no-repeat;
	background-color: #e1e1e1;
  
}
.header .menu-main ul li ul li:hover a{
  color: #333 !important;
}
.header .menu-main ul li ul li a {
	color: #333333;
	font-size: 15px;
	z-index: 100;
	display: block;
	text-transform: none;
	line-height: 20px;
  color:#fff;
}
#header .head-res #right-menu{
  display: none;
}
.sidr .opensub {
	width: 30px;
	height: 23px;
	background: url(../../css/head/opensub.png) center no-repeat;
	float: right;
	margin-right: 10px;
	padding: 0
}
.sidr .opensubac {
	background: url('../../css/head/closesub.png') center no-repeat
}
.head-res{
    display: none;
}