.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.clearfix {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
#cssmenu{
    display: none;
}
.detail-list .p-info input {
    border: 1px solid #37b34a;
    height: 40px;
    float: left;
    width: 55px;
    text-align: center;
    margin-right: 10px;
}
#toctoc-head{
	background:#37b34a !important
}
#toctoc-body{
	border:1px solid #37b34a !important
}
.detail-list .p-info span{
float: left;
    line-height: 38px;
    margin-right: 15px;
	}
.detail-list a.add-to-cart {
    width: 138px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    background: #37b34a;
    color: #fff;
}

.detail-list .p-info.p-action a {
    float: left;
    height: 40px;
    line-height: 38px;
    border: 1px solid #37b34a;
    text-align: center;
    margin-right: 10px;
    position: relative;
}
/* menu */

/*------------------------------------------*/
/*       01 - General & Basic Styles
/*------------------------------------------*/

@font-face {
  font-family: UTMHel;
  src: url(../fonts/UTMHelvetIns.ttf);
}
#toctoc-body{
	display:block !important
}
#toctoc-head a{
	display:none !important
}
body {
    font-size: 14px;
      background: none;
    font-weight: 400;
    color: #444;
    font-family:  'Roboto',sans-serif;
}
strong, b {
    font-weight: 600;
}

img {
    max-width: 100%;
    height: auto;
}

ul, ol {
    list-style: none;
}

ul {
    padding: 0;
    margin: 0;
}

a {
    transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
}

a:hover {
    color: #444;
}

a, a:hover {
    text-decoration: none;
}

i {
    font-size: 1.1em;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    color: #000;
}

h1 {
    font-size: 24px;
    line-height: 30px;
}

h2 {
    font-size: 22px;
    line-height: 28px;
}

h3 {
    font-size: 18px;
    line-height: 24px;
}

h4 {
    font-size: 16px;
    line-height: 22px;
}

h5 {
    font-size: 14px;
    line-height: 20px;
}

h6 {
    font-size: 12px;
    line-height: 18px;
}

p {
    color: #444;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 8px;
}

p strong {
    font-weight: 600;
}
.ibanner.ibannerx{
    text-align: center;
}
.galcen{
	display:block !important;
	margin:0px;
	padding:0px;
	width:100%;
	list-style:none !important;
	    clear: both;
}
.galcen li{
	float:left;
	width:25%;
	padding:2px;
	overflow:hidden;
}
.galcen li img{
	    -webkit-transition-property: background-image;
    -webkit-transition-duration: 1.0s;
    -webkit-transition-timing-function: ease-out;
    transition-property: background-image;
    transition-duration: 1.0s;
    transition-timing-function: ease-out;
    transition: all 700ms ease 0s;
}
.galcen li:hover img{
	    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.newstitle{
	clear:both;
}
.newstitle a{
	color:#333;
}
#wapper{
    margin: 0 auto;
 
    padding: 0px;
}
.baogialist{
	display:block;
	clear:both;
}
#topbar{
   padding-top: 8px;
    padding-bottom: 5px;
    float: left;
    width: 100%;
    background: #f3f3f3;
    border-bottom:1px solid #dedede;
}
.congtrinh-xemthem{
    float: left;
    width: 100%;
    clear: both;
text-align:center;
	
}
.tintuc-title a{
	float:right;
	color:#555;
	font-size:19px;
	margin-top:10px;
}
.tintuc-title a:hover{
color:#148148
}
.congtrinh-content.spnbbat{
	padding-left:10px;
	padding-right:10px;
}
.col-5md{
	 float: left;
    width: 20%;
	padding-left:5px;
	padding-right:5px;
}
.khuyenmai-title h2{
	font-family: UTMHel;
	text-transform:uppercase;
	font-weight:300 !important;
	float:left;
	padding-left:50px;
	padding-right:80px;
	background:url(../images/title_combo.png) no-repeat top left;
	background-size:cover !important;
	    line-height: 42px;
		color:#fff !important;
		font-size:20px;
}
.khuyenmai-title{
	float: left;
    width: 100%;
    clear: both;
}
#goithieucp{
	float: left;
    width: 100%;
    clear: both;
}
#quytrinhcp{
	float: left;
    width: 100%;
    clear: both;
	padding-top:40px;
	padding-bottom:40px;
	background:#f6f6f6;
	margin-top:40px;
}
#quytrinhcp .banggia-right{
	float:left;
	border-left:0px !important
	
}
.congtrinh-xemthem a{
	color: #53b55c  !important;
	font-family: UTMHel;
	text-transform:uppercase;
	    text-decoration: underline;
    font-size: 19px;
}
.congtrinh-xemthem a:hover{
	color:#666;
}
.textslogan{
    float: left;
    width: 100%;
    clear: both;
}
.textslogan marquee{
    color: #148148;
    font-weight:700;
    text-transform: uppercase;
}
#header{
    float: left;
    width: 100%;
    clear: both;
    padding-top: 15px;
    padding-bottom: 15px;
    
    background: #fff;

}
.giohangxy{
	height:36px;
	width:36px;
	line-height:36px;
	text-align:center;
	display:block !important;
	background:#fff;
	margin-left:30px;
	border:1px solid yellow !important;
	border-radius:100% !important;
	color:#111 !important;
}
.col-logo{
    float: left;
}
.col-banner{
    padding-top: 3px;
   
}
.boxlogo img{
    max-height: 90px;
}
.boxbanner{
    float: left;
    width: 100%;
    clear: both;
    text-align: center;
}
.boxbanner h3{
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #8e8e8e;
    margin-bottom: 5px;
     margin-top: 5px;
}
.boxbanner h2{
    font-size: 26px;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 2px;
        color: #444;  margin-bottom: 8px;
}
.boxbanner p{
    font-weight: 500;
    margin-bottom: 4px;
}
.boxbanner h2 span{
    color: #148148;
}
.boxbanner p a{
    color: #666;
}
.phone img{
    float: left;
    margin-right: 7px;
    width: 60px;
}
.boxbanner p strong{
    color: #0D7CC1
}
.boxbanner p i{
    color: #888;
}
.phone-text{
    float: left;
    width: calc(100% - 70px);
}
.about-cate{
    float: left;
    width: 100%;
    clear: both;
}
.about-cate span{
    text-transform: uppercase;
    font-weight: 300;
}
#visaochon{
    float:left;
    width: 100%;
    clear: both;
    padding-top: 35px;
    padding-bottom: 30px;
    background: #fff;
}
.colchon{
    float: left;
}
.chon{
    float: left;
    width: 100%;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}
.chon-img{
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 13px;
}
.chon-text h3{
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
}
.chon-img img{
    margin:0 auto;
}
.congtrinh-title h2{
    color: #37b34a !important;
    text-transform: uppercase;
}
.phone-text p{
    color: #222;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 4px;
}
.congtrinh-p{
    float: left;
    width: 100%;
    clear: both;
    text-align: center;
    margin-bottom: 0px;
}
.phone-text a{
    display: block;
    font-weight: bolder !important;
    color: #0089d0 !important;
    font-size: 22px !important;
    font-family: serif;
    line-height: 17px !important;
    letter-spacing: 2px;

}
.phone-text a.a1{
    margin-bottom: 5px;
    color: #08a450 !important
}
.phone-text a.a2{
    color: #08a450
}
.col-phone{
    float: left;
    padding-left:0px;
 
}
.col-phone .email{
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 8px;
    margin-top: 5px;
}
.col-phone .email a{
    color: #444;
    font-size: 14px;
    font-weight: 500;
}
.col-phone .email a strong{
    color: #14579f;
    font-size: 15px;
}

.col-phone .phone{
     float: left;
    width: 100%;
    clear: both;
   
}
.col-phone .phone a{
    font-weight: 500;
    color: #444;
  
    font-size: 14px;

}
.col-phone .phone a span{
    color: #f26e22;
    font-weight: 600;
    text-transform: none;
 font-size: 16px;
}
.col-phone .phone a i{
color:#444; font-size: 14px;

}
.xycall{
	display:block !important;
	width:100%;
	margin-top:5px;
		margin-bottom:5px;
	float:left;
}
.ibanner{
    float: left;
        padding-left: 15px;
}
.ibannerx{
     width: 70%;
}
.ibannery{
     width: 30%;
}
.ibanner-img{
    float: left;
    width: 25px;
    margin-right: 10px;
}
.ibanner-text{
    float: left;
    width: calc(100% - 70px)
}
.ibanner.ibannery strong{
    font-size: 20px;
    color: #f00;

}
.ibanner-text h2{
    font-weight: normal;
    text-transform: uppercase;
    font-size: 24px;
    color: #37b34a;
	font-family: UTMHel;
}
.col-md-2.col-logo{
    padding-top: 5px;
    padding-left: :0px;
    padding-right: 0px !important;
}
.ibanner-text p{
    margin-bottom: 0px;
}
.ibanner-text h2 strong{
     font-weight: bolder;
     color: #148148
}
#baogia{
     float: left;
    width: 100%;
    clear: both;
    padding-top: 25px;
    padding-bottom: 25px;   
}
.colbaogia{
    float: left;
}
.baogialist.owl-carousel .owl-item img{
	width:61px;
}
.ibaogia{
    float: left;
    width: 100%;
    background: #5bbc49;
    border-radius: 4px;
}
.ibaogia-top a{
    color: #fff;
}
.ibaogia-top{
    float: left;
    width: 100%;
    padding: 15px 20px;
    padding-right: 20px;
}
.ibaogia-bottom{
    float: left;
    width: 100%;
    padding: 15px 30px;
    background: #148148 
}
.ibaogia-bottom{
	    background: #148148;

    color: #fff;
       font-size: 12px;
        text-transform: uppercase;
}
.ibaogia-bottom strong{
        font-size: 13px;
    color: #ffe400;
}
.ibaogia-img{
    float: left;
    margin-right: 5px;
}
.nhansu{
	float:left;
	width:100%;
	margin-top:20px;
}
.card-box {
	padding-top:20px;
	padding-bottom:20px;
    background: #fff;
    min-height: 50px;
    box-shadow: none;
    position: relative;
    margin-bottom: 20px;
	float:left;
	width:100%;
    transition: .5s;
    border: 1px solid #f2f2f2;
    border-radius: 0;
}
.card-body:last-child {
    border-radius: 0 0 2px 2px;
}
.card-body {
    padding: 10px 24px 14px 24px;
    position: relative;
}
.card-body:before, .card-body:after {
    content: " ";
    display: table;
}
.doctor-profile {
    float: left;
    width: 100%;
    text-align: center;
}

