.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;
}

/* menu */

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

@font-face {
  font-family: UTMHel;
  src: url(../fonts/UTMHelvetIns.ttf);
}

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;
}
#wapper{
    margin: 0 auto;
    max-width: 1366px;
    padding: 0px;
}
.taisao-img{
    float:left;
    margin-right: 20px;
}
#tuvamx{
    float: left;
    width: 100%;
    clear: both;
    padding-top:10px;
    padding-bottom: 30px;
}
.box-dkhoc{
    max-width: 800px;
    margin:0 auto !important;
}
.box-dkhoc h3{
    font-size: 18px;
    color: #ff0000;
    font-weight: 600;
}
.box-dkhoc .thm-btn.bg-1{
    display: block;
    padding: 5px 35px;
    background: orange;
    border:0px !important;
        margin: 0 auto;
}
#form_nodung{
    background: #fff !important
}
.boxxform{
    float: left;
    width: 100%;
    clear: both;
    padding: 20px;
    background:#143b84;
    margin-top: 20px;
}
.boxx-dkhoc-title{
    border-top-width: 2px !important;
    border-right-width: 2px !important;
    border-bottom-width: 2px !important;
    border-left-width: 2px !important;
    padding-top: 20px !important;
    padding-right: 10px !important;
    padding-bottom: 20px !important;
    padding-left: 10px !important;
    border-left-color: #fe0000 !important;
    border-left-style: dashed !important;
    border-right-color: #fe0000 !important;
    border-right-style: dashed !important;
    border-top-color: #fe0000 !important;
    border-top-style: dashed !important;
    border-bottom-color: #fe0000 !important;
    border-bottom-style: dashed !important;
    margin-bottom: 20px;
    font-family: UTMHel;
    color: #143b84;
    text-align:center;
        font-size: 28px;
}


 
.taisaobox{
    margin-top: 25px;
    margin-bottom: 25px;
}
.taisao-text h3{
    margin-bottom: 12px;
       font-family: 'Oswald', sans-serif !important;
       text-transform: uppercase;
}
.taisaoicon .taisao-text{
    width: calc(100% - 90px);
    float: left;
}
.detail-sale h3{
     font-family: 'Oswald', sans-serif !important;
}
#taisao{
    float: left;
    width: 100%;
    clear: both;
    padding-top: 50px;
    padding-bottom: 30px;
}
.calright ul{
    float: right;
}
.calright ul li{
    display: inline-block;
    margin-left: 20px;
}
.calright ul li a{
    color: #fff;
}
.calright ul li a img{
    margin-bottom: 10px;
}
.calleft{
    padding-top: 15px;
}
.calleft h3{
    font-size: 26px;
    color: #fff;
    margin-bottom: 10px;
     font-family: 'Oswald', sans-serif !important;
}
.calleft p{
    color: #fff;
}
#callphone{
    float:left;
    clear: both;
    display: block;
    width: 100%;
    padding-top: 30px;
    padding-bottom:30px;
    background-size: cover !important;
    background: url(../images/bg_newsletter.png) no-repeat top center
}
.cquytrinh{
    display: block !important;
    text-align: center;
    margin-top: 15px;
}
.cquytrinh .newsfix-name{
    padding-top: 15px !important;
    padding-left: 40px;
    padding-right: 40px;
}
.colkhbox-text{
    float: left;
    width: calc(100% - 145px)
}
.ykien-cntent{
    display: block;
}
.colkhbox-text h3{
    color: #f00;
    margin-bottom: 9px;
    text-transform: uppercase;
    font-size: 18px;
  font-family: 'Oswald', sans-serif !important;
}
.colkhbox{
    margin-top: 15px;
    margin-bottom: 10px;
}
.colkhbox-img{
    margin-right: 15px;
    float: left;
}
.colkhbox-img img{
    border-radius: 100%;
    border:2px solid #C81B1D;
}
.cquytrinh .newsfix-name h3{
    font-weight: 400 !important 
}
.cquytrinh .newsfix-name h3 a{
    text-transform: none !important;
    font-family: 'UTMHel', sans-serif !important;
    font-size: 20px;
    font-weight: 400 !important 
}
#ykien{
    float: left;
    width: 100%;
    clear: both;
    padding-top: 35px;
    padding-bottom: 30px;
    background: #f6f6f6;
}
#topbar{
   padding-top: 8px;
    padding-bottom: 5px;
    float: left;
    width: 100%;
    background: #C81B1D;
    border-bottom:1px solid #dedede;
}
.newsfix{
    text-align: center;
}
.newsfix img{
    margin:0 auto;
}
.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:#8f0000
}
.congtrinh-xemthem a{
	color: #EE3236 !important;
	font-family: UTMHel;
	text-transform:uppercase;
	    text-decoration: underline;
    font-size: 19px;
}
.item-desfix {
    text-align: center;
    font-size: 16px;
        display: block;
    margin-top: 10px;
    float: left;
    width: 100%;
}
.item-desfix span, .item-desfix strong{
        font-family: 'Oswald', sans-serif !important;
        color: #f00
}
.item-desfix strong{
    color:#11ae65
}
.congtrinh-xemthem a:hover{
	color:#666;
}
.col-md-6.colcall{
    text-align: right;
}
.col-md-6.colcall ul{
    float: right;
    margin: 0px !important
}
.col-md-6.colcall ul li{
    display: inline-block;
    margin-left: 20px;
}
.col-md-6.colcall ul li a{
    color: #fff !important
}
.textslogan{
    float: left;
    width: 100%;
    clear: both;
}
.textslogan h2{
    color: #fff;
    font-size: 14px;
    margin-bottom: 0px;
    text-transform: uppercase;
    line-height: 20px;
}
#header{
    float: left;
    width: 100%;
    clear: both;
    padding-top: 15px;
    padding-bottom: 5px;
    
    background: url(../images/poly.png) no-repeat top center;

}
.col-logo{
    float: left;
}
.col-banner{
    padding-top: 3px;
   
}
.boxlogo img{
    max-height: 90px;
	margin-top:-10px;
}
.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: #ED1C24;
}
.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: #EE3236 !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;

}

