#bannerbt{
	width: 100%;
    height: auto;
    background: url(../images/hmtt/banner_bg.png) no-repeat center 0;
	background-size:auto 100%;
    position: relative;
    padding-top: 16px;
    text-align: center;
}
#bannerbt > .main{position:relative;z-index:0}
#bannerbt .left{float:left;width:50%;text-align:center;margin:0 auto;height:100%;overflow:hidden;}
#bannerbt .left img{padding-top:6%;width:auto;padding-left:1%;position:relative;left:1%;top:2px;text-align:center;height:auto;}
#bannerbt .right{float:right;width:42%;position:relative;right:1%;height:auto;padding-top:2%;z-index:9999;}
@keyframes pulssing{0%{transform:scale(1);opacity:1;}
50%{transform:scale(0.9);opacity:1;}
100%{transform:scale(1);opacity:1;}
}
@-webkit-keyframes pulssing{0%{-webkit-transform:scale(1);opacity:1;}
50%{-webkit-transform:scale(0.9);opacity:1;}
100%{-webkit-transform:scale(1);opacity:1;}
}
#content7 .tuvan{max-width:980px;margin:0 auto;display:table;}
#main-menu-bt {
	min-height: 50px;
	padding: 30px 0;
	margin: 0;
	background:#f5f5f5;
	border-bottom:1px #d6d6d6 solid;
	border-top:1px #d6d6d6 solid;
}
#main-menu-bt .btn-readmore{width:96%;max-width:980px; padding:0;margin:0 auto 12px;position:relative;display:none;text-align:center;}
#main-menu-bt .btn-readmore span{
	padding:12px 50px 12px 16px;border-radius:10px;
	font-size:18px;line-height:26px;text-transform:uppercase;color:#fff;
	cursor:pointer;display:block;background:url(../images/hmtt/menuC_icon.png) no-repeat 96% center #5a9341;
}
#main-menu-bt .arrow{
	display:block;
	width: 0px;
    height: 0px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #5a9341;
	position:absolute;bottom:-6px;right:26px;
}
#main-menu-bt > ul {
	width: 100%;
	padding:0;
	position: relative;
}
#main-menu-bt > ul:after{content:'';clear:both;display:block;}
#main-menu-bt > ul > li {
	position: relative;
	margin: 0;
	text-align: center;
	display: block;
	width: 33.333%;
	box-sizing:border-box;
	float: left;padding:10px;
	padding-bottom: 0px;
}
#main-menu-bt > ul > li:after{content:'';display:block;clear:both;}
#main-menu-bt > ul > li:nth-child(2n){border-right:none;padding-right:0;}
#main-menu-bt > ul > li:nth-child(2n + 1){padding-left:0;padding-right:0;}
#main-menu-bt > ul > li:nth-child(1),
#main-menu-bt > ul > li:nth-child(2){;padding-top:0;}
#main-menu-bt > ul > li:nth-child(3),
#main-menu-bt > ul > li:nth-child(4){padding-bottom:0;}
#main-menu-bt > ul > li > a {
	display: block;
	width:100%;left:0;
	min-height: 80px;
	text-align:center;
	background:#ffa4a4;
	text-transform: uppercase;
	margin-top: 4px;
	margin-bottom: 6px;
}
#main-menu-bt > ul > li:nth-child(1) > a{background:#ffa4a4;}
#main-menu-bt > ul > li:nth-child(2) > a{background:#edbba7;}
#main-menu-bt > ul > li:nth-child(3) > a{background:#86c5d7;}
#main-menu-bt > ul > li:nth-child(4) > a{background:#dec98f;}
#main-menu-bt > ul > li:nth-child(5) > a{background:#9ed695;}
#main-menu-bt > ul > li > a:hover {
	color: #fff;
}
#main-menu-bt > ul > li > a span{
	width: auto;height:80px;display:table-cell;vertical-align:middle;padding:0 16px;
	font-size:13px;line-height:18px;color:#fff;position:relative;font-weight:700;
}
#main-menu-bt > ul > li > a:before{
	content:'';width:64px;height:64px;display:block;float:left; margin-right:6px;margin-top:8px;margin-left:10px;
}
#main-menu-bt > ul > li.benh-tri > a:before{
	background:url(../images/hmtt/menu2_icon.png) no-repeat 0 0;
}
#main-menu-bt > ul > li.benh-duong-ruot > a:before{
	background:url(../images/hmtt/menu2_icon.png) no-repeat 0 -64px;
}
#main-menu-bt > ul > li.trieu-chung-hau-mon > a:before{
	background:url(../images/hmtt/menu2_icon.png) no-repeat 0 -128px;
}
#main-menu-bt > ul > li.benh-hau-mon > a:before{
	background:url(../images/hmtt/menu2_icon.png) no-repeat 0 -192px;
}