.doctor-pic {
    padding: 3px;
    border: 3px solid rgb(210, 214, 222);
    border-radius: 50% 50% 50% 50%;
    max-width: 112px;
}
.noidung_tintuc img {
    max-width: 100%;
    height: auto;
}
.profile-usertitle {
    text-align: center;
    margin-top: 5px;
}
.doctor-name {
    padding: 3px;
      font-family: UTMHel;
    font-size: 22px;
    text-align: center;
	    color: #148148;
		float:left;
		width:100%;
		text-align:center;
}
#nav{
    float: left;
    width: 100%;
    clear: both;
     background-color: #37b34a;

    -webkit-box-shadow: 0 0 2px #d9dadb; 
     box-shadow: 0 0 2px #d9dadb; 
}
#hinhanh{
	    float: left;
    width: 100%;
    clear: both;
	padding-top:40px;
	padding-bottom:40px;
}
.ibaogia-text{
    padding-top: 10px;

}
.listsprun{
	position:relative;
}
.listsprun .owl-nav .owl-prev{
	position:absolute;
	top:44%;
	z-index:10;
	left:-30px;
}
.listsprun .owl-nav .owl-next{
	position:absolute;
	top:44%;
	z-index:10;
	right:-30px;
}
.boxbaogia{
	max-width:800px;
	margin:0 auto !important;
	min-height:350px;
}
.boxbaogia-right h2{
	margin-bottom:20px;
	font-size:24px;
}
.boxbaogia-right input{
	margin-bottom:10px;
	height:38px;
	border:1px solid #999
}
.boxbaogia-right  textarea{
	min-height:60px;
	margin-bottom:5px;
	height:60px;
}
.boxbaogia-right .fw-bold{
	background:#53b55c  !important;
	margin-top:5px !important;
	width:100% !important;
	border-radius:0px !important;
	font-size:16px !important;
	padding-top:8px;
	padding-bottom:8px;
	border:0px !important
}
.boxbaogia-left{
	width:50%;
	float:left;
	    background: linear-gradient(99.42deg,#D6DE23 -74.27%,#37B34A 89.71%);
    opacity: .8;
    padding: 137px 20px;
    color: #fff;
    font-size: 16px;
}
.boxbaogia-left h3{
	color:#fff;
	margin-bottom:20px;
}
.boxbaogia-right{
	width:50%;
	float:left;
	 padding: 30px 20px;
	 background:#fff;
	 min-height:456px;
}
.itembox .item-text{
	padding-top:5px !important;
	padding-left:15px;
	padding-right:15px;
	text-align:left;
	padding-bottom:10px !important;
	display: block;
    float: left;
	background:#fff;
	width:100% !important
}
.itembox .item-text i{
	color: #ffb700;
    font-size: 12px;
}
.itembox .item-name{
	padding-left:0px !important;
	padding-right:0px !important
}
.item-name.fix{
	padding-top:0px !important;
	padding-bottom:0px !important;
	min-height:48px;
	overflow:hidden
}
.video-content iframe {
	width:100% !important
}
.banggia-content .itintuc{
	margin-bottom:10px !important;
	padding:10px 12px;
	background:#fff !important
}
.banggia-content .itintuc .itintuc-img{
	width:22%;
	float:left;
}
.banggia-content .itintuc .itintuc-text{
	padding-top:0px !important;
	padding-bottom:0px !important;
	width:69%;
	text-align:left !important;
}
.banggia-content .itintuc .itintuc-text .pdate{
	text-transform:none !important
}
.ykien-list{
	display:block !important;
	float:left;
	clear:both;
	width:100%;
	position:relative;
}
.iykien{
	padding-left:20px !important;
	padding-right:20px !important;
	text-align:center;
}
.iykien-img{
	margin-bottom:20px;
}
.iykien-text h4{
	font-weight:600 !important;
	margin-bottom:10px;
}
.iykien-img img{
	border-radius:100% !important
}
.itembox{
/*	border:1px solid #dedede;*/
}
.congtrinh-xemthem{
	margin-top:10px !important;
}
#congtrinh.ykienkh{
	background:url(../images/bgykien.jpg) no-repeat bottom center !important;
	background-size:100% !important;
}
.goithieucp-img{
	border-bottom-right-radius:25px;
	border-top-left-radius:25px;
}
.footer-chinhs iframe{
	height:180px !important
}
#banggia{
    display: block;
    clear: both;
    background: #f6f6f6;
    background-size: 100% !important;
    padding-top: 45px;
    padding-bottom: 30px;
}
#gioithieucp{
	    display: block;
    clear: both;
    background: #fff;
    background-size: 100% !important;
    padding-top: 45px;
    padding-bottom: 30px;
}
#linhvuc{
    display: block;
    clear: both;
    background:#fff;
    background-size: cover !important;
    padding-top:40px;
    padding-bottom: 5px;
}

.linhvuc-right{
    float: left;
}
.linhvuc-right h2{
    text-transform: uppercase;
    color: #fff;
     font-family: UTMHel;
     font-weight: normal;
    padding-left: 80px;
     margin-bottom: 30px;
     font-size: 26px;
}
.banggia-left{
    text-transform: uppercase;
    text-align: center;
    
}
.listlv.lchon .listlv-text{
	text-align:left !important;
}
.listlv.lchon .listlv-text h3{
	color:fff !important;
	margin-bottom:1px !important;
	font-size:14px !important
}
.listlv.lchon{
	margin-bottom:8px !important;
	padding-bottom:8px !important;
}
.listlv.lchon .listlv-text p{
	text-transform:none !important;
	margin-bottom:0px !important
}
.banggia-left span{
    font-size: 26px;
    color: #fff;
    font-family: UTMHel;
    padding-left: 15px;
    padding-right: 15px;

}
.banggia-right{
    
    text-align: center;
    
}
.col-md-6.banggia-right{
	padding-left:25px;
}
.banggia-right .banggia-title{
text-transform: uppercase;
}
.col-md-6.banggia-right{
	border-left:1px solid #dedede;
}
.banggia-right .banggia-title span{
    font-size: 28px;
    color: #53b55c;
    font-family: UTMHel;
    padding-left: 15px;
    padding-right: 15px;

}
.banggia-title{
    display: inline-block;
    margin-bottom: 25px;
    position: relative;
}

.banggia-title .banggia-title span::before {
    position: absolute;
    content: '';
    background: url(../images/title-1.png) no-repeat;
    width: 137px;
    height: 16px;
    top: calc(50% - 13px);
    right: 100%;
}
.listbg{
    float: left;
    width: 48%;
    margin-right: 2%;
    margin-bottom: 20px;
	margin-top: 10px;
	
}
.banggia-right{
	float:right;
}
.listbg{
	background:#fff !important;
}
.listbg-icon{
	float:left;
	width:60px;
	height:60px;
	line-height:60px;
	text-align:center;
	margin-right:15px;
	background:#37b34a !important
}
.listbg-text{
	width:calc(100% - 75px);
	float:left;
	padding:10px;text-align:left;
}
.listbg-text h3{
	font-size:14px;
	font-weight:600 !important;
	line-height:18px;
}
.listbg-text h3 a{
	color:#333;
}
.banggia-title span::after {
    position: absolute;
    content: '';
      background: url(../images/title-1.png) no-repeat;
    width: 137px;
    height: 16px;
    top: calc(50% - 6px);
    left: 100%;
    transform: rotate(180deg);
}
.listlv-text p{
   color: #333;
}
.listlv-text h3{
    margin-bottom: 10px;
    color: #53b55c; 
    font-weight: 600;
}
.listlv{
    display: block;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 10px;
    clear: both;
    float: left;
}
.listlv-icon{
    float: left;
    margin-right: 20px;
    width: 60px;
}
.listlv-text{
    width: calc(100% - 80px);
    float: right;
}
.ibaogia-text h3{
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    font-weight: 700;
}
.menu{
    float: left;
   width:100%;
}
.menu ul{
    list-style: none;
    padding: 0px;
    margin:0px;
	float:left;
}
.menu ul li{
    display: inline-block;
    float: left;
    position: relative;
}
.menu ul li a{
    line-height: 50px;
    padding: 0px 20px;
    float: left;
    display: block;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    border-right: 1px solid #5bbc49
}
.menu ul li a.active{
    background: #5bbc49;
    color: #fff;
}
.menu ul li a:hover{
    background: #5bbc49;
     color: #fff;
}
.menu ul li a .shome{
    display: none;
}
.menu ul li ul{
    position: absolute;
    left: 0px;
    z-index: 10;
    top: 50px;
    padding-top: 6px;
    background: #5bbc49;
    display: none;

}
.menu ul li ul li{
    float: left;
    width: 100%;
}
.menu ul li ul li a{
    line-height: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right:15px;
    border-bottom: 1px solid #148148;
    float: left;
    width: 100%;
    white-space: nowrap;
    clear: both;
    color: #fff;
    font-weight: 300 !important;
    text-transform: none;
    font-size: 13px;
}
.menu ul li ul li a i{

    color: #bdbbbb
}
.menu ul li:hover ul{
    display: block;
}
.search{
    float: right;
}
#slider img{
	margin:0 auto !important
}
#slider .carousel-inner{
	margin:0 auto !important;
	    text-align: center;
		    display: block;
}
#slider .item{
margin:0 auto !important;
	    text-align: center;	
		width:100% !important
}
#header{
	background:url(../images/bgheader.jpg) no-repeat top right -40%;
}
.giohangxy a{
	    color: #37b34a !important;
}
.formsearch{
    float: right;
    margin-top: 7px;
    margin-bottom: 5px;
    height: 35px;
    min-width: 190px;
    z-index: 999;
    display: block;
	position:relative;
	margin-right:20px;
}
.giohangxy{
	float:left;
	margin-top:6px;
}
.formsearch input{
    width: 100%;
    float: left;
    height: 35px;
    padding: 5px;
    padding-left: 12px !important;
    border-radius: 4px;
    background: #fff;
    border:1px solid #f5f5f5;
}
.formsearch .bnt_search{
    position: absolute;
    right: 5px;
    background: none;
    border:none;
    outline: none;
    top: 5px;
}
#slider{
    float: left;
    width: 100%;
    clear: both;
    position: relative;
}
.carousel-control.left span{
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    position: absolute;
    left: 20px;
    top: 45%;
    background: #4A4A4A;
}
.carousel-control.right span{
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    position: absolute;
    right: 20px;
    top: 45%;
    background: #4A4A4A;
}
#about{
    float: left;
    width: 100%;
    clear: both;
    padding-top: 30px;
    padding-bottom: 30px;
    background: #f7f7f7

}
.about-right{
    float: left;
}
.about-img{
    float: left;
    width: 100%;
    clear: both;
        overflow: hidden
} 
.about-img img{

 
    width: 100%;
    -webkit-transition-property: background-image;
    -webkit-transition-duration: 1.0s;
    -webkit-transition-timing-function: ease-out;
    transition-property: background-image;
    transition-duration: 1.0s;
    transition-timing-function: ease-out;
    transition: all 700ms ease 0s;
}
.about-img:hover img{
     border:1px solid #f2821d;
     -webkit-transform: scale(1.13);
    transform: scale(1.13);
    padding: 9px;
}
.about-left{
    float: left;
}
.about-title{
    float: left;
    width: 100%;
    clear: both;
    margin-top: 10px;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 15px;
}
.about-title:after{
    position: absolute;
    left: 0px;
    bottom: -2px;
    height: 2px;
    width: 100px;
    display: block;
    content: "";
    background: #d2d2d2;
}
.about-title h2{
    font-size: 28px;
    color: #148148;
    text-transform: uppercase;
    font-weight: normal;
     font-family: UTMHel;

}
.congtrinh-title{
    font-family: UTMHel;
    font-weight: normal !important;
      color: #148148 !important;
}
.about-list{
    float: left;
    width: 100%;
    margin-top: 8px;
}
.about-list ul{
    float: left;
    width: 100%;
    margin:0px;
    padding: 0px;
    list-style: none;
}
.about-list ul li{
    float: left;
    width: 22%;
    margin-right:3%;
    text-align: center;

    padding-right: 30px;

}
.about-list ul li img{
    margin: 0 auto;
    margin-bottom: 10px;

}
.about-list ul li a{
    display: block;
    text-align: center;
    float: left;
    width: 100%;
    clear: both;
    font-weight: 600;
    color: #444;
}
.about-content{
    float: left;
    width: 100%;
    clear: both;

}
.rotate360:hover {
    -webkit-animation-name: rotate360;
    -moz-animation-name: rotate360;
    -ms-animation-name: rotate360;
    -o-animation-name: rotate360;
    animation-name: rotate360;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
}
#doitac{
    float: left;
    width: 100%;
    clear: both;
    padding-top: 30px;
    padding-bottom:25px;
    background: #f5f5f5
}
.about-content p{
    font-weight: 500;
    line-height: 20px;
}
.about-content li{
 font-weight: 500;
}

