@font-face {
font-family: knul;
src: url(//bizweb.dktcdn.net/100/062/789/themes/138864/assets/robotoslab-regular.ttf?1470730931727);
}
@font-face {
font-family: knul;
font-weight: bold;
src: url(//bizweb.dktcdn.net/100/062/789/themes/138864/assets/robotoslab-bold.ttf?1470730931727);
}


@font-face {

    font-family: 'itdaklak';
    src: url('fonts/VNF Rex Light.eot'),
    url('fonts/VNF Rex Light.ttf');

}

body 
{
  font-family: arial;
}

.container
{width: 960px;}
.head-top
{padding: 10px;font-family: knul;color: #fff;background: darkgreen;}
.box-head
{background-size: 100%;}
.logo-box
{position: relative;bottom: -110px;left: 50px;}
.logo-box img 
{
  border-radius: 10px;
}
.logo-box .marquee
{



border: 1px solid #c9c9c9;
padding: 4px 5px 4px 5px;
margin: 5px 5px;
border-radius: 5px;
}
.box_op
{
  text-transform: uppercase;
  text-align: center;
  color: #1d8f00;
  margin: 0px;
  padding-bottom: 14px;
  font-weight: bold;
  font-family: 'Roboto Condensed',sans-serif;
}
.tel-hot
{
vertical-align: top;
background-image: url(../images/ico_telephone.gif);
background-repeat: no-repeat;
width: auto;
min-height: 77px;
min-width: 200px;
position: absolute;
top: 15px;left: 14%;
padding: 10px 0 0 80px;}
#online {position: absolute;background-color: #115600;min-width: 104px;top: 26px;right: 80px;padding: 10px;left: 47px;border-radius: 20px;}
#online a 
{
color: #fff;
}
.box-logo img
{
width: 100px;
}

.menu-nav
{background: #1d8f00;font-family: itdaklak;}
.button.blue
{
background-color: darkgreen;
color: #FFF;
border: 0px;
border-radius: 0px;
padding: 10px 53px;
margin-top: 10px;

}
.box-tintuc
{height: 193px;text-align: center;}
.box-tintuc img
{width: 32%;height: 101px;border-radius: 87%;text-align: center;}
.box-dv img
{width: 43%;height: 144px;margin-top: 1px;float: left;padding-right: 18px;}
.box-title 
{font-size: 16px;color: #1d8f00;font-family: knul;}
.box-tomtat
{
height: 36px;
display: block;
overflow: hidden;
font-style: normal !important;
color: #000 !important;
}
.box-foote 
{
  margin: 0px;
  padding: 0px;
  text-transform: uppercase;
  font-size: 17px;
  font-weight: bold;
}
.box-dv
{
  height: 160px;
  overflow: hidden;
}
.box-dv h3 
{font-size: 16px;margin: 9px;font-family: knul;}
.box-news-contain
{
width: 100%;
clear: both;
}
.box-news-contain li
{
list-style: none;
clear: both;
margin-top: 10px;
border-bottom: 1px solid #ddd;
min-height: 190px;
}
.box-img-news 
{
height: 175px;
box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.2);
margin-right: 26px !important;
}
.tieu_de_tin_tuc
{
font-size:19px;
font-family: 'Roboto Condensed',sans-serif;
}
.tieu_de_chi_tiet_tin_tuc h1 
{
border-left: 3px solid #00aba5;
color: #00aba5;
font-size: 20px;
margin-top: 0;
padding-left: 10px;
}
.content_right_title
{
background: #5a5a5a;
color: #fff;
font-size: 16px;
margin: 18px 0;
padding: 10px;
}
/*entry */
.entry-meta {
width: 58px;
border: 1px solid #ededed;
text-align: center;
position: absolute;
left: 0;
padding: 10px 0px 0px;
border-radius: 0px 0px 7px 7px;
}

.socil
{
  border-radius: 38px;
  width: 27px;
}
.entry-meta .entry_format {
display: inline-block;
font-style: normal;
font-weight: normal;
font-size: 30px;
line-height: 32px;
text-align: center;
text-decoration: inherit;
border-radius: 3px;
height: 32px;
position: relative;
color: #1d8f00;
}

.entry-meta .date {
border-top: 1px solid #ededed;
padding: 10px 0px 0px;
margin: 10px 0px 0px;
color: #acacac;
}
.entry_format img 
{
width: 18px;
height: 23px;
}
.comments span img
{
width: 18px;
height: 23px;
}
.entry-meta .date p {
line-height: 20px;
}

.entry-meta .comments {border-bottom: 3px solid #1d8f00;
display: block;
color: #ffffff;
padding: 5px 0px;border-radius: 0px;
background: #1d8f00;}
.dv-box
{padding: 12px 0;margin-bottom: 25px;margin-top: 12px;}
#header.slim {position: fixed;opacity: .97;top: -1px;z-index: 10;background-color: #1d8f00;width: 100%;}
footer
{
background: #1d8f00;
color: #ffffff;
}
.footer-bottom
{
padding-top: 10px;
}
.read 
{
background: none repeat scroll 0 0 #00aba5;
border-radius: 3px;
color: #fff !important;
left: 548px;
padding: 5px 10px;
}

.box-slider
{
width: 1100px !important;
}
.banner-slider
{
margin-top: 5px;
}
.box-nhan
{
width: 350px;
height: 180px;
}
.product-inner
{
position: relative;
padding: 7px 7px 18px;
border: 1px solid #eeeeee;
}
.mo-ta 
{
margin-bottom: 10px;
}
.red-home
{
padding: 34px 0 30px;
background-color: #fbf9f9;
box-shadow: 0 1px 1px 1px rgba(200,200,200,0.5)
}

.box-heading{position:relative;height:40px;margin-bottom:30px}
.box-heading h2{margin:0;padding:6px 0 12px;font-family: knul;font-size:18px;font-weight:700;color:#111;}
.box-heading h2::before{content:"";position:absolute;bottom:0;display:block;width:80px;height:3px;background-color:#5dbe59}


.socail
{
list-style: none;
margin: 0px;
padding: 0px;
}
.socail li 
{
float: left;
padding: 3px;

}
.box-head
{}
.menu-mobile
{
display: none;
}


.text-sales {
  position:absolute;
  background:url(../images/sale-off-icon.png) no-repeat top left;
  width:52px;
  height:52px;
  font-size: 15px;
  color: #fff;
  padding-top: 8px;
  right:0;
}
.btn-order {
  background:url(../images/btn-order.png) no-repeat top left;
  width:100px;
  height:32px;
  color:#fff;
  position: absolute;
  top: 70px;
  left: 62px;
  line-height:32px;
  display:none;
  cursor:pointer;
  text-align: center;
}
 .btn-order a {
  display:block;
  color:#fff;
  font-size:13px;
}
.span12:hover .btn-order{
  display:block;
}
.name {
  height:60px;
  overflow:hidden;
}
/* link */

.align-l {text-align: left!important;}
.align-r, 
.align-r h6 {text-align: right!important;}
.list li {
    border-bottom: 1px solid #333333;
    padding-bottom: 19px;
    margin-bottom: 17px;
    width: 99%;
}
.list li .fa {
    color: #333333;
    font-size: 20px;
    padding-top: 2px;
    padding-right: 20px;
}
.list, .list-1{
    list-style: none;
}
.list, .list-2, .list-3, .list-5 {
    position: relative;
    overflow: hidden;
    text-align: left;
}

.border-none {
  background: #d8d3cb;
  padding: 9px 22px 10px;
}
.border1, .border2, .border3 {
    width: 400px!important;
    background: #1d8f00;
    height: 16px;
    position: relative;
    overflow: hidden;
    margin-bottom: 19px;
}
.top-head
{
  background: #f1f1f1;
  height: 300px;
}