* { padding: 0; margin: 0 }
a, a:hover { text-decoration: none; }
.fl { float: left }
.fr { float: right }
img { max-width: 100%; width: auto; height: auto }
p, h1, h2, h3, h4, h5, h6, ul { margin: 0; }
.bold { font-weight: 600 }
.red { color: red }
.upper { text-transform: uppercase }
.italic { font-style: italic }
.cl { clear: both; }
.flex{display: flex;}
a.lichome{ color: #fff}
a.lichome:hover{ text-decoration: underline}
@font-face { font-family: rr; src: url(../font/Roboto-Regular.ttf); }
@font-face { font-family: rb; src: url(../font/Roboto-Bold.ttf); }

@font-face { font-family: gl; src: url(../font/GilroyL.otf); }
@font-face { font-family: gb; src: url(../font/GilroyB.otf); }

body { background: #fff; color: #000; font-size: 13px; line-height: 150%;font-family: rr }
.header-top { width: 100%; background: #34892b;padding:8px; color:#fff;font-size: 15px;font-family: gl}
.mail , .hotline{float: right;}
.hotline{padding: 0px 10px;border-right: 1px solid;}
.mail{margin-left: 10px}
/*menu*/
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none }
.navbar-default { border: none; background: none; margin-bottom: 0; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { background: none; color: #ed5c1b }
.menu { font-size: 15px;margin-top: 10px}
.navbar-default .navbar-nav>li>a { color: #000; font-size: 15px; text-transform: uppercase; padding: 10px 15px;letter-spacing: 0.02em;font-weight: bold;}
.navbar-default .navbar-nav>li>a:hover { color: #ed5c1b }
.dropdown-menu li { padding: 8px; border-bottom: 1px dotted #ccc }
.dropdown-menu li:hover { background: #ed5c1b }
.dropdown-menu>li>a:hover { background: #ed5c1b; color: #fff }
.menu-right{margin-top: 15px}
.search form{float:right;margin-top:-45px;position:relative;}
.search form input{width:0px;line-height:32px;text-indent:10px;outline:none;position:absolute;top:0;right:32px;border-right:0;transition:all .3s;-webkit-transition:all .3s;border:none;background:#eee;}
.search form button{float:left;width:32px;text-align:center;background:transparent;outline:none;border-left:0;transition:all .3s;-webkit-transition:all .3s;border:none;}
.search form button i{color:#34892b;line-height:32px;font-size:21px;}
.search form:hover input {width: 200px; border-color: #ddd;}
.top_page .search form:hover button {border-color: #ddd;}
/*end menu right*/
/*Session*/
.td-menu{width:100%;background:#34892b;padding-left:10px;color:#fff;border-bottom:1px solid #fff;padding:10px 15px;}
.td-menu h2{background:url(../images/bg-tdmn.png) center left no-repeat;padding-left:30px;padding-top:6px;padding-bottom:6px;font-size:16px;font-weight:bold;text-transform:uppercase;}
.dm-sp ul li{padding-left:5px;list-style:none;background:#34892b;border-bottom:1px solid #fff;padding:10px;line-height:22px;}
.icon-dm{margin-right:15px;margin-left:5px}
.dm-sp ul li a{color:#fff;}
.dm-sp ul li:hover{background:#24681c;transition:all 0.6s ease 0s;}
.menu-left{padding-right: 0px}
.tai-sao .row{margin-right: 0px;margin-left: 0px}
.tai-sao img{float: left;}
.tai-sao .col-sm-3{padding:30px 35px;border: 1px solid #eee;margin-top: 10px;text-align: center;}
.tai-sao .col-sm-3 p{font-size: 14px;margin-top: 10px;font-weight: bold;}
.tieude{display: flex;margin-top: 50px}
.tieude h2{margin:0 15px;text-transform: uppercase;font-family: rb}
.tieude b {display: block;-ms-flex: 1; flex: 1;height: 2px;background-color:#ed5c1b;margin-top: 15px}
.box-sp{margin-top: 25px;font-family:gl}
.box-sp img{height: 250px}
.box-sp h2{font-size: 17px;margin-top: 12px;margin-bottom: 12px;color: #000;}
.box-sp p{color: #f40b0e;font-size: 16px}
.mx{display: inline-flex;}
.mua, .xem {border: 1px solid #a0a0a0; padding: 8px 21px;font-size: 16px;margin-top: 15px;text-transform: uppercase;}
.mua a, .xem a{color: #000}
.du-an{text-align: center;}
.nav-tabs{border:none}
.navbar-toggle{margin-right:0}
.nav-tabs>li>a {border: none; background: none; color: #000;}
.nav-tabs {font-size: 16px; text-transform: uppercase; margin-top: 20px}
.nav-tabs>li.active>a { border: none; color: #000; padding: 10px }
.nav-tabs>li { display: inline-flex; float: none;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{border: 1px solid #eee;
    background: #f3572e;
    color: #fff;
    border-radius: 0;
    padding: 6px 20px;
    }
.nav>li>a:hover, .nav>li>a:focus { background: none; }
.nav-tabs>li>a:hover { color: #000;text-decoration: underline;border-radius: 0;    border: 1px solid #eee; }
.nav-tabs>li>a {
    border: 1px solid #eee;
    background: #f7f7f7;
    color: #000;
    border-radius: 0;
    padding: 6px 20px; font-size:13px;
}
.tab-pane{margin-top: 20px}
.tab-pane h2{background:#000;margin-top:-38px;position:relative;opacity:0.7;padding:10px;text-align:left;}
.tab-pane a{font-size:15px;opacity:1;color:#fff;font-family:gl;text-transform:uppercase;}
.tab-pane .fa{color: #fff;font-size: 18px;margin-left: 15px}
.tab-pane img{height: 270px;width: 100%}
.tab-pane .col-sm-4{margin-bottom: 25px}

.box-tin{margin-top: 30px}
.txt-tt{border-bottom: 1px solid #f3572e;padding: 5px 0px;}
.txt-tt h2{text-transform: uppercase;font-family: rb;font-size: 30px}
.menu-them{display: flex;float: right;margin-top: -25px;font-size: 16px;color: #757575}
.tin-th .fa, .tin-moi .fa{margin-left: 3px}
.menu-them a{color: #757575}
.tin-moi{margin-right: 15px;}
.ngay .fa, .luotxem .fa{margin-right: 5px}
.box-tintuc{line-height: 2;margin-top: 25px;text-align: justify;}
.box-tintuc a{color: #000}
.box-tintuc .col-sm-5{margin-bottom: 15px}
.box-tintuc h2{font-size: 16px;font-weight: bold;margin-bottom: 5px}
.box-tintuc img{width: 100%}
.ngay{margin-right: 15px}
.box-tintuc iframe {height: 430px;width: 100%}

.nbs-flexisel-container{position:relative;max-width:100%;}
.nbs-flexisel-inner{overflow:hidden;float:left;width:100%;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.nbs-flexisel-ul{position:relative;width:99999px;margin:0px;padding:0px;list-style-type:none;text-align:center;}
.news-index .nbs-flexisel-item{height:auto;line-height:140%;border:none;}
.nbs-flexisel-item{float:left;margin:0px;padding:0px;cursor:pointer;position:relative}
.dichvu-nd .nbs-flexisel-nav-left{left:0px;width:50px;height:35px;background: url(../images/left.png) no-repeat}
.dichvu-nd .nbs-flexisel-nav-right{right:-18px;width:50px;height:35px;background: url(../images/next.png) no-repeat}
.nbs-flexisel-nav-left{left:-20px;background:url(../images/button-previous.png) no-repeat;}
.nbs-flexisel-nav-left,.nbs-flexisel-nav-right{width:22px;height:22px;position:absolute;cursor:pointer;z-index:100;opacity:0.5;}
.box-kh img{border: 1px solid #d9d9d9;border-radius: 5px; width: 169px; height: 120px}
.dichvu-nd{margin-top: 30px}
/*End Session*/
.float-left {
    float: left !important;
}
.float-right {
    float:right !important;
}
.clearfix{
	clear:both;
	display:block;
}
.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.shopping-cart {
    margin-top: 20px;
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}
.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125);
}
.font-weight-bold {
    font-weight: 700 !important;
}
/*cart*/
.quantity {
    float: left;
    margin-right: 15px;
    background-color: #eee;
    position: relative;
    width: 80px;
    overflow: hidden
}

.quantity input {
    margin: 0;
    text-align: center;
    width: 15px;
    height: 15px;
    padding: 0;
    float: right;
    color: #000;
    font-size: 20px;
    border: 0;
    outline: 0;
    background-color: #F6F6F6
}

.quantity input.qty {
    position: relative;
    border: 0;
    width: 100%;
    height: 40px;
    padding: 10px 25px 10px 10px;
    text-align: center;
    font-weight: 400;
    font-size: 15px;
    border-radius: 0;
    background-clip: padding-box
}

.quantity .minus, .quantity .plus {
    line-height: 0;
    background-clip: padding-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-background-size: 6px 30px;
    -moz-background-size: 6px 30px;
    color: #bbb;
    font-size: 20px;
    position: absolute;
    height: 50%;
    border: 0;
    right: 0;
    padding: 0;
    width: 25px;
    z-index: 3
}

.quantity .minus:hover, .quantity .plus:hover {
    background-color: #dad8da
}

.quantity .minus {
    bottom: 0
}
.shopping-cart {
    margin-top: 20px;
}
.shopping2 {
    cursor: pointer;
    border: 0 !important;
    text-align: right;
    margin: 5px;
    color: #fff;
    height: 31px;
    width: 100px;
    background: url(../images/shopping.png) no-repeat top center;
}
/* Share Social */
#groupsocial{padding:10px 0 0; }
ul#sharesocial{margin:0;padding:0;list-style:none;}
ul#sharesocial li{display:inline-block;margin:0;padding:2px 5px;background:none;height:32px;width:32px}
ul#sharesocial li a{
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */     
}
ul#sharesocial li a.sharebutton{cursor:pointer;background-position:0 0;background-repeat:no-repeat;height:32px;width:32px;display:block;text-indent:-1000em}
ul#sharesocial li a:hover{backg/round-position:0 -32px;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s}
ul#sharesocial li a#facebook{background-image:url(../images/sharebutton/facebook.png)}
ul#sharesocial li a#googleshare{background-image:url(../images/sharebutton/googleshare.png)}
ul#sharesocial li a#twitter{background-image:url(../images/sharebutton/twitter.png)}
ul#sharesocial li a#myspace{background-image:url(../images/sharebutton/myspace.png)}
ul#sharesocial li a#zingme{background-image:url(../images/sharebutton/zingme.png)}
ul#sharesocial li a#printf{background-image:url(../images/sharebutton/printf.png)}
ul#sharesocial li a#blogger{background-image:url(../images/sharebutton/blogger.png)}
ul#sharesocial li a#linkhay{background-image:url(../images/sharebutton/linkhay.png)}
ul#sharesocial li a#banbe{background-image:url(../images/sharebutton/banbe.png)}
ul#sharesocial li a#vietnam{background-image:url(../images/sharebutton/vietnam.png)}

ul#likesocial{float:left;width:300px;margin:0;padding:0;list-style:none;}
ul#likesocial li{float:left;margin:0;padding:2px 3px;background:none;height:20px;width:80px}
/*Trang con*/
.td-danhmuc{text-transform:uppercase;border-bottom:1px solid #f4592b;font-weight:bold;font-size:26px;}
.td-danhmuc1{text-transform:uppercase;border-bottom:1px solid #f4592b;font-weight:bold;font-size:20px;margin-top: 30px}
.td-danhmuc1 h2{font-size: 24px}
.patch{padding: 10px;background: #f5f5f5;font-size: 15px;margin-top: 15px}
.patch .fa{margin-left: 10px}
.patch a{color: #4f4f4f}
.active{color: #f4592b !important}
.td-menu1{width:100%;background:#34892b;padding-left:10px;color:#fff;border-bottom:1px solid #fff;padding:10px 15px;border-top-left-radius:5px;border-top-right-radius:5px;}
.td-menu1 h2{background:url(../images/bg-tdmn.png) center left no-repeat;padding-left:30px;padding-top:6px;padding-bottom:6px;font-size:16px;font-weight:bold;text-transform:uppercase;}
.dm-sp1 ul li{padding-left:5px;list-style:none;background:#fff;border: 1px solid #eee;;padding:10px;line-height:22px;}
.danhsach{margin-top: 30px}
.danhsach .col-sm-3{padding-right: 30px;}
.icon-dm{margin-right:15px;margin-left:5px}
.dm-sp1 ul li a{color:#000;font-size: 15px;}
.dm-sp1 ul li a:hover{color: #fff}
.dm-sp1 ul li:hover{background:#f4592b;transition:all 0.6s ease 0s;color: #fff}
.dm-sp1 .fa{margin-right:10px;margin-left:5px;}
.right{margin-bottom: 30px}
.right1{border: 1px solid #eee}
.right1 .td-menu1{background: #f4592b}
.box1, .box2{padding: 10px;border-bottom: 1px solid #eee;}
.box3 {padding: 16px;border-bottom: 1px solid #eee;}
.box3 a{float:right;margin-top:-8px;color:#1c7012;font-size:16px;}
.box1 img{width: 100%}
.box1 p, .box2 p{font-size:15px;margin-top:10px;margin-bottom:5px;text-align: justify;}
.box1 a, .box2 a{color: #000}
.giatien{color:#ff0000 }
.box4{padding: 5px;border-bottom: 1px solid #eee;}
.box4 img{width:100%}
.box4 a{font-size: 15px;color: #000;font-weight: bold;}
.phantrang{width:100%;margin-top:40px}
.pt{margin-left:30%}
.phantrang a{padding:10px 20px;margin-right:5px;border:1px solid #c1c1c1;float:left;height:40px;color:#c1c1c1;font-size:16px;}
.phantrang a:hover{background:#f4592b;color:#fff;}
.active1{background: #f4592b !important}
.active1 a{color: #fff !important}
.box-tintuc .col-sm-4{margin-bottom:30px;}
.td-baitin{color: #2f8625;font-size: 23px}
.td-baitin h2{font-size: 23px}
.thongke1{padding: 3px;background: #f7f7f7;margin-top: 10px}
.chitiet p{text-align: justify;font-size: 15px;line-height: 2;margin-top: 10px}
.ct-menu{background:#f7f7f7;padding:5px;margin-top:10px;}
.back, .mail1{margin-right: 50px}
.ct-menu .fa{margin-right: 5px}
.ct-menu a{color:#a0a0a0 }

/*Lienhe*/
.bando{margin-top: 25px}
.bando iframe{width: 100%}
.input-group{position:relative;display:table;border-collapse:separate;width:80%;margin-bottom:17px;padding-bottom:12px;margin:0 auto;border: none;}
.form-dangky{background:#f3572e;text-align: center;color: #fff;padding: 20px;margin-top: -70px;}
.td-lh h2{text-transform: uppercase;font-size: 24px;margin-top: 15px;margin-bottom: 15px;font-weight: bold;}
.td-lh p{font-size: 16px;margin-bottom: 15px}
.dangky{padding: 8px 25px;
    border: none;
    background: #307b26;
    font-size: 17px;
    text-transform: uppercase;}
.trangchu{padding: 8px 25px;
    border: none;
    background: #fff;
    font-size: 17px;
    text-transform: uppercase;
color: #000}
.input-group .form-control:first-child{border: none;}
/*======*/
#captcha_refresh {
    cursor: pointer;
    width: 30px;
    height: 30px;
    float: left;
    background: #f00 url(../images/refresh.jpg) no-repeat;
}
.refresh-contact {
    margin-left: 3px;
    margin-right: 3px;
}
.form-captcha {
    display: block;
    width: 50%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#captcha_image{float:left; padding-right: 5px}
/*=====*/
/*CT-SP*/
.td-ctsp h2{color:#2a801f;font-size:32px;}
.td-ct h2{font-size:22px;font-weight:bold;margin-top:25px}
.ctsp p{font-size:15px;margin-bottom:15px}
.gia{color:#f3572e}
.cdung{padding:10px 15px;background:#eee}
.cdung .fa{margin-bottom:10px;color:#3b8b2a;margin-right:5px}
.dat-hang{float:right;padding:10px 20px;background:#f3572e;color:#fff;text-transform:uppercase;}
.dat-hang:hover{color:#fff}
.box{background:#f8ebe5;padding-left:0px;padding:10px;margin-bottom:15px}
.box img{float:left;border-radius:20%;}
.nv1,.sdt{padding-top:15px;padding-left:67px;text-align:center;font-size:17px;}
.sdt{font-weight:bold;padding-top:5px}

.box-nv1{font-size: 17px}
.box-nv1 p{margin-bottom: 10px}
.box-nv1 .fa{margin-right: 5px}
.phone{font-weight: bold;margin-left: 15px}
.box1{background: #eee}
.cs{ font-size: 20px !important; font-weight: bold;}
.cdung{font-size: 16px !important}
.mota{color: #000}
.mota p{color: #000;line-height: 2}
.listproduct{border:none;padding:0px 15px;}
/*footer*/
.footer{color: #FBFFFB;margin-top: 40px;background: #307b26; }
.txt-ft{margin-top:40px;margin-bottom:30px;text-transform:uppercase;font-size:20px;}
.ft p{font-size: 14px;margin-bottom: 10px}
.ft a{color: #fff}
.ft .fa{margin-right: 12px}
.scrollToTop.show{opacity:1;}
.scrollToTop{position:fixed;bottom:80px;right:0px;z-index:9999;width:55px;height:55px;background:url(../images/back.png) no-repeat;transition:opacity 0.2s ease-out;opacity:0;}
.bottom{background: #1c7012;padding: 10px;color: #fff}
/*Endfooter*/
@media (min-width:768px) {
    .dropdow:hover .dropdown-menu { display: block }
}
@media (max-width: 767px)
{
.logo img{width:150px; height:auto}
.navbar{min-height:auto;}
.navbar-toggle{margin-top:-41px;}
.menu-right{margin-top: 0px}
header{position:fixed;z-index:99;top:0;left:0;width:100%;background: #fff}
.menu-bot{margin-top: 67px}
.menu-left{padding-right: 15px}
.tai-sao .col-sm-3 p{font-size: 11px}
.tai-sao .col-sm-3{padding:10px 5px;}
.box-sp img{height: auto;}
.box-sp{text-align: center;}
.nav-tabs>li>a{margin-bottom: 15px}
#jssor_1{width: 100% !important}
.ctsp{padding-bottom: 15px}
.nav-tabs>li>a, .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{padding: 6px}
.pt{margin-left: 10%}
}
@media (min-width: 768px) and (max-width: 1024px)
{
.navbar-default .navbar-nav>li>a{font-size: 13px;padding: 10px 6px}
.dm-sp ul li{padding: 5px}
.td-menu h2{font-size: 11px;padding-bottom: 0px;padding-left: 25px}
.tai-sao{display: none;}
.box-sp img {height: 130px;width: 100%;}
.mx{display: none;}
.tab-pane h2{margin-top: -54px}
.tab-pane img{height: 215px}
.danhsach .col-sm-3{display: none;}
.danhsach .col-sm-9{width: 100%}
.box{display: none;}
.ctsp{width: 70%;margin-left: 25px}
.td-ctsp h2{font-size: 28px;margin-left: 25px}
.dat-hang{float: left;margin-top: 15px}
}

















        /*jssor slider loading skin spin css*/
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider arrow skin 106 css*/
        .jssora106 {display:block;position:absolute;cursor:pointer;}
        .jssora106 .c {fill:#fff;opacity:.3;}
        .jssora106 .a {fill:none;stroke:#000;stroke-width:350;stroke-miterlimit:10;}
        .jssora106:hover .c {opacity:.5;}
        .jssora106:hover .a {opacity:.8;}
        .jssora106.jssora106dn .c {opacity:.2;}
        .jssora106.jssora106dn .a {opacity:1;}
        .jssora106.jssora106ds {opacity:.3;pointer-events:none;}
        /*jssor slider thumbnail skin 101 css*/
        .jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;background:#000;}
        .jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;box-sizing:border-box;z-index:1;}
        .jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
        .jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
        .jssort101 .p:hover{padding:2px;}
        .jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
        .jssort101 .p:hover.pdn{padding:0;}
        .jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
        .jssort101 .pav .cv {border-color:#fff;opacity:.35;}
        .jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
        .jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.6;}
        .jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}