.about-content a{
     font-weight: 500;
}
.about-detail{
    float: left;
    width: 100%;
    clear: both;
    margin-top: 0px;
}
.about-detail a{
    margin-top: 10px;
    float: left;
    padding: 8px 20px;
    background: #08a450;
    display: block;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
       font-family:  'Open Sans',sans-serif;
}
.about-detail a:hover{
    background: #14579f
}
#congtrinh{
    float: left;
    width: 100%;
    clear: both;
    padding-bottom: 40px;
    padding-top: 40px;
    
}
.congtrinh-title{
    float: left;
    width: 100%;
    clear: both;
    background: url(../images/title_center.png) no-repeat bottom center;
    padding-bottom: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.noidung ul li{
    margin-bottom: 5px;
}
.noidung ul li a{
    color: #444;
}
.noidung ul li:hover a{
    color: #f2821d
}
.congtrinh-title h2{
    font-size: 32px;
    padding-bottom: 10px;
    text-transform: uppercase;

}
.congtrinh-title h1{
    font-size: 28px;
    padding-bottom: 15px;
    text-transform: uppercase;
    font-weight: normal !important;
    color: #148148
}
.congtrinh-content{
    float: left;
    width: 100%;
    clear: both;
}
.congtrinh-list{
    float: left;
    width: 100%;
    clear: both;
    position: relative;
}
.doitac-content{
    float: left;
    width: 100%;
    clear: both;
}
.partner-list{
    float: left;
    width: 100%;
    clear: both;
    position: relative;
}
#partner{
    float: left;
    width: 100%;
    clear: both;
    padding-top: 30px;
    padding-bottom: 30px;
}
.partner-img{
    border: 1px solid #ddd
}

.partner-list .owl-next{
    position: absolute;
    right: -30px;
    top: 30%;
    z-index: 10;
    background: none !important;

}
.partner-list .owl-prev{
    position: absolute;
    left: -30px;
    top: 30%;
    z-index: 10;
    background: none !important;

}
.partner-list .owl-next:hover i,.partner-list .owl-prev:hover i{
    color: #f2821d
}

.item{
    float: left;
}
.itembox{
    margin-top: 15px;
    margin-bottom: 15px;
    float: left;
    width: 100%;
    clear: both;
    
}
.itembox .item-img{
    float: left;
    width: 100%;
    overflow: hidden;
}
.itembox .item-img img{
    width: 100%;
}
.itembox .item-img img{
-webkit-transition-property: background-image;
    -webkit-transition-duration: 1.0s;
    -webkit-transition-timing-function: ease-out;
    transition-property: background-image;
    transition-duration: 1.0s;
    transition-timing-function: ease-out;
    transition: all 700ms ease 0s;
}
.itembox .item-img:hover img{
    -webkit-transform: scale(1.13);
    transform: scale(1.13);
}
.itembox .item-name{
    float: left;
    width: 100%;
    clear: both;
    padding: 10px;
   
   overflow:hidden
 
      
}
.item-price{
	  float: left;
    width: 100%;
    clear: both;
	margin-top:4px;
}
.item-price strong{
	    color: #f1592a;
}
.spnbbat .itembox .item-name{
	padding-top:0px !important;
	padding-bottom:0px !important;
	min-height:40px;
}
.spnbbat .itembox .item-name h3{
	line-height:20px;
}
#tintuc{
    float: left;
    width: 100%;
    clear: both;
    padding-top:35px;
    padding-bottom: 30px
}
.item-des{
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.item-des p{
    font-weight: 500;
}

.itembox .item-name h3 a{
   font-weight: 600;
    color: #08a450;
}

.itembox .item-name:hover h3 a{
    
    color: #14579f;
}
#daily{
    float: left;
    width: 100%;
    clear: both;
    padding-top: 40px;
    padding-bottom: 40px;
    background: #f5f5f5;
    border-top: 1px solid #ddd
}
.xemthemx{
    float: left;
    width: 100%;
    clear: both;
    margin-top: 5px;
    text-align: center;
}
.thumua-list{
    position: relative;
}
.thumua-list .owl-prev{
    top: 40%;
    left:-30px;
    position: absolute;
    z-index: 10;
}
.thumua-list .owl-next{
    top: 40%;
    right:-30px;
    position: absolute;
    z-index: 10;
}
.xemthemx a{
    display: inline-block;
    padding: 6px 20px;
    background: #08a450 !important;
    color: #fff;
}
.daily-left{
    float: left;
}
.daily-title{
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 15px;
    background: url(../images/title_daily.png) no-repeat center left 210px;
}
.customer .daily-title{
    background: url(../images/title_daily.png) no-repeat center left 330px;
}
.daily-title h3{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 24px;
    color: #333;
}
.daily-title h3 a{
     color: #333;
}
.daily-x{
    float: left;
    width: 50%;
    padding-right: 10px;

}
.daily-y{
     float: left;
    width: 50%;
    padding-left: 10px;
}
.daily{

}
.daily-small{
    float: left;
    width: 100%;
    clear: both;
}
.daily-small-img{
    float: left;
    width: 100%;
    clear: both;
    overflow: hidden;
}
.daily-small-img img{
    width: 100%;
-webkit-transition-property: background-image;
    -webkit-transition-duration: 1.0s;
    -webkit-transition-timing-function: ease-out;
    transition-property: background-image;
    transition-duration: 1.0s;
    transition-timing-function: ease-out;
    transition: all 700ms ease 0s;
    border: 1px solid #ddd;
    padding: 3px;
    background: #fff;
}

