.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;
}
.btmn-mb{
    display: none;
}
#menu{
    display: none;
}
.hinhanh-list{
    float: left;
    width: 100%;
    clear: both;
}
/* menu */

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

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

body {
    font-size: 14px;
      background: none;
    font-weight: 400;
    color: #707070;
    font-family:  'Open Sans',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 {
 
    font-size: 14px;
    line-height: 22px;
    margin: 0;
}

p strong {
    font-weight: 600;
}
#wapper{
    margin: 0 auto;

    padding: 0px;
}
#header{
    float: left;
    width: 100%;
    clear: both;
    padding-top: 20px;
    padding-bottom: 0px;
    position: relative;
    top: 0px;
	background:url(../images/bg_logo.jpg) no-repeat top center;
	background-size:cover;
    z-index: 10;

}
#topfix{
    float: left;
    width: 100%;
    clear: both;
    position: relative;
    top: 0px;
    z-index: 100;
   

}
.pad190{
     padding-bottom: 190px;
}
.pad0{
     padding-bottom: 0px;
}
.logo{
    float: left;
}
.logobox img{
    max-height: 85px;
}
.lang{
    float: left;
}
.banner{
    float: left;
}
.boxbanner{
    float: left;
    width: 100%;
    text-align: center;
}
.boxbanner h2{
    font-size: 32px;
    font-weight: normal;

    margin-bottom: 15px;
   color: #ef1c22;
   text-transform: uppercase;
    font-family:  'UTMGuanine',sans-serif;
}
.boxbanner h3{
    color: #333333;
    font-size: 14px;
        line-height: 20px;
    font-weight: 600;
}
.boxlang{
    float: left;
    width: 100%;
    clear: both;
}
.boxlang ul{
    float: right;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.boxlang ul li{
    display: inline-block;

}
.boxlang ul li a{
    color: #333;
    float: left;
    margin-left: 20px;
    line-height: 26px;
    font-weight: 600;
}
.boxlang ul li a img{
    float: left;
    margin-right: 5px;
}
.boxlang ul li:hover a{
    color: #3E872E;
}
.langother{
    float: right;
    width:100%;
    clear: both;
    margin-top: 10px;
    text-align: right;
}
/*
.langother span{
    cursor: pointer;
    padding: 4px 20px;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #ddd;
   float: right;
}*/
#translate_select{

   float: right;
       height: 30px;
    overflow: hidden;
}
#translate_select select{
	 cursor: pointer;
    padding: 4px 20px;
	    width: 165px;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #ddd;
}
#nav{
    float: left;
    width: 100%;
    clear: both;
       position: relative;
        margin-top: 15px;
    z-index: 10;
}
#nav .menu{
    float: left;
    width: 100%;
    background: #ef1c22;
    clear: both;
    padding-left: 50px;
    padding-right: 50px;

}
.menu ul{
    float: left;
    width: 100%;
    clear: both;
    padding: 0px;
    margin:0px;
}
.menu ul li{
    display: inline-block;
    float: left;
    position: relative;
}
.menu ul li a{
    padding:0px 20px;
    line-height: 50px;
    color: #fff;
    font-weight: 600;
    float: left;
    display: block;
    background: url(../images/nav.png) no-repeat center right;
}
.menu ul li:last-child a{
    background: none
}
.menu ul>li:hover>a{
    color: #ffee0a
}
.menu ul>li>a.active{
    color: #ffee0a
}
.menu ul li ul{
    position: absolute;
    left: 0px;
    top: 50px;
    z-index: 10;
    min-width: 220px;
    background: rgba(239, 28, 34, 0.8);
    border-top: 1px solid #f95c61;
    opacity: 0;
	display:none;
     transition: all 700ms ease 0s;
}
.menu ul li ul li {
    float: left;
    width: 100%;

}
.menu ul li ul li a{
    padding: 12px 12px;
    line-height: 18px;
    background: none;
     border-bottom: 1px solid #f95c61;
     font-weight: 400;
     font-size: 13px;
     float: left;
     width: 100%;
}
.menu ul li ul li ul{
    left: 100% !important;
    top: 0px !important;
    border-top: 0px solid #f95c61 !important;
        border-left: 1px solid #f95c61 !important;
		display:none;
}
.menu>ul>li:hover>ul{
    opacity: 1;
	display:block;
}
.menu>ul>li>ul>li:hover>ul{
    opacity: 1;
	display:block;
}