#main-menu-bt ul > li > ul {
	list-style: none;
	float: left;
	padding:0;
	color: #211f13;
	left: 0;
	width: 100%;
	z-index: 99;
}
#main-menu-bt ul > li:hover > ul {
	margin-top: 0;
}
#main-menu-bt ul > li > ul > li {
	text-align: center;
	width:32%;
	margin-right:2%;
	float:left;
	margin-bottom:2%;
}
#main-menu-bt ul > li > ul > li:last-child{margin-right:0;}
#main-menu-bt ul > li > ul > li:after{content:'';clear:both;display:block;}
#main-menu-bt > ul > li > ul > li a{
	display:block;color: #333;box-sizing:border-box;padding:4px;
	background:#dedede;font-size:14px;line-height:18px;
}
#main-menu-bt > ul > li:nth-child(1) > ul > li a:hover{background:rgba(255, 164, 164, 0.5);}
#main-menu-bt > ul > li:nth-child(2) > ul > li a:hover{background:rgba(237, 187, 167, 0.5);}
#main-menu-bt > ul > li:nth-child(3) > ul > li a:hover{background:rgba(134, 197, 215, 0.5);}
#main-menu-bt > ul > li:nth-child(4) > ul > li a:hover{background:rgba(222, 201, 143, 0.5);}
#main-menu-bt > ul > li > ul > li a span{display:table-cell;height:36px;vertical-align:middle;width:160px;text-align:center;margin:0 auto;}

#main-menu-bt > ul > li ul a {
	text-transform: none;
	line-height: 30px;
}
#content1{padding-bottom:30px;}
#content1 .main{max-width:1020px;}
#content1 h2{
	width:100%;
	max-width:980px;
	margin:0 auto; 
	color:#1ea593;
	font-size:23px;
	text-align:center;
	line-height:30px;
	text-transform:uppercase;
	padding-top:30px;
	padding-bottom:20px;
	box-sizing: border-box;
}
#content1 .cols{
    width: 19.2%;
    margin-right: 1%;
    float: left;
    text-align: center;
    box-sizing: border-box;
    min-height: 385px;
    border: 1px solid #dfdfdf;
    padding-top: 10px;
    border-radius: 5px;
}
#content1 .cols img{
    border-bottom: 1px solid #dfdfdf;
}
#content1 .cols:nth-child(5){
    margin-right:0;
}
#content1 .cols strong{
	display:block;
	text-align:center;
	color:#3e5558;
	font-weight:700;
	text-transform:uppercase;
	padding-top:8px;
	padding-bottom:12px;
	font-size: 14px;
}
#content1 .cols p{text-align:justify;padding:0 8px;}
#content2{margin:0;padding:0;background:#39a387;text-align:center;}
#content2 h2{
	width:94%;max-width:980px;margin:0 auto; color:#fff;
	font-size:25px;line-height:30px;text-transform:uppercase;
	padding-top:30px;padding-bottom:20px;
}
#content2 img{padding-bottom:12px;}
#content2 .center{width:94%;max-width:700px;margin:0 auto;}
#content2 .center p{
    color:#fff;
    font-size: 16px;
    line-height: 25px;
}
#content2 .center p span{color:#fff6d1;}
#content2  .tuvan{padding:28px 0 20px;}
#content2  .tuvan span{width:314px;height:52px;display:block;margin:0 auto;}
#content2  .tuvan span.normal{background:url(../images/slidenk/button_tuvan_normal.png) no-repeat center 0;display:block; background-size:100%;}
#content3{padding-bottom:20px;margin:0;}
#content3 h2{
	width:94%;max-width:980px;margin:0 auto; color:#1ea593;
	font-size:25px;line-height:30px;text-transform:uppercase;
	padding-top:30px;padding-bottom:20px;
}
#content3 h2 span{display:block;font-size:40px;line-height:46px;}
#content3 .rows{padding-top:16px;padding-bottom:24px;}
#content3 .rows:after{content:'';display:block;clear:both;}
#content3 .rows.left img{float:left;margin-right:70px;}
#content3 .rows.right img{float:right;margin-left:70px;}
#content3 .rows h4{
	padding-bottom:25px;
}
#content3 .rows h4 span{background:url(../images/hmtt/content3_icon.png) no-repeat 0 4px;
	padding-left:20px;text-transform:uppercase;font-size:15px;line-height:20px;
}
#content3 .rows a{width:190px;display:inline-block;margin:20px 0;}
#content3 .rows a span{width:190px;height:44px;display:block;float:left;}
#content3 .rows a span.normal{background:url(../images/hmtt/content3_button.png) 0 0;display:block;}
#content3 .rows a span.hover{background:url(../images/hmtt/content3_button.png) 0 -44px;display:none;}
#content4{
    margin:0;
    background:#f5f5f5;
    padding-bottom: 20px;
}
#content4 h2{
	width:94%;max-width:980px;margin:0 auto; color:#1ea593;
	font-size:25px;line-height:30px;text-transform:uppercase;
	padding-top:30px;padding-bottom:20px;
}
#content4 h2 span{display:block;font-size:40px;line-height:46px;}
#content4 .main{max-width:1020px;}
#content4 .cols{
	width:31.33333%;margin:1%; float:left;min-height:280px;border:1px #e7e7e7 solid;
	background:#fff;box-sizing:border-box;padding:18px;
}
#content4 .cols span{width:64px;height:48px;display:block; margin:4px auto 20px;}
#content4 .cols:nth-child(1) span{background:url(../images/hmtt/content4_icon.png) 0 0;}
#content4 .cols:nth-child(2) span{background:url(../images/hmtt/content4_icon.png) 0 -48px;}
#content4 .cols:nth-child(3) span{background:url(../images/hmtt/content4_icon.png) 0 -96px;height:49px;margin-bottom:19px}
#content4 .cols:nth-child(4) span{background:url(../images/hmtt/content4_icon.png) 0 -145px;}
#content4 .cols:nth-child(5) span{background:url(../images/hmtt/content4_icon.png) 0 -193px;height:49px;margin-bottom:19px}
#content4 .cols:nth-child(6) span{background:url(../images/hmtt/content4_icon.png) 0 -242px;height:49px;margin-bottom:19px}
#content4 .cols strong{text-transform:uppercase;color:#3e5558;display:block;text-align:center;}
#content4 .cols p{padding-top:20px;}
#content5{margin:0;padding:0;background:#f27377;text-align:center;}
#content5 h2{
	width:94%;max-width:980px;margin:0 auto; color:#fff;
	font-size:25px;line-height:30px;text-transform:uppercase;
	padding-top:30px;padding-bottom:20px;
}
#content5 img{padding-bottom:12px;}
#content5 .center{width:94%;max-width:580px;margin:0 auto;}
#content5 .center p{color:#fff;}
#content5 .center p span{color:#fff6d1;}
#content5  .tuvan{padding:28px 0 34px;}
#content5  .tuvan span{width:314px;height:53px;display:block;margin:0 auto;}
#content5  .tuvan span.normal{background:url(../images/slidenk/button_tuvan_normal.png) no-repeat 0 0;display:block;background-size:100%;}