.daily-small-img:hover img{
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}
.daily-small-name{
    float: left;
    width: 100%;
    clear: both;
    padding-top: 6px;
    padding-bottom: 6px;
}
.daily-small-name h3 a{
    font-size: 16px;
    color: #333;
    font-weight: 600;
}
.daily-small-time{
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 5px;
    font-size: 13px;
    color: #7b7b7b;
}
.daily-small-des{
    float: left;
    width: 100%;
    clear: both;
    text-align: justify;
}
.daily-small-des p{
    line-height: 18px;
    font-size: 13px;
    font-weight: 400;
}
.daily-y{
    float: left;
}
.daily-list{
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.daily-list-img{
    float: left;
    width: 95px;
    margin-right: 15px;
}
.daily-list-img img{

}
.daily-list-name{
    float: left;
    width: calc(100% - 110px);
    margin-bottom: 2px
}
.daily-list-name h3{
    padding: 0px;
    margin: 0px;
    float: left;
    line-height: 18px;
}
.daily-list-name h3 a{
    font-size: 16px;
    color: #333;
    font-weight: 500;
}
.daily-list-time{
    float: left;
  width: calc(100% - 110px);
    margin-bottom: 2px;
    font-size: 13px;

}
.daily-list-des{
        float: left;
  width: calc(100% - 110px);
  height: 30px;
  overflow: hidden;
  text-align: justify;
   
}
.daily-list-des p{
    line-height: 16px;
    font-size: 13px;
    font-weight: 400;
}

.comment {
    background: #fff;
    color: #777777;
    border: 3px solid white;
    border-radius: 10px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    margin: 1px;
    position: relative;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-right: 10px;
}
.comment::before {
    color: #a7a7a7;
    content: "\f10d";
    font-family: fontawesome;
    font-size: 15px;
    left: 10px;
    position: absolute;
    top: 7px;
}
.comment::after {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    bottom: -12px;
    right: 30px;
    background: url(../images/quote_arrow.png) 0px 0px no-repeat;
}
.comment p {
    font-weight: 500;
    margin-left: 30px;

    font-size: 14px;
}
.testimonial .mt-20 {
    margin-top: 4px !important;
        float: left;
    width: 100%;
}
.testimonial .thumb {
    margin-bottom: 10px;
    margin-left: 20px;
}
.testimonial .author {
    color: #444 !important;
    margin-bottom: 5px;
    text-transform: uppercase;

    font-weight: 600;
    padding-top: 15px;
    font-size: 15px;
}
.img-circle {
    border-radius: 50%;
}
.testimonial .title {
    color: #808080;
    margin-bottom: 20px;

    font-size: 15px;
}
.testimonial{
    float: left;
    width: 100%;
    clear: both;
}
.itembx{
    float: left !important;
    width: 100% !important;
    clear: both;
}

.customer .bx-wrapper{
    margin-bottom: 0px !important
}
#why{
    float: left;
    width: 100%;
    clear: both;
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid #ddd
}
.why-title{
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 15px;
    padding-bottom: 15px;
    background: url(../images/title_tintuc.png) no-repeat bottom left;
}
.why-title h3{
        text-transform: uppercase;
    font-weight: 600;
    font-size: 24px;
    color: #333;
    text-transform: uppercase;
}
.why-content{
    float: left;
    width: 100%;
    clear: both;
}
ul.taisaochon{
    float: left;
    width: 100%;
    clear: both;
    list-style: none;

}
ul.taisaochon li{
    float: left;
    width: 100%;
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    background: #f6f6f6;
    border-top-left-radius: 50px;
    border-top-right-radius: 10px;
     border-bottom-left-radius: 50px;
    border-bottom-right-radius: 10px;

}
ul.taisaochon li.eventli{
    background: #e8e8e8;
}
ul.taisaochon li .chon-icon{
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: block;
    border: 2px solid #ddd;
    border-radius: 100%;
    float: left;
    color: #333;
    font-size: 30px;
    font-weight: 800;
    margin-right: 10px;
    background: #e4cf15;
    line-height: 52px;
}
ul.taisaochon li .chon-icon img{
    margin: 0 auto;
       display: -webkit-inline-box;
    vertical-align: middle;
}
ul.taisaochon li .chon-name{
    font-weight: 600;
    font-size: 16px;
    float: left;
    width: calc(100% - 70px);
    color: #444;
    margin-bottom: 5px;
    margin-top: 5px;
    text-transform: capitalize;
}

ul.taisaochon li .chon-des{
     float: left;
    width: calc(100% - 70px);
     color: #555;
    
}
ul.taisaochon li:hover .chon-icon{
    border: 2px solid #e4cf15;
    background: #f4f4f4;
}

#footer{
    float: left;
    width: 100%;
    clear: both;
    background: #37b34a

}
#footer p{
    color: #f3f3f3
}
.footer-top{
    float: left;
    width: 100%;
    clear: both;
        padding-top: 40px;
    background: #37b34a   url(../images/footer-bg2.png) no-repeat top left ;
    padding-bottom: 40px;
    border-top: 5px solid #ddd;
}
.noidung.footer-chinhs li{
	margin-bottom:0px !important
}
.footer-chinhs{
     float: left;
    width: 100%;
    clear: both;
}
.footer-chinhs ul{
    margin: 0px;
    padding: 0px;
    float: left;
    padding-left: 20px;
    list-style: disc;
    color: #fff;
}
.footer-chinhs ul li{
         float: left;
    width: 100%;
    clear: both;
    margin-bottom: 10px;
}
.footer-chinhs ul li a{
    color: #fff;
}
.footer-title{
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 15px;
    padding-bottom: 10px;
    position: relative;
		
}
.footer-title:after{
    position: absolute;
    content: "";
    left: 0px;
    bottom: -2px;
    height: 2px;
    background: #c3c3c3;
    display: block;
    width: 100px;

}
.footer-title h2{
    font-weight: normal !important;
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
	font-family: UTMHel;
}
.footer-title h3{
    color: #fff;
    font-family: UTMHel; font-weight: normal !important;
    font-size: 22px;
    text-transform: uppercase;
}
.footer-content{
    float: left;
    width: 100%;
    clear: both;
}
.footer-content ul{
    padding-left: 0px;
    list-style: none;
}
.footer-content ul li{
   float: left;width: 100%;
   padding-top: 0px;
   padding-bottom: 8px;
   text-align: left;
}
.fan-footer iframe{
    height: 200px !important
}
.footer-content ul li a{
    color: #f3f3f3;
    font-weight: 500;
}
.footer-content li a i{
    width: 15px;
    color: #dadada
}
.footer-right{
    float: left;
}
.fan-footer{
    float: left;
    width: 100%;
}
.footer-bottom{
    float: left;
    width: 100%;
    clear: both;
    padding-top: 12px;
    padding-bottom: 12px;
    background: #5bbc49;
    text-align: left;
}
.footer-bottom span{
    font-size: 13px;
    color: #fff
}
.thongke{
    text-align: right;
}
.thongke ul li{
    display: inline-block;
    font-size: 13px;
    margin-left: 3px;
    padding-left: 3px;
    border-left: 1px solid #ddd;
    color: #f3f3f3
}
.breadcrumb-botton-area{
    float: left;
    width: 100%;
    clear: both;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    background:#f3f3f3;
}
.breadcrumb-botton-area .left{
    float: left;
    width: 100%;
}
.breadcrumb-botton-area .left ul{
    margin: 0px;
    padding: 0px;
    float: left;
}
.breadcrumb-botton-area .left ul li{
    display: inline-block;
    margin-right: 6px;
    padding-right: 6px;
}
.breadcrumb-botton-area .left ul li a{
    color: #444
}
.breadcrumb-botton-area .left ul li.active{
    font-weight: 600;
}
.main-left{
    float: left;
}
.sidebar-wrapper{
    float: left;
    width: 100%;
    clear: both;
}
.single-sidebar{
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 20px;
    border-left: 4px solid #5bbc49;
      border-right: 1px solid #ddd;
        border-bottom:  1px solid #ddd;
    border-top: 4px solid #5bbc49;
}
.single-sidebar .sec-title{
    float: left;
    width: 100%;
    padding: 8px 15px 10px 15px;
    background: #37b34a;
    color: #fff
}
.single-sidebar .sec-title h3{
      color: #fff;
      font-size: 16px;
}
ul.categories{
    float: left;
    width: 100%;
    clear: both;
    list-style: inherit;
    padding-left: 25px;
    padding-top: 10px;
}
ul.categories>li{
    float: left;
    width: 100%;
    clear: both;
    padding-bottom: 10px;

}
ul.categories>li>a{
    float: left;
    width: 100%;
    clear: both;
    padding-bottom: 5px;
    color: #333;
    font-weight: 600;
    display: block;
}
ul.categories>li:hover>a{
    font-weight: 600;
    color: #f2821d;
}
ul.categories>li>ul>li>a{
    color: #555;
    font-weight: 400;
      float: left;
    width: 100%;
    clear: both;
    padding-bottom: 5px;
}
ul.categories>li>ul>li:hover>a{
    font-weight: 600;
    color: #f2821d;
}
ul.categories>li>ul{
    float: left;
    width: 100%;

}
.dailyleft{
    float: left;
    width: 100%;
    padding: 15px;
    padding-bottom: 0px;
    clear: both;
}
.dailyleft .daily-small{
    margin-bottom: 15px;
}
.blog-single-area .col-lg-9{
    padding-left: 0px;
}
.single-blog-post{
    float: left;
    width: 100%;
    clear: both;
}
.single-blog-post .blog-title{
    float: left;
    width: 100%;
    clear: both;
    border-bottom: 4px solid #f3f3f3;
    margin-bottom: 15px;
    padding-top: 5px;
    padding-bottom: 12px;
    font-weight: bolder;
    color: #058c43
}
.social-share.pull-right{
    width: 100%;
    width: 100%;
    clear: both;
    float: left;
    text-align: left;
    margin-top: 15px;
}
.dailyleft ul{
    list-style: none;
    float: left;
    width: 100%;
    clear: both;
}
.dailyleft ul li{
    padding-top: 8px;
    padding-bottom: 8px;
    float: left;
    width: 100%;
}
.dailyleft ul li img{
    width: 70px;
    float: left;
    margin-right: 8px;
}
.dailyleft ul li a{
    font-size: 14px;
    color: #333;
    line-height: 17px;
     float: left;
    width: 100%;
    font-weight: 400;
}
.dailyleft ul li:hover a{
    color: #14579f
}

.meta-des{
    float: left;
    width: 100%;
    clear: none;
    padding: 12px;
    background: #f4f4f4;
    margin-bottom: 15px;
    font-weight:600
}
.meta-des{

}
.box-bxtintuc{
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 15px
}

.box-bxtintuc .bx-wrapper{
    margin-bottom: 30px !important
}
.noidung{
    float: left;
    width: 100%;
    clear: both;
}
.noidung p{
    margin-bottom: 10px;
}
#blog-area{
    float: left;
    width: 100%;
    clear: both;
    padding-bottom: 30px;
}
.phantrang{
    float: left;
    width: 100%;
    clear: both;
    margin-top: 0px;
    text-align: center;
}

.news-list{
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.news-list-img{
    float: left;
    width: 28%;
    margin-right: 2%;
}
.news-list-img img{

}
.news-list-name{
    float: left;
    width: calc(100% - 30%);
   margin-bottom: 8px;
}
.news-list-name h3{
    padding: 0px;
    margin: 0px;
    float: left;
    line-height: 24px;

}
.news-list-name h3 a{
    font-size: 18px;
    color: #333;
    font-weight: 600;
}
.news-list-time{
    float: left;
  width: calc(100% - 30%);
    margin-bottom: 8px;
    font-size: 13px;

}
.news-list-des{
        float: left;
  width: calc(100% - 30%);

  overflow: hidden;
  text-align: justify;
   
}
.news-list-des p{
    line-height: 18px;
    font-size: 14px;
    font-weight: 500;
}
.news-list-xemthem{
    float: left;
  width: calc(100% - 30%);
 
}
#contact-form input{
    float: left;
    width: 100%;
    padding: 8px;
    margin-bottom: 15px;
}
#contact-form  textarea{
    float: left;
    width: 100%;
    padding: 10px;
    min-height:90px;
}
#contact-form .thm-btn{
    padding: 10px 20px;
    float: left;
    margin-top: 15px;
    background: #ddd;
    margin-bottom: 15px;
    text-transform: uppercase;
    border: 1px solid #ddd;
    font-weight: 500;
}


