@font-face {
    font-family: 'UTM Hanzel';
    src: url('utm-hanzel.ttf')  format('truetype')
}
body{margin:0;background: #000;font-family: 'open-sans',sans-serif,Tahoma;;}
.head{background: #000;height: 80px;position: absolute;width: 100%;top: 0;}
.head .container{max-width: 1200px; width: 100%; margin: 0 auto;padding: 0;}
.head .logo{font-family: 'UTM Hanzel';float: left;color: #eba51d;font-size: 3em;align-self: center;line-height: 80px;padding-left: 10px;}
.head .logo a{color: #eba51d;text-decoration: none;}
.head .menu{float: right;}
.head .dropbtn {background-color: #000;color: white;border: none;cursor: pointer;height: 80px;outline: none;padding: 0;margin: 0;}
.head .dropdown {position: relative;display: inline-block; align-self: center;padding-right: 10px;}
.head .dropdown-content { display: none; position: absolute; right: 0; background-color: transparent; z-index: 9; }
.head .dropdown-content a { color: black; text-decoration: none; display: inline-flex; }
.head .dropdown-content a:hover {background-color: transparent;}
.head .dropdown:hover .dropdown-content {  display: block; }
.ic{width: 50px;height: 50px;align-self: center;}
.ic.menu{background: url(../images/menu-icon.png) no-repeat center center; background-size: cover;}
.ic.about::before{background: url(../images/about-icon.png) no-repeat center center; background-size: 50px;display: inline-block;width: 50px; height: 50px;content:"";}
.ic.media::before{background: url(../images/media-icon.png) no-repeat center center; background-size: 50px;display: inline-block;width: 50px; height: 50px;content:"";}
.ic.member::before{background: url(../images/member-icon.png) no-repeat center center; background-size: 50px;display: inline-block;width: 50px; height: 50px;content:"";}
.ic .menu-text{line-height: 54px; width: 230px; font-size: 12.5px;}
.ic.flag-vn{background: url(../images/vn.png) no-repeat center center; background-size: cover;}
.ic.flag-en{background: url(../images/en.png) no-repeat center center; background-size: cover;}
.menu.language{margin-right: 30px;}
.menu.language .cur-lang{font-size: 14px;color: #fec843;}
.menu.language .mitem{color: #fec843;padding: 5px 0;}

.body-content{margin: 80px 0 0;}
.footer{ background: #000;color: #888888; position: fixed; bottom: 0;width: 100%;}
.footer .container{max-width: 1200px; width: 100%; margin: 0 auto; padding: 15px 0;font-size: 11.5px;}

@media screen and (max-width: 960px) {
    .head{background: #000;}
}
@media screen and (max-width: 767px) {
    .head .logo{font-size: 2em;}
    .menu.language{margin-right: 10px;}
}