#header{}

.hd-flex{}
.logo-banner{
    margin-right: 40px;
}
.logo{}
.hd-info{
    text-align: center;
}
.hd-info p{
    font-size: 23px;
    font-family: 'UVNNguyenDu';
    color: #0f76b2;
}
.hd-info p a{
    color: #0f76b2;
}.hd-info p a+a:before{content:" - "}
.hd-info p+p{}
.company-name{
    font-size: 34px;
    font-weight: 700;
    font-family: 'avo';
}
.company-name a{
    color: #0f76b2;
}
.hd-hotline{
    display: flex;
    align-items: center;
    background: #ed1f24;
    position: absolute;
    border-radius: 30px;
    padding: 3px;
    right: 15px;
    bottom: 10px;
}
.hd-hotline:before{content:url(images/hd-hotline.png);height: 34px;margin-right: 10px;}
.hd-hotline a{
    font-weight: 700;
    font-family: 'avo';
    font-size: 21px;
    color: #ff0;
    margin-right: 10px;
}
.spnoibat-bg{
    margin: 20px auto;
}
.idx-t{
    font: bold 14px arial;
    margin: 0 0 15px 0;
    text-align: center;
}
.idx-t a,.idx-t span{
    color: #fff;
    display: inline-flex;
    position: relative;
    background: url(images/i-t.png) repeat-x;
    min-height: 45px;
    align-items: center;
    text-transform: uppercase;
}
.idx-t a:before,.idx-t span:before{content: "";background-image: url(images/i-t-l.png);position: absolute;left: -341px;height: 45px;width: 341px;}
.idx-t a:after,.idx-t span:after{content: "";background-image: url(images/i-t-r.png);position: absolute;right: -341px;height: 45px;width: 341px;}
.product-container{display: grid;grid-template-columns: repeat(5,1fr);grid-gap: 15px}
.pro-desc{font: 12px arial;color: #000;text-align: justify;text-align-last: left;overflow: hidden;max-height: 50px;line-height: 17px;}.price-info{
    margin: 3px 0;
}
.ft-flex{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;}
.ft-thongke{
    list-style-type: none;
    color: #fff;
    font: 700 12px arial;
    background: url(images/thongke.png) no-repeat;
    padding: 14px 0 0 130px;
    min-height: 120px;
}.ft-thongke li{
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}.ft-baiviet{
    width: 28%;
}.ft-tktc{
    width: 24%;
}
.maildesc{
    color: #fff;
    font-size: 13px;
}
.codebando,.codebando iframe{overflow: hidden;width: 100%;height: 60vh;}
#footer:after{/* content: ""; */height: 20%;z-index: 0;width: 100%;position: absolute;left: 0;bottom: 0;background: #1261a8;}
.dntv-panel{}
.dntv-panel form{
    margin: 0 auto;
    width: 50vw;
}
.dntv-panel .form-group{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dntv-panel .form-group label{
    margin: 0 1em 0 0;
}
.dntv-panel .form-group label strong{}
.dntv-panel .form-control{}
.dntv-panel .form-control{
    flex: 1;
}
.logindesc .btn{}
.ques{
     background: #0f76b2;
     padding: 5px;
     border-radius: 5px;
     color: #fff;
     font-size: 1.6rem;
     margin: 0.5em 0;
 }
 .hexagon {
  width: 140px;
  height: 77px;
  position: relative;
  background: #103252;
 }
  
 .hexagon:before {
  content: "";
  position: absolute;
  top: -35px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 70px solid transparent;
  border-right: 70px solid transparent;
  border-bottom: 35px solid #103252;
 }
  
 .hexagon:after {
  content: "";
  position: absolute;
  bottom: -35px; 
  left: 0;
  width: 0;
  height: 0;
  border-left: 70px solid transparent;
  border-right: 70px solid transparent;
  border-top: 35px solid #103252;
 }
 
 .trangchu-bg .mxh span{
    text-transform: none;
}
 .trangchu-bg div.mxh a img{
    max-height: 24px;
}
 .trangchu-bg{
    height: 100vh;
    background: #5de8ff;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
}
 .trangchu-footer{
    background: #0f76b2;
    position: absolute;
    width: 100%;
    bottom: 0;
}
 .trangchu-ft-flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
 
 .trangchu-bg .company-name{
    margin: 0;
}
.trangchu-bg div#lang{
    position: relative;
    right: unset;
    top: unset;
}
.trangchu-bg .copyright,.trangchu-bg div.mxhft{}
.trangchu-bg div#lang a img{
    border-radius: 50%;
    width: 24px;
    height: 24px;
}
.trangchu-ft-flex>div{
    width: unset;
}