.xdhotline {
    bottom: 15px;
    position: fixed;
    left: 0;
    text-align: center;
    z-index: 11111;
}
.xdhotline a {
    color: #fff;
}
.goixd {
    background: #f2821d  none repeat scroll 0 0;
    border-radius: 0 28px 28px 0;
    box-shadow: 0 0 2px rgba(0,0,0,0.3);
    overflow: hidden;
    width: 190px;
    height: 40px;
    transition: width 0.2s;
    -webkit-transition: width 0.2s;
	position:relative;
    color: white;
    font-size: 13px;
    padding: 9px 0;
    line-height: 1.5;
}
.goixd p{
	color:#fff;
	    text-align: left;
    padding-left: 20px;
}
.xdphone {
    background: #f2821d    url(../images/icon-phone.png) no-repeat scroll center center;
    border: 4px solid #f2821d   ;
    border-radius: 50%;
    float: right;
	position:absolute;
	right:0px;
	top:-2px;
    height: 46px;
    line-height: 44px;
    text-align: center;
    width: 46px;
    animation: 1s ease-in-out 0s normal none infinite running quick-alo-circle-img-anim;
}
.xzalo{
	bottom:60px;
}
.xzalo .goixd{
	 background: #14579f  none repeat scroll 0 0;
}
.xzalo .xdphone {
    background: #14579f url(../images/zalo.png) no-repeat scroll center center;
    border: 4px solid #14579f;
}
.col-md-3.item{
    padding-left: 10px;
    padding-right: 10px;
}
.nitem{
    float: left;
    width: 32%;
     margin-right: 2%;
}
.nitem.nso{
    width: 32%;
    float: left;
    margin-right: 2%;
}
.nitem-img{
    float: left;
    width: 150px;
    margin-right: 10px;
}

.nso .nitem-img{
    float: left;
    width: 100%;
    clear: both;
}
.nitem-img{
    overflow: hidden;
}

.nitem .nitem-img img{
    width: 100%;
    -webkit-transition-property: background-image;
    -webkit-transition-duration: 1.0s;
    -webkit-transition-timing-function: ease-out;
    transition-property: background-image;
    transition-duration: 1.0s;
    transition-timing-function: ease-out;
    transition: all 700ms ease 0s;
}
.nitem .nitem-img:hover img{
    -webkit-transform: scale(1.13);
    transform: scale(1.13);
}
.nitem-text{
    width: calc(100% - 160px);
    float: left;
}
.nso .nitem-text{
    float: left;
    width: 100%;
    padding: 10px 14px;
    background: #f4f4f4;

}

.nitem-text h3{
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 16px;
}
.nitem-text h3 a{
    color: #08a450;
}
.nitem-text .ptine{
    font-style: italic;
    font-size: 13px;
}
.npad{
    margin-right: 0px !important
}
.nitem:not(.nso){
    padding-bottom: 10px;
    margin-bottom: 10px;
   

}
.nitem:not(.nso) h3{
height: 70px;
    overflow:hidden;
}
.nitem:not(.nso) h3 a{
    font-size: 16px;
    
}
.nitem:not(.nso) .ptine{
    display: none;
}
ul.thongke li{
    color: #fff;
    padding-top: 5px !important;
    padding-bottom: 5px !important
}
ul.thongke li strong{
    font-weight: bolder;
}
ul.social li{
    display: inline-block;
    float: left;
    margin-right: 7px;
    width: auto !important
}
.fan iframe {
    width: 100%!important;
}
.sodo iframe {
    width: 100%!important;
	height:450px !important
}
@-webkit-keyframes rotate360 {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes rotate360 {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-ms-keyframes rotate360 {
    100% {
        -ms-transform: rotate(360deg);
    }
}

@-o-keyframes rotate360 {
    100% {
        -o-transform: rotate(360deg);
    }
}

@keyframes rotate360 {
    100% {
        transform: rotate(360deg);
    }
}

.rotate360:hover {
    -webkit-animation-name: rotate360;
    -moz-animation-name: rotate360;
    -ms-animation-name: rotate360;
    -o-animation-name: rotate360;
    animation-name: rotate360;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
}
.itembox .item-name {
    text-align: left;
}
.itembox .item-name h3{
    font-size: 15px;
}
.itembox .item-name h3 a{
    color: #333;
}
.itembox .item-name h3 a:hover{
    color:#148148 !important
}
/*.itembox{
    border: 1px solid #ececec;
}*/
.item-img{
border: 1px solid #ececec;
}
.itembox .item-name h3{
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
    overflow: hidden;
}


#dkbaogia{
    float: left;
    padding: 0px;

    width: 100%;
    clear: both;
    background: url(../images/background_dangkynhantin.jpg) no-repeat top left;
}
#dkbaogia .container-fluid{
    max-width: 1366px;
}
.dkbaogia-left{
    float: left;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 80px;
    padding-right: 50px;
    background: #148148
}
.dkbaogia-right{
       float: left;
     padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 80px;
  
}
.form-title{
    float: left;
    width: 100%;
    clear: both;
      font-family: UTMHel;
    margin-bottom: 15px;
    font-size: 28px;
    color: #fff;
    padding-left: 15px;
    border-left: 5px solid #fff;
    font-weight: normal;
}
div.formdk{
    float: left;
    width: 100%;
}
#frm_mail{
       float: left;
    width: 100%;
    clear: both; 
}
.formdk input{
    float: left;
    width: 100%;
    clear: both;
    height: 40px;
    background: #000;
    margin-bottom: 10px;
    color: #fff !important;
    outline: none !important;
    border:0px !important;
        background: rgba(255,255,255,0.6);
        padding-left: 15px;
}
.formdk input::-webkit-input-placeholder,.formdk textarea::-webkit-input-placeholder { /* Edge */
  color: #fff;
}