.ibanner{
    float: left;
        padding-left: 15px;
}
.ibannerx{
     width: 60%;
}
.ibannery{
     width: 40%;
}
.ibanner-img{
    float: left;
    width: 60px;
    margin-right: 10px;
}
.ibanner-text{
    float: left;
    width: calc(100% - 70px)
}
.ibanner-text h2{
    font-weight: bolder;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: -1px
}
.ibanner-text p{
    margin-bottom: 0px;
}
.ibanner-text h2 strong{
     font-weight: bolder;
     color: #ED1C24
}
#baogia{
     float: left;
    width: 100%;
    clear: both;
    padding-top: 25px;
    padding-bottom: 25px;   
}
.colbaogia{
    float: left;
}
.ibaogia{
    float: left;
    width: 100%;
    background: #EE3236;
    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: #8F0000
}
.ibaogia-bottom{
	    background: #a6191c;

    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: #8f0000;
		float:left;
		width:100%;
		text-align:center;
}
#nav{
    float: left;
    width: 100%;
    clear: both;
     background-color: #EE3236;

    -webkit-box-shadow: 0 0 2px #d9dadb; 
     box-shadow: 0 0 2px #d9dadb; 
}
.ibaogia-text{
    padding-top: 10px;

}
.ibaogia-text h3{
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    font-weight: 700;
}
.menu{
    float: left;
    width: 100%;
   margin-top: 10px;
}
.col-gia .gia-img{
    width: 100%;
}
.col-gia .gia-img img{
     width: 100%;
}
.gia-text{
    padding-top: 15px;
}
.gia-text h3{
    font-family: 'Oswald', sans-serif !important;
    margin-bottom: 10px;
}
.menu ul{
    width: 100%;
    list-style: none;
    padding: 0px;
    margin:0px;
    float: left;

}
#banggia{
    float: left;
    width: 100%;
    clear: both;
    padding-bottom:25px;
    padding-top: 40px;
        background: url(../images/poly.png) no-repeat top center;
}
#about .dbbb li{
    margin-bottom: 12px;
}