.hexagon3 {
  position: absolute;
  width: 105px;
  height: 60.62px;
  margin: 30.31px 0;
  /*background-image: url(http://placekitten.com/g/250);*/
  background-size: auto 105.0777px;
  background-position: center;
  border-left: solid 7px #00ff00;
  border-right: solid 7px #00ff00;
  cursor: pointer;
}

.hex1,
.hex2 {
  position: absolute;
  z-index: 1;
  width: 74.25px;
  height: 74.25px;
  overflow: hidden;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background: inherit;
  left: 8.38px;
}

/*counter transform the bg image on the caps*/
.hex1:after,
.hex2:after {
  content: "";
  position: absolute;
  width: 91.0000px;
  height: 52.53887449625595px;
  -webkit-transform:  rotate(45deg) scaleY(1.7321) translateY(-26.2694px);
  -ms-transform:      rotate(45deg) scaleY(1.7321) translateY(-26.2694px);
  transform:          rotate(45deg) scaleY(1.7321) translateY(-26.2694px);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background: inherit;
}

.hex1 {
  top: -37.1231px;
  border-top: solid 9.8995px #00ff00;
  border-right: solid 9.8995px #00ff00;
}

.hex1:after {
  background-position: center top;
}

.hex2 {
  bottom: -37.1231px;
  border-bottom: solid 9.8995px #00ff00;
  border-left: solid 9.8995px #00ff00;
}

.hex2:after {
  background-position: center bottom;
}

.hexagon3:after {
  content: "";
  position: absolute;
  top: 4.0415px;
  left: 0;
  width: 91.0000px;
  height: 52.5389px;
  z-index: 2;
  background: inherit;
}
.circle-danhmuc{
    width: 380px;
    height: 380px;
    margin: 8vh auto;
    position: relative;
}
.logo-circle{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.logo-circle img{width: 220px;}
.hexes{
    position: relative;
}
.hexa9{top:-20px;left:70px;}
.hexa1{right:70px;top:-20px;}
.hexa2{right:-30px;top:60px;}
.hexa3{top:190px;right:-50px;}
.hexa4{top:290px;right:15px;}
.hexa5{top:310px;left:50%;transform:translateX(-50%);}
.hexa6{top:290px;left:15px;}
.hexa7{top:190px;left:-50px;}
.hexa8{left:-30px;top:60px;}

.dshinh-main {
    width: 10vw;
    position: absolute;
}
.dshinh-main.dshinh1 { /*left: -140px; top: -50px;*/ right: -140px; top: -50px;}
.dshinh-main.dshinh2 { right: -210px; top: 70px; }
.dshinh-main.dshinh3 {right: -260px; top: 190px; }
.dshinh-main.dshinh4 { right: -190px; top: 310px;}
.dshinh-main.dshinh5 { left: -150px; top: 330px; }
.dshinh-main.dshinh6 { left: -310px; top: 240px;  }
.dshinh-main.dshinh7 {  left: -350px; top: 120px; }
.dshinh-main.dshinh8 { left: -300px; top: 0; }
.dshinh-main.dshinh9 { left: -140px; top: -50px; }
    .hieudinh{
        position: fixed;
        right: 0;
        z-index: 50000000;
        top: 230px;
        list-style-type: none;
    }
    .hieudinh li{
        margin-bottom: 2px;
    }
    #footer:after{}
    .hexagon3 span{
    position: absolute;
    z-index: 5600;
    font-size: 0.88em;
    line-height: 1.5;
    font-weight: 700;
    background: rgba(220, 220, 220, 0.41);
    color: #000;
    bottom: 1px;
    text-align: center;
    padding: 0px 0px;
    width: 100%;
}
.bnlink{}
.bnlink img{
    /* max-height: 100px; */
    width: 100%;
    object-fit: cover;
}
#iframe{width: 100%;height: 400px;}
.audio
{
       position: fixed;
        bottom: 40%;
        left: 10px;
        z-index: 12345;
}