#content6{margin:0;padding:0;text-align:center;}
#content6 h2{
	width:94%;max-width:980px;margin:0 auto; color:#1ea593;
	font-size:25px;line-height:30px;text-transform:uppercase;
	padding-top:30px;padding-bottom:20px;
}
#content6 .main{max-width:1020px;}
#content6 .cols{width:23%;margin:0 1%;float:left;text-align:center;box-sizing:border-box;padding:12px;}
#content6 .cols strong{
    display:block;
    text-align:center;
    padding-top:10px;
    color:#3e5558;
    text-transform: uppercase;
}
#content6 .cols p{padding-top:16px;padding-bottom:20px;text-align:justify;}

#content7{background:#f5f5f5;}
#content7 h3{
	width:94%;max-width:980px;margin:0 auto; color:#1ea593;
	font-size:25px;line-height:30px;text-transform:uppercase;
	padding-top:30px;padding-bottom:20px;text-align:center;
}
#content7 .main{background:url(../images/hmtt/content7_bg.png) no-repeat 0 0;}
#content7 .right{width:49%;float:right;}
#content7 .right ul{padding:0 0;    background: rgba(234, 234, 234, 0.55);}
#content7 .right ul li{
    padding: 13px 15px;
    min-height: 40px;
    font-weight: 600;
    line-height: 25px;
}
#content7 .tuvan{padding:24px 0 30px;}
@media screen and (max-width:1024px){.main{width:100%;margin:0 auto;}
.banner_left{display:none;}
#menu-top{z-index:9999;}
#menu-top .main >ul > li:nth-child(1){padding-left:20px;width:60px;overflow:hidden;}
#contact{overflow:hidden;max-height:39px;margin:0 auto;text-align:center;z-index:99;}
footer .share{}
.fb, .tw, .gg{padding-right:55px;}
.pin{padding-right:0px;}
#bannerbt{overflow:hidden;margin:0;padding:0;background-size:180% 100%;}
#bannerbt .bg2{width:98%;margin:0 auto;}
#bannerbt .bg2 img{width:100% !important;}
#bannerbt .left{position:relative;bottom:0;max-width:50%;}
#bannerbt .right .bn2{width:100%;}
#bannerbt .right .bn2 img{width:100%;}
#bannerbt .right .bn1 img{width:100%;}
#bannerbt .left img{width:96%;margin-top:18%;top:-5px;left:5%;z-index:10;float:left !important;text-align:left !important;}
.lienhe > li{padding:5px;}
.lienhe{padding:0;}
}
#main-menu-bt > ul > li.benh-hau-mon{padding-left: 10px;padding-right:0;padding-top:0;}
@media screen and (max-width:800px){#menu-top{display:none;}
.search-icond{width:40px;height:30px;border-radius:8px 0 0px 8px;-moz-border-radius:8px 0 0px 8px;-webkit-border-radius:8px 0 0px 8px;background:url(../images/search.png) no-repeat center top #CCC !important;position:fixed;z-index:9999;text-align:center;padding-top:3px;right:0px;top:62px;}
.search{height:20px !important;position:fixed;top:62px;right:5px;z-index:9999;float:right;}
.lienhe2{background:rgba(255, 255, 255, 0.6);position:fixed;bottom:0;padding-left:20px;display:inline-block;z-index:99999;padding-top:8px;width:100%;float:left;text-align:center;margin:0 auto;}
.lienhe2 li:nth-child(1):hover{opacity:0.8}
.lienhe{margin-left:-99999px;}
#contact li{padding-right:20px;}
footer .share{margin-left:170px;}
footer .share .gg{clear:both;}
#bannerbt .right{position:relative;top:2px;}
#bannerbt .left{position:relative;top:1px;margin-top:5px;}
#bannerbt .right{position:relative;left:-10px;}
#bannerbt .bstuvan{margin-left:-99999px}
.main{width:100%;}
#main-menu-bt{padding:20px 0 12px;}
#main-menu-bt .btn-readmore{display:block;}
#main-menu-bt > ul > li {
	margin: 10px auto;
	padding:0;
	width: 96%;
	float:none;
	clear:both;
	border:none !important;
}
#main-menu-bt > ul > li > a{margin-top:1%}
#main-menu-bt > ul > li > a:before{margin-left:6px;}
#main-menu-bt > ul > li > a span{padding:0 2px;}
#content1 .cols{width:94%;float:none;border-left:none;margin:10px auto 24px;min-height:auto;}
#content3 .rows{width:94%;float:none;margin:0 auto;text-align:center;}
#content3 .rows:after{content:'';display:block;clear:both;}
#content3 .rows.left img{margin-right:0;float:none;padding-bottom:20px;}
#content3 .rows.right img{margin-left:0;float:none;padding-bottom:20px;}
#content3 .rows p{text-align:justify;}
#content4{padding-bottom:20px;}
#content4 h2{
	width:94%;max-width:980px;margin:0 auto; color:#1ea593;
	font-size:25px;line-height:30px;text-transform:uppercase;
	padding-top:30px;padding-bottom:20px;
}
#content4 h2 span{display:block;font-size:40px;line-height:46px;}
#content4 .main{max-width:1020px;}
#content4 .cols{width:94%;float:none;margin:10px auto;}
#content6 .cols{width:94%;float:none;margin:10px auto;}
#content7 .right{width:94%;float:none;margin:0 auto;}
}
/*Css addby MrD*/
.animatedtri {
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@keyframes tadatri {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.tadatri {
  animation-name: tada;
}
@keyframes bouncetri {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    transform: translate3d(0,-4px,0);
  }
}

.bouncetri {
  animation-name: bounce;
}
@media screen and (max-width:680px){
    *{
        max-width:100%;
        margin:0;
        padding:0;
    }
    footer .share{
        display:none !important;
    }
    #bannerbt .left{
        position:relative;
        top:2px;
    }
    #bannerbt .left img{
        margin-top:20%;
    }
    .giolam{
        width:96%;
        margin:10px auto;
        text-align:center;
        padding:5px;
    }
    .bando{
        width:96%;
        float:none;
        text-align:center;
        margin:0 auto;
        text-align:center;
        padding:0 10px 0 10px;
    }
    .luuy{
        padding:25px 0 5px 0;
        clear:both;
        color:#FFFFFF;
        font-size:13px;
        text-align:center;
        padding-bottom:22px;
    }
    .copyright{
        margin:auto;
        padding:10px;
        width:96%;
    }
}
@media screen and (max-width:480px){
    #htop2 .logo{
        width:80%;
        height:45px;
        padding:6px 15px 0 0;
    }
    #contact{
        max-height:78px;
        margin-left:20px;
        text-align:center}
    #contact li{
        clear:both;
    }
}
@media screen and (max-width:414px){}
@media screen and (max-width:384px){}
@media screen and (max-width:375px){
	#htop2 .logo{padding:7px 10px 0 0;}
}