.formdk input:-ms-input-placeholder, .formdk textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.formdk input::placeholder,.formdk textarea::placeholder {
  color: #fff;
}
.formdk-left{
    float: left;
    width: 80%;
    padding-right: 5px;
}
.formdk-right{
    float: left;
    width: 20%;
}
.formdk textarea{
        float: left;
    width: 100%;
    clear: both;
    height: 70px;
    background: #000;
    margin-bottom: 10px;
    color: #fff !important;
    outline: none !important;
    border:0px !important;
        background: rgba(255,255,255,0.6);
        padding-left: 15px;
}
.formdk-right{
    padding: 10px 10px;
    background: #7E0F21;
    height: 70px;
    text-align: center;
}
.formdk-right img{
    margin: 0 auto
}
.formdk-right button{
    background: none !important;
    border: 0px !important;
    outline: none;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
}
.hotro{
    float: left;
    width: 90%;
    clear: both;
    background: rgb(255 255 255 / 75%);
    padding: 20px 50px;
    margin-left: -15px;
    min-height: 280px

}
.ihotro{
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 15px;
    display: inline-block;
}
.hotro-title{
        float: left;
    width: 100%;
    clear: both;
    color: #148148 !important;
    text-align: center;
    margin-bottom: 15px;
         font-family: UTMHel;
         font-size: 28px;
}
.ihotro-img{
    float: left;
    margin-right: 10px;
}
.ihotro-text{
    float: left;
       margin-right: 10px;
}
.ihotro-skype{
    float: left;
    margin-right: 10px;
}
.ihotro-text p{
    margin-bottom: 0px;
    font-weight: 600;
    color: #222;
}
.ihotro-text strong{
    color: #c40000;
      font-family: UTMHel;
      font-size: 20px;
      font-weight: normal !important;
}
.ihotro-text .ptuvan strong{
    color: #111;
    font-size: 18px;
}
.thicong-left{
    float: left;
}
.ithicong{
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.ithicong-img{
     float: left;
    width: 100%;
}
.ithicong-img img{
    width: 100%;
}
.ithicong-overlay{
    position: absolute;
    left: -100%;
    top: 0px;
    bottom: 0px;
    z-index: 10;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    padding: 100px 50px;
    transition: all 0.5s;

}
.ithicong:hover .ithicong-overlay{
    left: 0px;
    opacity: 1;
    transition: all 0.5s;
}
.thicong-left .ithicong h3{
    font-weight: normal;
    margin-bottom: 15px;
}
.thicong-left .ithicong h3 a{
font-family: UTMHel;
      font-size: 24px;
      color: #fff;
      text-transform: uppercase;
}
.thicong-left .ithicong p{
    color: #fff
}
.thicong-left .xemthem{
    float: left;
    width: 100%;
    margin-top: 15px;
}
.thicong-left .xemthem a{
    display: inline-block;
    padding: 4px 15px;
    color: #fff;
    border:1px solid #f6f6f6;
}
.thicong-right{
    float: left;
    padding-left: 4px;
}
.xthicong{
    float: left;
    width: 48.5%;
    margin-right: 3%;
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
}
.xthicong.duanx{
       float: left;
    width: 32.3333333333333%;
    margin-right: 1.5%; 
    margin-bottom: 25px;
}
.xthicong .xthicong-img{
        float: left;
    width: 100%;
}
.xthicong img{
    width: 100%;
}
.xthicong-name{
  position: absolute;
    bottom: -50px;
    z-index: 10;
    opacity: 0;
    width: 100%;
    height: 50px;
    display: block;
    background: rgba(0,0,0,0.6);
    padding: 10px;
    transition: all 0.5s;
}
.xthicong:hover .xthicong-name{
    bottom: 0px;
    opacity: 1;
    transition: all 0.5s;
}
.xthicong-name{
    text-align: center;
}
.xthicong-name h3 a{
    font-weight: bolder;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
}
.tintuc-left{
    float: left;
}
.tintuc-title{
    font-family: UTMHel;
      font-size: 30px;
    margin-bottom: 15px;
    float: left;
    width: 100%;
      text-transform: uppercase;
      color: #148148;
}
.tintuc-list{
    float: left;
    width: 100%;
    clear: both;
    position: relative;
}
.itintuc{
    float: left;
    width: 100%;
}
.itintuc-img{
    float: left;
    width: 100%;
    clear: both;
}
.itintuc-img img{
    width: 100%;
}
.itintuc-text{
    float: left;
    width: 100%;
    padding: 10px 15px;
}
.itintuc-text h3{
    margin-bottom: 5px;
}
.itintuc-text h3 a{
    color: #222;
    font-size: 15px;
    font-weight: bolder;

}
.itintuc-text  .pdate{
    font-size: 13px;
    color: #888;
    margin-bottom:0px;
}
.fan{
    float: left;
    width: 100%;
    clear: both;
}
.thongke ul{
    margin: 0px;
    padding:0px;
    float: right;
    list-style: none;

}
.thongke ul li{
    display: inline-block;
    font-weight: 300;
}
.thongke ul li:first-child{
    border-left: 0px solid #ddd !important;
}
.bg-tieudesanpham {
    margin-top: 20px;
    margin-bottom: 12px;
    text-align: center;
        float: left;
    width: 100%;
    clear: both;
}
.bg-tieudesanpham h2 {
    font-family: UTMHel;
    font-size: 30px;
    color: #148148;
    position: relative;
    margin: 0px;
    display: inline-block;
    font-weight: normal;
    position: relative;
    padding-bottom: 23px;
    text-transform: uppercase;
}
.bg-tieudesanpham h2:after {
    position: absolute;
    content: '';
    background: url(../images/after_titlecongtrinh.png) no-repeat;
    width: 144px;
    height: 19px;
    bottom: 0;
    right: calc(50% - 72px);
}
.tinfix{
    float: left;
}
.tinfixbox{
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 20px;
}
.tinfix-img{
    float: left;
    width: 38%;
    margin-right: 2%;
    overflow: hidden;
}
.tinfix-img img{
    width: 100%;
-webkit-transition-property: background-image;
    -webkit-transition-duration: 1.0s;
    -webkit-transition-timing-function: ease-out;
    transition-property: background-image;
    transition-duration: 1.0s;
    transition-timing-function: ease-out;
    transition: all 700ms ease 0s;
}
.tinfix-img:hover img{
    -webkit-transform: scale(1.13);
    transform: scale(1.13);
}
.tinfix-text{
       float: left;
    width:60%;
    
}
.tinfix-text h3{
    margin-bottom: 5px;
}
.tinfix-text h3 a{
    color: #222;
    font-weight: 800;
}
.tinfix-text h3:hover a{
    text-decoration: underline;
}
.tinfix-text p.pdat{
    color: #999;
    font-size: 13px;
}
.baikhac{
    float: left;
    width: 100%;
    clear: both;
    margin-top: 12px;
}
.links_titles{
list-style: square;
}
.links_titles li{
    margin-bottom: 4px;
}
.links_titles a {
    color: #333333;
}
.hotlineleft1 {
    bottom: 73px;
    background: url(../images/background_hotlineleft11.png) no-repeat;
}


.support-online {
       position: fixed;
    z-index: 999;
    left: 23px;
    bottom: 110px;
}

.support-online a {
    position: relative;
    margin: 6px 10px;
    text-align: left;
    width: 40px;
    height: 40px;
}


      .support-online a.zalo .zs-ico.zs-logined:before {
          background-color: #7ed321
      }

      .support-online a.zalo .zs-ico.zs-has-notify:before,
      .support-online a.zalo .zs-ico.zs-logined:before {
          position: absolute;
          top: 2px;
          left: 12px;
          z-index: 4;
          content: "";
          width: 8px;
          height: 8px;
          border: 1px solid #fff;
          -webkit-border-radius: 100%;
          -moz-border-radius: 100%;
          border-radius: 100%
      }

      .support-online a.zalo .zs-ico.zs-has-notify:before {
          background-color: #ff5d5d;
      }
      .support-online a.zalo .zs-ico.zs-has-notify:before, .zs-ico.zs-logined:before {
          left: 36px!important;
      }

      .support-online a.zalo .zs-ico.zs-has-notify em {
          position: absolute;
          top: 7px;
          left: 17px
      }

      .support-online a.zalo .zs-ico.zs-has-notify em:after,
      .support-online a.zalo .zs-ico.zs-has-notify em:before {
          position: absolute;
          left: -4px;
          top: 2px;
          content: "";
          width: 32px;
          height: 32px;
          -webkit-border-radius: 100%;
          -moz-border-radius: 100%;
          border-radius: 100%;
          -webkit-animation-name: Grow;
          -moz-animation-name: Grow;
          animation-name: Grow;
          -webkit-animation-duration: 1.5s;
          -moz-animation-duration: 1.5s;
          animation-duration: 1.5s;
          -webkit-animation-iteration-count: infinite;
          -moz-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
          -webkit-animation-timing-function: linear;
          -moz-animation-timing-function: linear;
          animation-timing-function: linear
      }

    .support-online a.zalo .zs-ico.zs-has-notify em:before {
          -webkit-box-shadow: 0 0 8px 4px #ff5d5d;
          box-shadow: 0 0 8px 4px #ff5d5d
      }

      .support-online a.zalo .zs-ico.zs-has-notify em:after {
          -webkit-box-shadow: inset 0 0 6px 2px #ff5d5d;
          box-shadow: inset 0 0 6px 2px #ff5d5d
      }


.support-online i {
    width: 40px;
    height: 40px;
    background: #43a1f3;
    color: #fff;
    border-radius: 100%;
    font-size: 20px;
    text-align: center;
    line-height: 1.9;
    position: relative;
    z-index: 999;
}

.support-online a span {
    border-radius: 2px;
    text-align: center;
    background: rgb(103, 182, 52);
    padding: 9px;
    display: none;
    width: 180px;
    margin-left: 10px;
    position: absolute;
    color: #ffffff;
    z-index: 999;
    top: 0px;
    left: 40px;
    transition: all 0.2s ease-in-out 0s;
    -moz-animation: headerAnimation 0.7s 1;
    -webkit-animation: headerAnimation 0.7s 1;
    -o-animation: headerAnimation 0.7s 1;
    animation: headerAnimation 0.7s 1;
}

.support-online a:hover span {
    display: block;
}

.support-online a {
    display: block;
}

.support-online a span:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent  rgb(103, 182, 52) transparent transparent;
    position: absolute;
    left: -10px;
    top: 10px;
}

.alo-circle-fill {
    width: 60px;
    height: 60px;
    top: -10px;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: rgba(0, 175, 242, 0.5);
    opacity: .75;
    right: -10px;
}

.alo-circle {
    width: 50px;
    height: 50px;
    top: -5px;
    right: -5px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, 0.4);
    opacity: .1;
    border-color: #0089B9;
    opacity: .5;
}

.support-online .btn-support {
    cursor: pointer;
}


@-moz-keyframes Grow {
    0% {
        transform: scale(.1);
        -ms-transform: scale(.1);
        -webkit-transform: scale(.1);
        opacity: 0;
        filter: alpha(opacity=0)
    }
    50% {
        opacity: 1;
        filter: alpha(opacity=100)
    }
    to {
        transform: scale(1.8);
        -ms-transform: scale(1.8);
        -webkit-transform: scale(1.8);
        opacity: 0;
        filter: alpha(opacity=0)
    }
}

@keyframes Grow {
    0% {
        transform: scale(.1);
        -ms-transform: scale(.1);
        -webkit-transform: scale(.1);
        opacity: 0;
        filter: alpha(opacity=0)
    }
    50% {
        opacity: 1;
        filter: alpha(opacity=100)
    }
    to {
        transform: scale(1.8);
        -ms-transform: scale(1.8);
        -webkit-transform: scale(1.8);
        opacity: 0;
        filter: alpha(opacity=0)
    }
}



.hotline-phone-ring-wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999999;
}

.hotline-phone-ring {
  position: relative;
  visibility: visible;
  background-color: transparent;
  width: 110px;
  height: 110px;
  cursor: pointer;
  z-index: 11;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transition: visibility .5s;
  left: 0;
  bottom: 0;
  display: block;
}

.hotline-phone-ring-circle {
  width: 110px;
  height: 110px;
  top: 0;
  left: 0;
  position: absolute;
  background-color: transparent;
  border-radius: 100%;
  border: 2px solid #1564a7;
  -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0.5;
}

.hotline-phone-ring-circle-fill {
  width: 80px;
  height: 80px;
  top: 16px;
  left: 16px;
  position: absolute;
  background-color: rgba(21, 100, 167, 0.7);
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.hotline-phone-ring-img-circle {
  background-color: #f7941d;
  width: 50px;
  height: 50px;
  top: 31px;
  left: 31px;
  position: absolute;
  background-size: 20px;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hotline-phone-ring-img-circle .pps-btn-img {
    display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.hotline-phone-ring-img-circle .pps-btn-img img {
    width: 33px;
    height: 33px;
}

.hotline-bar {
  position: absolute;
  background: #f7941d;
  height: 45px;
  width: 165px;
  line-height: 40px;
  border-radius: 3px;
  padding: 0 10px;
  padding-left: 20px;
  background-size: 100%;
  cursor: pointer;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  z-index: 9;
  border-radius: 50px !important;
  left: 42px;
  bottom: 31px;
}

.hotline-bar > a {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  text-indent: 32px;
  letter-spacing: 1px;
  display: block;
  line-height: 45px;
  font-family: Arial;
}

.hotline-bar > a:hover,
.hotline-bar > a:active {
  color: #fff;
}

@-webkit-keyframes phonering-alo-circle-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.5) skew(1deg);
    -webkit-opacity: 0.1;
  }
  30% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    -webkit-opacity: 0.5;
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    -webkit-opacity: 0.1;
  }
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    opacity: 0.6;
  }
  100% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
}
@-webkit-keyframes phonering-alo-circle-img-anim {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
}