#slider{
    position: relative;
    display: block;
    float:left;
    width: 100%;
}
#slider .bx-wrapper{
    margin-bottom: 0px;
}
#category{
    position: relative;
       margin-top: -130px;
    z-index: 100;
	float:left;
    clear: both;
    width: 100%;

}
#slider .bx-wrapper img{
	width:100% !important
}
.category{
    float: left;
}
.categorybox{
    float: left;
    width: 100%;
    clear: both;
    position: relative;
    padding-bottom: 75px
}
.categorybox .category-img{
    max-width: 245px;
    max-height: 245px;
    margin: 0 auto;
    position: relative;
    z-index: 10;

}
.categorybox .category-img img{
     overflow:hidden;
    border-radius: 100%;
            border: 1px solid #ddd;
    padding: 4px;
    background: #fff;
     overflow:hidden;

    -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;
}
.categorybox:hover .category-img img{
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}
.category-name{
    position: absolute;
    bottom: 0px;
    z-index: 9;
    float: left;
    width: 100%;
    clear: both;
    padding: 60px 20px 15px 20px;
    display: block;
    text-align: center;
    color: #fff;
    overflow:hidden;
}
.color1{
    background: #afc746;
}
.color2{
    background: #669b45
}
.color3{
    background: #45803b
}
.color4 {
    background: #2f6d25;
}
.category-name h2{
    line-height: 24px;
   
   margin: 0px;
   padding: 0px;

}
.category-name h2 a{
 font-size: 20px;
 color: #fff;
 text-transform: uppercase;
}
.category-name:hover h2 a{
    color:#ffee0a
}
#about{
    float: left;
    width: 100%;
    clear:both;
    
    margin-top: 40px;
    background: url(../images/bgabout.jpg) no-repeat top center;
    background-size: cover !important
}
.about{
    background: url(../images/about.png) no-repeat top left;
    background-size: cover;
}
.aboutbox{
    float: left;
    width: 100%;
    position: relative;
    padding:60px 120px;
	padding-left:200px
}
.about-title{
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 20px;
}
.about-title h2{
    background: url(../images/aboutit.png) no-repeat top center;
    padding: 15px 60px;
    float: left;
    min-width: 335px;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 700;
}
.about-title h2 a{
color: #ef1c22;
}
.about-title:hover h2{
    background: url(../images/aboutith.png) no-repeat top center;
   
}
.about-title:hover h2 a{
 color: #fff;
}
.about-content{
    float: left;
    width: 100%;
    clear: both;
    padding-left: 60px;
    color: #fff;
}
.about-content p{
    margin-bottom: 12px;
        color: #fff;
}
.about-detail{
    float: left;
    width: 100%;
    clear: both;

}
.about-detail a{
    font-weight: 600;
    color: #fff;
}
.about-detail:hover a{
    color: #ffee0a
}
#product{
    float: left;
    width: 100%;
    clear: both;
    padding-top: 40px;
    padding-bottom: 40px;
    background:#fff;
}
.title{
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 20px;
    text-align: center;
}
.title h2{
    margin-bottom: 15px;
}
.title h2 a{
    color: #ef1c22;
    font-size: 28px;
    
    text-transform: uppercase;
       font-weight: 700;
}
.title span{
    width: 346px;
    height: 30px;
    background:url(../images/bgtit.png) no-repeat top center;
    display: block;
    margin: 0 auto;
}
.content{
    float: left;
    width: 100%;
    clear: both;
}
.product-list{
    float: left;
    width: 100%;
    clear: both;

}
.product{
    float: left;
}
.productbox{
    float: left;
    width: 100%;
    clear: both;
    margin-top: 15px;
    margin-bottom: 15px
}
.product-img{
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    border: 1px solid #ddd;
}
.product-images{
    width: 100%;
}
.product-images img{
    width: 100%;
}