.dangcan .taisao-text p {
    font-size: 18px;
    line-height: 28px;

}
.dangcan .taisao-text h3{
    font-family: 'Oswald', sans-serif !important;
    color: #143b84;
    text-transform: uppercase;
    font-size: 21px;
    margin-bottom: 20px;
}
.dangcan-left .taisao-text{
    text-align: right;
}
.dangcan-left .taisao-text p{
    text-align: right;
}
.dangcan .taisaobox {
    margin-top: 25px;
    margin-bottom: 25px;
    display: block;
    width: 100%;
    clear: both;
    float: left;
}
.menu ul li i{
    font-size: 22px !important
}
.menu ul li{
    display: inline-block;
    float: left;
    position: relative;
     padding: 0px 10px;
}
.menu ul li a{
   font-family: 'Oswald', sans-serif !important;
    float: left;
    display: block;
    color: #333;
    line-height: 42px;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
}
.menu ul li a{
    position:relative;
    padding: 0px 12px;
}
.menu ul li a.active{
       border-radius: 4px;
    background: #143b84;
    color: #fff !important
}
.menu>ul>li>a:hover{
    border-radius: 4px;
    background: #143b84;
     color: #fff !important
}
.menu ul li a .shome{
    display: none;
}
.menu ul li ul{
    position: absolute;
    left: 0px;
    z-index: 10;
    top: 50px;
    padding-top: 6px;
    background: #00AFEF;
    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 #dedede;
    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;
}
.formsearch{
    float: left;

    height: 42px;
    min-width: 250px;
    right: 0px;
    z-index: 999;
    display: block;
}
.formsearch input{
    width: 100%;
    float: left;
    height: 42px;
    padding: 5px;
    padding-left: 12px !important;
    border-radius: 4px;
    background: #fff;
    border:1px solid #C81B1D;
}
.formsearch .bnt_search{
    position: absolute;
    right: 15px;
    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: #fff

}
.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: #EE3236;
    text-transform: uppercase;
    font-weight: normal;
     font-family: UTMHel;

}
.congtrinh-title{
    font-family: UTMHel;
    font-weight: normal !important;
      color: #8f0000 !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: 600;
    color: #14579f
}
.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;
   padding-bottom: 5px;
   overflow:hidden
 
      
}
#tintuc{
    float: left;
    width: 100%;
    clear: both;
    padding-top:35px;
    padding-bottom: 30px
}
.item-des{
    float: left;
    width: 100%;
    height: 66px;
    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;
   

}
#footer p{
    color: #222
}
.footer-top{
    float: left;
    width: 100%;
    clear: both;
        padding-top: 50px;
       background: url(../images/poly.png) no-repeat top center;
    padding-bottom: 40px;
    background-size: cover !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: #222;
}
.footer-chinhs ul li{
         float: left;
    width: 100%;
    clear: both;
    margin-bottom: 10px;
}
.footer-chinhs ul li a{
    color: #222;
}
.footer-title{
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 15px;
    padding-bottom: 10px;
    position: relative;
}
.clx1{
    float:left;
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
}
.footer-title:after{
    position: absolute;
    content: "";
    left: 0px;
    bottom: -2px;
    height: 2px;
    background: #c3c3c3;
    display: block;
    width: 100px;

}
.ycxe.footer-title:after{
    right: 0px !important;
    text-align: center;
    margin:0 auto !important;
}
.footer-top{
    border-top:1px solid #dedede;
}

.footer-title h2{
    font-weight: normal;
    text-transform: uppercase;
    font-family: UTMHel;
    color: #143b84;
    font-size: 24px;
}
.footer-title h3{
    color: #222;
    font-weight: 800;
    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: 8px;
   padding-bottom: 8px;
   text-align: left;
}
.fan-footer iframe{
    height: 200px !important
}
.footer-content ul li a{
    color: #333;
    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: #333;
    text-align: left;
}
.footer-bottom{
    background: #d7d7d7
}
.footer-bottom span{
    font-size: 13px;
    color: #333
}
.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: #333
}
.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:  1px solid #ddd;
  
}
.dailyleft .pdo a{
    font-weight: 600;

}
.dailyleft .pdo span{
    margin-top: 4px !important;
    font-weight: normal;
    display: block;
}
.single-sidebar .sec-title{
    float: left;
    width: 100%;
    padding: 8px 15px 10px 15px;
    background: #C81B1D;
    color: #fff
}
.single-sidebar .sec-title h3{
      color: #fff;
      font-size: 18px;
      text-transform: uppercase;
      font-family: 'Oswald', sans-serif !important;
}
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: #C81B1D
}
.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;
}
@-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: center;
}
.itembox .item-name h3{
    font-size: 15px;
}
.itembox .item-name h3 a{
    color: #333;
    text-transform: uppercase;
}
.itembox .item-name h3 a:hover{
    color:#8f0000 !important
}
.itembox{
    
}

.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: #EE3236
}
.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; 
}
#footer label{
    color: #fff
}
.clx1x.formdk-right{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 35px;
    padding-left: 35px;
}
.clx1x{
    width: 98%;
    margin-left: 1% !important;
   margin-right: 1% !important;
}
#footer select{
        float: left;
    width: 100%;
    clear: both;
    height: 40px;
    background: #000;
    margin-bottom: 10px;
    color: #222 !important;
    outline: none !important;
    border: 0px !important;
    background: rgba(255,255,255,1);
    padding-left: 15px;
}
.formdk input{
    float: left;
    width: 100%;
    clear: both;
    height: 40px;
    background: #000;
    margin-bottom: 10px;
    color: #222 !important;
    outline: none !important;
    border:0px !important;
        background: rgba(255,255,255,1);
        padding-left: 15px;
}
.formdk input::-webkit-input-placeholder,.formdk textarea::-webkit-input-placeholder { /* Edge */
  color: #222;
}

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