.newsfix{
    float: left;
    margin-bottom: 30px;
}
.newsfix-img{
    float: left;
    width: 100%;
    clear: both;
    overflow: hidden;
}
.newsfix-img img{
    width: 100%;
-webkit-transition-property: background-image;
    -webkit-transition-duration: 1.0s;
    -webkit-transition-timing-function: ease-out;
    transition-property: background-image;
    transition-duration: 1.0s;
    transition-timing-function: ease-out;
    transition: all 700ms ease 0s;
}
.newsfix-img:hover img{
    -webkit-transform: scale(1.13);
    transform: scale(1.13);
}
.newsfix-name{
    float: left;
    width: 100%;
    clear: both;
    padding-top: 10px;
    margin-bottom: 10px;
}
.newsfix-name h3 a{
    color: #333;
    text-transform: uppercase;
    font-weight: 700;
}
.newsfix-name:hover h3 a{
color:#8f0000 !important
}
.newsfix-des{
    float:left;
    width: 100%;
    clear: both;

}
.newsfix-des p{
    color: #666;
}
.newsfix-detail{
    float: left;
    width: 100%;
    clear: both;
}
.newsfix-detail a{
    color:#333;
    text-decoration: underline;
}
.zoom-left{
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 12px;
}
.zoom-right{
       float: left;
    width: 100%;
    clear: both; 
}
.selectors.slick{
    margin-top: 0px;
}
.zoom-right .item_zoom{
    float: left;
    margin-right: 10px;
}
.congtrinhr,.congtrinhl{
    float: left;
}
.congtrinhr .bg-tieudesanpham{
    text-align: left !important
}
.congtrinhr .bg-tieudesanpham h2:after{
    display: none;
}
.desmota{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.desmota ul{
    padding-left: 15px;
    list-style: disc;
}
.tag-social-share-box{
    float: left;
    width: 100%;
    clear: both;
}
.binhluanfb{
    float: left;
    width: 100%;
    clear: both;
    margin-top: 15px;
    margin-bottom: 15px;
}
.blog-title-orther{
    font-size: 24px
}
.fixnoidung{
       float: left;
    width: 100%;
    clear: both;
}
#hotrobenphai {
    position: fixed;
    top: 20%;
    right: 0px;
    width: 71px;
    z-index: 99;
}
#btn-zalo {
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 9999;
    margin-top: 27px;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.kenit-alo-circle {
    width: 50px;
    height: 50px;
    top: -5px;
    right: -5px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(17,130,252,.8);
    opacity: .1;
    border-color: #1182FC;
    opacity: .5;
}
.kenit-alo-circle-fill {
    width: 60px;
    height: 60px;
    top: -10px;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: rgba(17,130,252,0.45);
    opacity: .75;
    right: -10px;
}
#btn-zalo i, .chatface i {
    display: flex;
    display: -ms-flex;
    align-items: center;
    -ms-flex-align: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #1182FC;
    position: relative;
    z-index: 999;
}
#btn-zalo i img, .chatface i img {
    vertical-align: middle;
    max-width: 100%;
}
.shake-anim {
    -webkit-animation: shake-anim 1s infinite ease-in-out;
    -moz-animation: shake-anim 1s infinite ease-in-out;
    -ms-animation: shake-anim 1s infinite ease-in-out;
    -o-animation: shake-anim 1s infinite ease-in-out;
    animation: shake-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.chatface {
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
    margin-top: 27px;
    z-index: 9999;
}
#btn-diachi {
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
    margin-top: 27px;
    z-index: 9999;
}
#btn-diachi img {
    width: 50px;
    border-radius: 50%;
    margin-top: 1px;
    margin-left: 1px;
}
.chat-zalo{
	position: fixed;
    border-radius: 100%;
	left: 10px;
    bottom: 90px;
	padding:5px;
	background:#fff;
	z-index:999 !important;
}
#alo-phoneIcon{
	z-index:999 !important;
    position: fixed;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    left: 0px;
    bottom: 20px;
    background: linear-gradient(99.42deg,#D6DE23 -74.27%,#37B34A 89.71%);
    padding: 8px 25px;
	padding-left:10px !important;
    color: #fff;
}
.chat-zalo img, #alo-phoneIcon img {
    display: inline-block;
    margin-right: 10px;
    animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;
    float: left;
}
@keyframes suntory-alo-circle-anim {
		0% {
			opacity: 0.1;
			transform: rotate(0deg) scale(0.5) skew(1deg);
		}
		30% {
			opacity: 0.5;
			transform: rotate(0deg) scale(0.7) skew(1deg);
		}
		100% {
			opacity: 0.6;
			transform: rotate(0deg) scale(1) skew(1deg);
		}
	}

	@keyframes suntory-alo-circle-img-anim {
		0% {
			transform: rotate(0deg) scale(1) skew(1deg);
		}
		10% {
			transform: rotate(-25deg) scale(1) skew(1deg);
		}
		20% {
			transform: rotate(25deg) scale(1) skew(1deg);
		}
		30% {
			transform: rotate(-25deg) scale(1) skew(1deg);
		}
		40% {
			transform: rotate(25deg) scale(1) skew(1deg);
		}
		50% {
			transform: rotate(0deg) scale(1) skew(1deg);
		}
		100% {
			transform: rotate(0deg) scale(1) skew(1deg);
		}
	}
	@keyframes suntory-alo-circle-fill-anim {
		0% {
			opacity: 0.2;
			transform: rotate(0deg) scale(0.7) skew(1deg);
		}
		50% {
			opacity: 0.2;
			transform: rotate(0deg) scale(1) skew(1deg);
		}
		100% {
			opacity: 0.2;
			transform: rotate(0deg) scale(0.7) skew(1deg);
		}
	}
.zoom-left{
    border: 1px solid #d8d8d8;
    border-radius: 5px;
}
.zoom-right{
    width: 100%;
    float: left;
    clear: both;
    
    display: inline-block;
}
.item_zoom{
    float: left;
}
.detail-right{
    float: left;
    width: 52%;
}
.detail-left{
    float: left;
    width: 45%;
    margin-right: 3%;
}
.detail-name{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    margin-top: 10px;
    padding-bottom: 10px;
}
.detail-name h2{
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
    font-size: 28px;
    color: #64AF5C;
    font-weight: 500;

}
.detail-name:after{
    position: absolute;
    right: 0px;
    top: 15px;
    width: 100px;
    height: 2px;
    content: "";
    background: #666;
    display: block;
    z-index: 1;
}
.detail-list ul{
    padding-left: 15px;
}
.detail-list{
    float: left;
    width: 100%;
    clear: both;
    border-bottom: 1px solid #efefef;

}
.detail-list h3{
    font-size: 14px;
    font-weight: 400;
    
        margin-top: 15px;
    margin-bottom: 15px;
}
.detail-list h3 a{
color:#333;
font-weight: 600;
text-transform: uppercase;
}
.gia{
    color: #e02020 !important;
    text-transform: none !important;
    font-size: 20px;
    font-weight: 600 !important
}
.gia-2{
    margin-left: 0px;
    font-size: 16px;
    text-decoration: line-through;
    font-weight: 600;
    color: #666;


}
.item_zoom img{
    margin-right: 5px;
}
 .contfix{
    position: absolute;
    right: 5px;
    top: 5px;
    width: 38px;
    height: 38px;
    background: rgba(0, 0, 0, 0.7);
    line-height: 38px;
    text-align: center;
    border-radius: 100%;
    color: #fff;
    font-size: 12px;
    z-index: 100;
    font-weight: 600;
}
.detail-list p{
        
    font-weight: 500;
    
        margin-top: 15px;
    margin-bottom: 15px;
    line-height: 18px;
}
.devvn-popup-quickbuy,
.devvn-popup-quickbuy * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.devvn-popup-content:after,
.devvn-popup-prod:after {
	content: "";
	display: table;
	clear: both
}