.product-price{
    position: absolute;
    right: 0px;
    bottom: 0px;
    background:url(../images/bgprice.png) no-repeat top right;
    display: block;
    background-size: cover;
    min-width: 167px;
    min-height: 40px;
    text-align: center;
    padding-top: 10px;

    line-height: 20px;
    color: #fff;

    
}
.footermap iframe{
    width: 100% !important;
    height: 180px !important
}
#map iframe{
    width: 100% !important;
    height: 450px !important
}
.product-price span{
    font-weight: 600;
    font-size: 18px;
}
.product-overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 80%;
    left: 0;
    transition: all 0.7s ease;
    background: rgba(0, 0, 0, .50);
    opacity: 0;
}
.product-img:hover .product-overlay {
    top: 0%;
    opacity: 1;
}
.product-overlay .box-overlay {
    display: table;
    height: 100%;
    width: 100%;

}
.box-overlay-center{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.box-overlay-center a{
    border: 2px solid #fff;
    color: #fff;
    padding: 8px 15px;
    font-weight: 400;
}
.box-overlay-center a:hover{
    background: #fff;
    color: #333;
}
.product-name{
    float: left;
    width: 100%;
    clear: both;
    padding-top: 15px;
    padding-bottom: 10px;
}

.product-name h3 a{
    color: #333;
    font-weight: 600;
    text-transform: uppercase;
}
.product-des{
    float: left;
    width: 100%;
    clear: both;

}
.product-des p{
    line-height: 18px;
    margin-bottom: 0px;
    font-weight: 400;
    color: #333;

}
#gallery{
    float: left;
    width: 100%;
    clear: both;
    padding-top: 40px;
    padding-bottom: 20px;
    background: #ef1c22;
}
#gallery .title h2 a{
    color: #fff;
}
#gallery .title span{
      background:url(../images/bgtit-white.png) no-repeat top center;
}
.gallery-list{
    float: left;
    width: 100%;
    clear: both;
    position: relative;
}
.gallery{
    float: left;
    position: relative;
    overflow: hidden;
}
.gallery-img{
    float: left;
    width: 100%;
    clear: both;
  width: 100%;
}
.gallery-img img{
    width: 100%;
    overflow: hidden;
    -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;
}
.gallery:hover .gallery-img img{
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}
.gallery-bottom{
    position: absolute;
    bottom: -100px;
    left: 0px;
    right: 0px;
    width: 100%;
    background: rgba(0, 0, 0, .50);
    z-index: 1;
        transition: all 0.7s ease;
    opacity: 0;
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 12px;
    padding-bottom: 12px
}
.gallery:hover .gallery-bottom{
      bottom: 0px;
      bottom: 0px;
      opacity: 1;
          
}
.gallery-name{
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 12px;
}
.gallery-name h3 a{
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}
.gallery-detail{
    float: left;
    width: 100%;
    clear: both;
}
.gallery-detail a{
    padding: 3px 10px;
    background: #afc746;
    display: block;
    float: left;
    color: #333;
    font-style:italic;
    font-size: 13px;
    font-weight: 600;
}
.gallery-name:hover h3 a{
    color: #ffee0a
}
.gallery-detail:hover a{
    background: #669B45
}
.gallery-list .owl-prev{
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    border-radius: 0px !important;
    z-index: 10;
    background: rgba(0, 0, 0, .70) !important;
    margin: 0px !important;
    outline: none !important;
}
#gallery .owl-prev i{
    color: #fff;
      padding-left: 15px !important;
    padding-right: 15px !important;
}
.gallery-list .owl-next{
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border-radius: 0px !important;
    z-index: 10;
    background: rgba(0, 0, 0, .70) !important;
    margin: 0px !important;
    outline: none !important;
}
#gallery .owl-next i{
    color: #fff;
      padding-left: 15px !important;
    padding-right: 15px !important;
}
.owl-carousel .owl-stage-outer{
    width: 100%;
    float: left;
}
#news{
    float: left;
    width: 100%;
    clear: both;
    padding-top: 40px;
    padding-bottom: 40px;
}
.news-list{
    float: left;
    width: 100%;
    clear: both;
}
.news{
    float: left;
}
.newbox{
    float: left;
    width: 100%;
    clear: both;
    margin-top: 15px;
    margin-bottom: 15px;
}
.newbox-img{
    float: left;
    width: 100%;
    clear: both;
    position: relative;
}
.newbox-img img{
        overflow: hidden;
    -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;
    width: 100%;
}
.newbox-img:hover img{
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}
.newbox-img .date{
    position: absolute;
    left: 0px;
    bottom: -16px;
    height: 32px;
    z-index: 1;
    background: #ef1c22;
    text-align: center;
    display: block;
    color: #fff;
    font-style: italic;
    font-size: 13px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 22px;
}
.newbox-name{
    float: left;
    width: 100%;
    clear: both;
    padding-top: 30px;
    padding-bottom: 8px;
}
.newbox-name h3{
    line-height: 18px;
}
.newbox-name h3 a{
    color: #333;
    font-size: 15px;
    font-weight: 600;
}
.newbox-des{
    float: left;
    width: 100%;
    clear: both;

}
.newbox-des p{
    line-height: 18px;
    color: #333;
   font-weight: 400;
}
.newbox-detail{
    float: left;
    width: 100%;
    clear: both;
    margin-top: 12px;
    text-align: right;
    padding: 5px;
    background: #f2f2f2;
     background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #444444 50%,
                                      #444444);
                   background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
}
.newbox-detail a{
    font-size: 13px;
    color: #333;
    font-style: italic;
}
.newbox-detail:hover{
    background-position: 0 0;
    color: #fff;
}
.newbox-detail:hover a{
    color: #fff !important
}
.partner-list{
    float: left;
    width: 100%;
    clear: both;
    position: relative;
}
#partner{
    float: left;
    width: 100%;
    clear: both;
    padding-top: 30px;
    padding-bottom: 30px;
}


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

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

}
#footer{
    float: left;
    width: 100%;
    clear: both;
    padding-top: 40px;
    padding-bottom: 30px;
    background: #333333;
}
.footer-title{
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative;
}
.footer-title:after{
    position: absolute;
    left: 0px;
    height: 2px;
    background: #fff;
    width: 60px;
    display: block;
    bottom: 0px;
    content: "";
}
.footer-title span{
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    font-size: 18px;
}
.footer-content{
    float: left;
    width: 100%;
    clear: both;

}
.footer-content ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.footer-content ul li{
    float: left;
    width: 100%;
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
}
.footer-content ul li a{
    color: #999;
}
.footer-content ul li:hover a{
    color: #fff;
}
#breadcrumb{
    float: left;
    width: 100%;
    clear: both;
    padding-top: 156px;
    padding-bottom: 0px;
    background: url(../images/bgx.jpg) no-repeat top center;
    background-size: cover;
    border-bottom: 1px solid #ddd;
}
.main-title{
    float: left;
    width: 100%;
    clear: both;
    text-align: center;
    margin-bottom: 5px;
}
.main-title h1{
    width: 80%;
    margin: 0 auto;
    font-size: 34px;
        line-height: 1.2em;
    text-transform: uppercase;
    font-weight: 800;
    color: #ef1c22;
    margin-bottom: 0px;
    -webkit-text-stroke: 1px #fff;
 
   text-shadow:
       1px 1px 0 #fff,
     -1px -1px 0 #fff,  
      1px -1px 0 #fff,
      -1px 1px 0 #fff,
       1px 1px 0 #fff;
}
.main-title span{
background: url(../images/bgtit.png) no-repeat top center;
}
.main-title span {
    width: 346px;
    height: 30px;
   
    display: block;
    margin: 0 auto;
}
.fan{
    float: left;
    width: 100%;
    clear: both;
}
.addthis_native_toolbox{
    float: left;
    width: 100%;
    clear: both;
}
#breadcrumb .leftul{
    float: left;
    width: 100%;
    clear: both;
    text-align: center;
}
#breadcrumb .leftul ul{
    float:left;
   


}
#breadcrumb .leftul ul li{
    display: inline-block;
}
#breadcrumb .leftul ul li a{
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}
#breadcrumb .leftul ul li.active a{
    font-weight: 600;
   color: #fff
}
#main{
    float: left;
    width: 100%;
    clear: both;
    padding-top: 30px;
    padding-bottom: 30px;

}
.main-left{
    float: left;
}
.wiget{

    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 20px;

     border-left:4px solid #ddd;
}
.wiget-title{
    float: left;
    width: 100%;
    clear: both;
     border: 1px solid #ddd;
    border-bottom: 2px solid #ddd;
    padding: 10px 15px;
    background: #f1f1f1;
   
}
.wiget-title span{
    color: #333;
    font-weight: 600;
    font-size: 16px;
}
.wiget-title span i{
    color: #3E872E
}
.wiget-content{
    float: left;
    width: 100%;
    clear: both;
    padding: 8px;
    background: #fbfbfb;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.wiget-content ul{
    float: left;
    width: 100%;
    clear: both;
    margin:0px;
    padding: 0px;
}
.wiget-content ul li{
    float: left;
    width: 100%;
    clear: both;

}
.wiget-content ul li a{
    color: #333;
    padding-top: 8px;
    padding-bottom: 8px;
    float: left;
    width: 100%;
    clear: both;

    border-bottom: 1px dashed #ddd;
}
.wiget-content ul li:hover a{
    color: #ef1c22
}
.wiget-content ul.da li a img{
    float: left;
    width: 70px;
    padding: 3px;
    background: #fff;
    margin-right: 8px;
}
.main-center{
    float: left;
    padding-left: 0px
}
.block{
    float: left;
    width: 100%;
    clear: both;

}
.block-title{
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 10px;
    border-bottom: 2px solid #ddd;
    padding-bottom: 17px;

}
.block-title h2{
    font-weight: 600;
    color: #3E872E;
    text-transform: capitalize;
}
.block-content{
    float: left;
    width: 100%;
    clear: both;

}
.block-content .noidung{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.block-content .mota{
    float: left;
    margin-top: 10px;
    width: 100%;
    margin-bottom: 20px;
    padding: 12px;
    background: #f9f9f9;
    border: 1px dashed #3E872E;
    font-weight: 600;
    border-radius: 3px;
}
.phantrang{
    float: left;
    width: 100%;
    clear: both;
    text-align: center;
}
.phantrang ul{
    margin: 0 auto
}
.detail-left{
    float: left;
    width: 50%;
    margin-right: 2%;
}
.detail-left .app-figure{
    float: left;
    width: 100%;
}
.detail-left .app-figure img{
    width: 100%;
}
.zoom-left{
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 12px;
}
.zoom-right{
    float: left;
    width: 100%;
}
.item_zoom{
    float: left;
    width: 80px;
    margin-right: 5px;
    border: 1px solid #f3f3f3
}
.detail-right{
    float: left;
    width: 48%;
}
.detail-list {
    float: left;
    width: 100%;
    clear: both;
    border-bottom: 1px solid #efefef;
}
.gia {
    color: #e02020 !important;
    text-transform: none !important;
    font-size: 20px;
    font-weight: 600 !important;
}
.detail-list h3 {
    font-size: 16px;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 15px;
}
.detail-list p{
        font-size: 14px;
    font-weight: 400;
    
        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:#669B45;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#669B45),to(#AFC746));background:-webkit-linear-gradient(top,#45803B,#669B45);background:-moz-linear-gradient(top,#45803B,#669B45);background:-ms-linear-gradient(top,#45803B,#669B45);background:-o-linear-gradient(top,#45803B,#669B45);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:#45803B;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#45803B),to(#669B45));background:-webkit-linear-gradient(top,#669B45,#45803B);background:-moz-linear-gradient(top,#669B45,#45803B);background:-ms-linear-gradient(top,#669B45,#45803B);background:-o-linear-gradient(top,#669B45,#45803B);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  
}
.detail-list h3 a {
    color: #333;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}
.orther{
    float: left;
    width: 100%;
    clear: both;
    margin-top: 25px;
}
.detail-content{
    float: left;
    width: 100%;
    clear: both;
    margin-top: 30px;
}

.events{
    float: left;
    width: 100%;
    clear: both;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px dashed #ddd;
}
.events-img{
    float: left;
    width: 22%;
    margin-right: 3%;
}
.events-list{
    float: left;
    width: 100%;
    clear: both;
}
.events-img img{
    border-radius: 8px;
}
.events-right{
    float: left;
    width: 75%;
}
.events-name{
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 10px;
}
.events-name h3{
    margin:0px;
    padding: 0px;
    font-size: 20px;
    line-height: 24px;
}
.events-name h3 a{
    color: #34771c;

    font-weight: 700;
}
.events-des{
    float: left;
    width: 100%;
}
.events-des p{

    margin-bottom: 10px;
}
.events-detail{
    float: left;
    width: 100%;
    clear: both;
}
.events-detail a{
    font-size: 13px;
    color: #734898;
    font-weight: 600;
}
.events-detail a{
    color:#5ea046;
    font-weight: 700;
}
.dform .input-group{
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 12px;
}
.input-group-addon{
    min-width: 40px;
}
.hinhanhdetail .gallery-bottom{
    bottom: 0px !important;
    opacity: 1 !important;
        padding-right: 12px !important;
    padding-left: 12px !important;
}
.hinhanhdetail .gallery{
    margin-top: 15px;
    margin-bottom: 15px;
}
.gallery-item{
    margin-bottom: 30px;
    float: left;
    width: 100%;

}
.product-des{
	min-height:36px;
}
.product-name h3{
	min-height:48px;
}