.formdk input::placeholder,.formdk textarea::placeholder {
  color: #222;
}
.formdk-left{
    float: left;
    width: 80%;
    padding-right: 5px;
}
.formdk-right{
    float: left;
    width: 100%;
}
.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{

    height: 40px;
    text-align: center;
}
.formdk-right img{
    margin: 0 auto
}
.formdk-right button{
    border: 0px !important;
    outline: none;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    max-width: 150px;
    margin:0 auto !important;
        background: #7E0F21 !important;
         padding: 10px 40px;
 
}
.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: #8f0000 !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: #EE3236 ;
}
.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 {

    text-align: left;
        float: left;
    width: 100%;
    clear: both;
    margin:0px !important;
}
.bg-tieudesanpham h2 {
    font-family: UTMHel;
    font-size: 30px;
    color: #EE3236;
    position: relative;
    margin: 0px;
    display: inline-block;
    font-weight: normal;
    position: relative;
    padding-bottom: 23px;
    text-transform: uppercase;
}
.bg-tieudesanpham h1 {
    font-family: UTMHel;
    font-size: 30px;
    color: #EE3236;
    position: relative;
    margin: 0px;
    display: inline-block;
    font-weight: normal;
    position: relative;
    padding-bottom: 23px;
    text-transform: uppercase;
}
.bg-tieudesanpham h2:after {
  display: none;
}
.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;
}
.itembox h3{
        padding: 20px;
    background: #143b84;
    color: #fff;
    text-align: center;
}
.itembox h3 a{
     color: #fff !important;
}
.itembox .item-name{
    padding:0px !important;
}
#btn-diachi img {
    width: 50px;
    border-radius: 50%;
    margin-top: 1px;
    margin-left: 1px;
}
.mainleft{
    float: left;
    width: 68%;
    margin-right: 2%;
}
.mainright{
    float: left;
    width: 30%;
}


.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{

}

.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{
    color: #b14505
}
.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;
}
.posmenu{
        position: absolute;
    top: 100%;
    z-index: 100;
    display: none;
}
.detailtit h1{
    margin-top: 0px;
    color: #010e2a;
    font-size: 24px;
    font-weight: 700;

}
.detailtit h1 a{
    color: #010e2a;
    font-size: 24px;
     font-family: 'Oswald', sans-serif !important;
}
.detail-sale h3{
    border-top:1px solid #dedede;
    padding-top: 10px;
    margin-top: 0px !important;
    color: #222;
    font-size: 16px;
    font-weight: 600;
}
.detail-content ul.nav.nav-tabs{
    background: #107644
}
.detail-content .nav-tabs>li.active a{
    border: 0px !important;
    border-radius: 0px !important;
    background: #85c938;
    color: #fff;
}

.motak{
    font-size: 14px;
    background: #fffcf3;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    padding: 15px;
    margin-bottom: 10px;
    padding-bottom: 3px !important
}
.motak p{
    margin-top: 0px !important
}
.motak p, .motak span{
    font-size: 13px;
}
.col-gia{
    margin-bottom: 20px;
}
.col-gia .gia-img{
    border:1px solid #143b84;
    border-bottom: 0px !important
}
.gia-link{
    width: 100%;
    display: block;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 25px;
    border-bottom:1px solid #143b84;
    border-left:1px solid #143b84;
    border-right:1px solid #143b84;
    text-align: center;
}
.gia-link a{
    font-size: 16px;
    display: inline-block;
    margin: 0 auto;
    padding: 10px 25px;
    background: #143b84;
    color: #fff;
    font-weight: 600;
}
.gia-link a:hover{
    background: #EE3236 !important
}
.col-gia h3{
    padding: 20px;
    background: #143b84;
    color: #fff;
    text-align: center;
}
.col-gia h3 a{
    font-weight: 700;
    color: #fff;
    font-size: 18px;
}
.col-gia .gia-img{
    padding: 25px;
}

#congtrinh.thucte{
    padding-top: 55px !important;
    background: -webkit-linear-gradient(top, rgb(173, 226, 246) 0%, rgb(255, 255, 255) 50%, rgb(173, 226, 246) 100%) !important; }
}
.run-hinhanh{
    clear: both;
    display: block;
    position: relative;
    margin-top: 15px;
    float: left;
    width: 100%;
}
.noidung.dbbb p{
    font-size: 15px;
    line-height: 24px;
}
.runvideo{
     clear: both;
    display: block;
    position: relative;
    margin-top: 25px;
    float: left;
    width: 100%;
}
.bg-tieudesanpham.styledanhmuc h1{
    color: #143b84 !important;
    font-size: 26px;
}
.bg-tieudesanpham.styledanhmuc h2{
    color: #143b84 !important;
    font-size: 26px;
}