a.devvn_buy_now {
	display: inline-block;
	overflow: hidden;
	clear: both;
	padding: 9px 20px;
	border-radius: 4px;
	font-size: 18px;
	line-height: normal;
	text-transform: capitalize;
	color: #fff!important;
	text-align: left;
	background: #8cca36;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8cca36), to(#107644));
	background: -webkit-linear-gradient(top, #8cca36, #107644);
	background: -moz-linear-gradient(top, #8cca36, #107644);
	background: -ms-linear-gradient(top, #8cca36, #107644);
	background: -o-linear-gradient(top, #8cca36, #107644);
	margin: 0 0 20px;
	text-decoration: none;
	border-bottom: 0!important;
	max-width: 350px;
	width: 100%
}

a.devvn_buy_now:hover,
a.devvn_buy_now:focus {
	text-decoration: none!important;
	background: #8cca36;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8cca36), to(#107644));
	background: -webkit-linear-gradient(top, #8cca36, #107644);
	background: -moz-linear-gradient(top, #8cca36, #107644);
	background: -ms-linear-gradient(top, #8cca36, #107644);
	background: -o-linear-gradient(top, #8cca36, #107644);
	color: #fff
}

a.devvn_buy_now span {
	display: block;
	font-size: 14px;
	color: #fff;
	text-transform: none;
	margin: 2px 0 0
}

.devvn-popup {
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.75);
	z-index: 9999999999
}

.devvn-popup-inner {
	min-height: 200px;
	min-width: 300px;
	width: 750px;
	top: 50%;
	left: 50%;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 1);
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	background: #fff;
	overflow: hidden
}

.devvn-popup-title {
	background: #c69a39;
	background: -moz-linear-gradient(top, #c69a39 0%, #c19a4b 100%);
	background: -webkit-linear-gradient(top, #c69a39 0%, #c19a4b 100%);
	background: linear-gradient(to bottom, #c69a39 0%, #c19a4b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c69a39', endColorstr='#c19a4b', GradientType=0);
	color: #fff;
	height: 42px;
	line-height: 42px;
	padding-left: 20px;
	padding-right: 40px;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	position: relative
}

.devvn-popup-title span {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.devvn-popup-content {
	padding: 10px
}

.devvn-popup-close:focus {
	text-decoration: none;
	background-color: transparent
}

.devvn-popup-close {
	width: 20px;
	height: 20px;
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 10px;
	transition: ease .25s all;
	-moz-transition: ease .25s all;
	-webkit-transition: ease .25s all;
	text-align: center;
	line-height: 100%;
	color: #fff;
	background: url(../images/close.png) no-repeat center center;
	background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	overflow: hidden;
	text-indent: -9999px;
	border: 0 solid transparent;
	outline: none;
	-webkit-appearance: none!important;
	-moz-appearance: none!important;
	appearance: none!important;
	margin: auto;
	padding: 0;
	min-height: inherit
}

.devvn-popup-close:hover {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	background-color: transparent
}

.devvn-popup-img {
	width: 100px;
	height: auto;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px
}

.devvn-popup-info {
	overflow: hidden;
	margin-bottom: 10px
}

.devvn-popup-quickbuy {
	display: none;
	line-height: 20px;
	color: #333;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3125
}

span.devvn_title {
	font-size: 18px;
	color: #333;
	font-weight: 700;
	padding-bottom: 10px
}

span.devvn_price {
	font-size: 16px;
	color: red;
	font-weight: 700;
	padding-bottom: 5px;
	display: block
}

span.devvn_price del {
	font-size: 12px;
	color: #ccc;
	font-weight: 400
}

span.devvn_price ins {
	text-decoration: none
}

.devvn-popup-content-left {
	width: 50%;
	float: left;
	padding-right: 10px
}

.devvn-popup-content-right {
	width: 50%;
	float: right;
	padding-left: 10px
}

.popup-customer-info-title {
	font-size: 16px;
	color: #333;
	margin-bottom: 15px;
	font-weight: 700
}

.popup-customer-info-group {
	width: 100%;
	margin-bottom: 6px
}

.popup-customer-info-item-13 {
	width: 30%;
	float: left
}

.popup-customer-info-item-23 {
	width: 70%;
	float: left
}

.popup-customer-info-group:after {
	display: block;
	content: " ";
	clear: both
}

.popup-customer-info-item-2 {
	width: 50%;
	float: left
}

.popup-customer-info-group .popup-customer-info-item-2:first-child,
.popup-customer-info-item-13 {
	padding-right: 3px
}

.popup-customer-info-group .popup-customer-info-item-2:last-child,
.popup-customer-info-item-23 {
	padding-left: 3px
}

body .popup-customer-info-group input,
body .popup-customer-info-group select,
body .popup-customer-info-group textarea {
	font-size: 12px;
	padding: 2px 5px;
	border: 1px solid #ccc;
	width: 100%;
	height: 26px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0;
	font-family: Tahoma, Arial, sans-serif;
	background: #fff
}

body .popup-customer-info-group input:focus,
body .popup-customer-info-group select,
body .popup-customer-info-group textarea:focus {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none
}

form#devvn_cusstom_info {
	margin-bottom: 0
}

body .popup-customer-info-group textarea {
	height: 45px;
	min-height: inherit
}

.popup-customer-info-group .devvn-order-btn {
	width: 100%;
	height: 36px;
	background: #c69a39;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	border: none;
	border-radius: 2px;
	cursor: pointer;
	outline: none;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.popup-customer-info-group .error {
	border-color: red
}

.popup-customer-info-group label.error {
	display: none!important
}

.popup_loading {
	position: relative;
	opacity: .5;
	pointer-events: none
}

.popup-customer-info-group .devvn-order-btn.loading:after,
.popup_loading:after {
	-webkit-animation: devvn_spin 500ms infinite linear;
	animation: devvn_spin 500ms infinite linear;
	border: 2px solid #fff;
	border-radius: 32px;
	border-right-color: transparent!important;
	border-top-color: transparent!important;
	content: "";
	display: block;
	height: 16px;
	top: 50%;
	margin-top: -8px;
	left: 50%;
	margin-left: -8px;
	position: absolute;
	width: 16px
}

.popup_loading:after {
	border: 2px solid #c29a44
}

@-webkit-keyframes devvn_spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes devvn_spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.popup-customer-info-group .devvn-order-btn.loading {
	opacity: 1!important;
	position: relative;
	color: rgba(255, 255, 255, 0.05);
	pointer-events: none!important
}

.devvn_prod_variable a.contact_to_buy_ajax,
.devvn_prod_variable .single_add_to_cart_button {
	display: none!important
}

.devvn_prod_variable .quantity .screen-reader-text {
	clip: inherit;
	height: inherit;
	position: absolute!important;
	width: inherit;
	white-space: nowrap;
	top: 6px;
	left: 0;
	font-size: 14px
}

.devvn_prod_variable .quantity {
	padding-left: 84px;
	position: relative
}

.devvn_prod_variable {
	margin: 0 0 20px
}

.devvn_prod_variable .label {
	color: #333;
	font-size: 14px;
	padding-right: 10px!important
}

.devvn_prod_variable .variations td {
	padding: 0 0 10px;
	vertical-align: text-bottom;
	border: 0
}

.devvn-popup-quickbuy table.variations {
	margin: 0;
	border: 0
}

.devvn_prod_variable a.reset_variations {
	margin: 0 0 0 10px
}

.devvn_prod_variable span.price {
	color: #e03232;
	text-decoration: none;
	font-weight: 700;
	font-size: 14px
}

.devvn_prod_variable span.price ins {
	text-decoration: none
}

.devvn_prod_variable span.price del {
	color: #ccc;
	font-weight: 400;
	font-size: 12px
}

.popup-customer-info-radio label {
	display: inline-block;
	font-weight: 400;
	position: relative;
	cursor: pointer;
	margin: 0
}

.popup-customer-info-radio label input {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.popup-customer-info-radio label span:before,
.popup-customer-info-radio label span:after {
	width: 16px;
	height: 16px;
	content: "";
	position: absolute;
	border: 1px solid #a6a6a6;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	top: 1px;
	left: 0
}

.popup-customer-info-radio label span {
	padding-left: 23px
}

.popup-customer-info-radio label input:checked~span:before {
	border: 1px solid #fd7518
}

.popup-customer-info-radio label input:checked~span:after {
	background: #fd7518;
	border: 1px solid #fd7518;
	width: 8px;
	height: 8px;
	top: 5px;
	left: 4px
}

.popup-customer-info-radio label~label {
	margin-left: 20px
}

.popup-message.success {
	background-color: #fff
}

[class*="popup-customer-info-item-3-"] {
	width: 33.333%;
	float: left
}

.popup-customer-info-item-3-13 {
	padding-right: 2px
}

.popup-customer-info-item-3-23 {
	padding-right: 2px
}

.woocommerce .popup_quickbuy_shipping_calc ul#shipping_method li {
	padding: 0;
	margin: 0 0 5px;
	position: relative;
	text-indent: inherit
}

.woocommerce .popup_quickbuy_shipping_calc ul#shipping_method li input {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.woocommerce .popup_quickbuy_shipping_calc ul#shipping_method li label {
	font-weight: 400;
	display: block;
	cursor: pointer;
	position: relative;
	padding: 0 0 0 23px;
	margin: 0
}

.woocommerce .popup_quickbuy_shipping_calc ul#shipping_method li label:after,
.woocommerce .popup_quickbuy_shipping_calc ul#shipping_method li label:before {
	width: 16px;
	height: 16px;
	content: "";
	position: absolute;
	border: 1px solid #a6a6a6;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	top: 1px;
	left: 0
}

.woocommerce .popup_quickbuy_shipping_calc ul#shipping_method li input:checked~label:before {
	border: 1px solid #fd7518
}

.woocommerce .popup_quickbuy_shipping_calc ul#shipping_method li input:checked~label:after {
	background: #fd7518;
	border: 1px solid #fd7518;
	width: 8px;
	height: 8px;
	top: 5px;
	left: 4px
}

.popup-customer-info-item-1 {
	overflow: hidden
}

.popup_quickbuy_shipping {
	display: flex
}

.popup_quickbuy_shipping_title {
	padding-right: 10px
}

.popup-customer-info-group .devvn_quickbuy_mess label.error {
	display: block!important;
	font-weight: 400;
	color: red
}

.popup_quickbuy_total_calc {
	font-weight: 700
}

@media (max-width: 750px) {
	.devvn-popup-inner {
		width: 500px
	}
	.devvn-popup-content-left,
	.devvn-popup-content-right {
		width: 100%;
		padding-right: 0;
		padding-left: 0
	}
	.devvn-popup-content-left.popup_quickbuy_hidden_mobile {
		display: none!important
	}
	.devvn-popup-content-left {
		margin-bottom: 20px
	}
}

@media (max-width: 500px) {
	.devvn-popup-inner {
		width: 320px
	}
}
.devvn_buy_now i{
    font-size: 40px;
    float: left;
    padding-right: 10px;
}
.devvn_buy_now{
    margin-top: 10px !important ;
    margin-bottom: 10px !important  
}
.detailtit{
    margin-bottom: 0px;
}
.detailtit h1{
    text-transform: none;
    font-weight: 500;
}
.detailtit h1 a{
	color:#37b34a;
	font-weight:700 !important
}
.detail-right .item-star i{
	color:orange !important
}
.detail-content {
    float: left;
    width: 100%;
    clear: both;
    margin-top: 20px;
    margin-bottom: 20px;
}
.detail-content-title {
    float: left;
    width: 100%;
    position: relative;
}
.detail-content-title h3 {
    float: left;
    margin-left: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 12px;
    padding-bottom: 12px;
    display: block;
    background-color: #873402;
    display: block;
    color: #fff;
    font-weight: 500;
   
    font-size: 18px;
    text-transform: capitalize;
    position: absolute;
    bottom: -28px;
    border-radius: 5px;
}
.detail-content-content {
    float: left;
    width: 100%;
    clear: both;
    padding: 30px 15px;
    border: 1px solid #d8d8d8;
    border-radius: 8px;
}
.item_zoom{
    margin-bottom: 5px;
}

.service-listx .service-box{
    margin-bottom: 30px;
}
.detail-content .nav-tabs li a{
    font-weight: 700;
    font-size: 16px;
    color: #333
}
.detail-content .nav-tabs li.active a{
        font-size: 20px;
    color: #37b34a;
}
.detail-content .tab-content{
    padding-top: 15px;
    padding-bottom: 20px;
    float: left;
    width: 100%;
    clear: both;
}
.detail-sale{
    position: relative;
}
.number_sale {
    position: absolute;
    width: 40px;
    height: 30px;
    background: #e02020;
    line-height: 30px;
    text-align: center;
    color: #fff;
    display: inline-block;
    top: 0px;
    right: 0;
}
.number_sale:before {
    position: absolute;
    content: "";
    border-bottom: 11px solid transparent;
    border-left: 20px solid #e02020;
    border-right: 11px solid transparent;
    bottom: -11px;
    left: 0;
}
.number_sale:after {
    position: absolute;
    content: "";
    border-bottom: 11px solid transparent;
    border-right: 20px solid #e02020;
    border-left: 11px solid transparent;
    bottom: -11px;
    right: 0px;
}