/* Global class */

.block {
    display: block;
}

.inline-block {
    display: inline-block;
    font-size: 15px;
}

.mg0 {
    margin: 0px;
}

.pd0 {
    padding: 0px;
}

@font-face {
  font-family: 'UTMCaviar';
  src: url('../fonts/UTMCaviar.eot');
  src: url('../fonts/UTMCaviar.woff') format('woff'),
       url('../fonts/UTMCaviar.ttf') format('truetype'),
       url('../fonts/UTMCaviar.svg#UTMCaviar') format('svg'),
       url('../fonts/UTMCaviar.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

.red{color:red;}


.nobold{font-weight:normal !Important}

.mgr5{margin-right:5px}
.table tbody a{color:#337ab7}
.btn-success,.btn-primary {
    color: #fff !important; 
}

.btn i {
    margin-right:7px
}

/* body, html */
body {
   
    color: #333;
    margin: 0;
    padding: 0;
    position: relative;
    background: #f2f2f2;
  font-family: 'Roboto Condensed';
 font-size:15px;
}

a:link, a:hover, a:focus, a:active, a:visited {
    text-decoration: none;
    color: inherit;cursor:pointer;
}

a:hover {
    color: #e5c145 ; 
}

img {
    max-width: 100%;
}

.toplist{ line-height:40px;margin-left:30px}
.toplist i{margin-right:7px}

header {background: #fff;
    box-shadow: 0 4px 5px #ccc;
    -webkit-box-shadow: 0 4px 10px #ccc;
    -moz-box-shadow: 0 4px 10px #ccc;
    -khtml-box-shadow: 0 4px 10px #ccc;
    border-bottom: 1px solid #ddd;
    margin-bottom:7px;
    position:relative;
}

.sitename{    font-weight: bold;    font-size: 48px;}
.hrmain{border-top:2px solid #ddd}

.logo{margin:10px   0;}
.logo img{display:block;}
.logo .text{ padding-top:15px}
.logo .text h2{font-size:16px; color:#373737; margin:0 0 10px 0}
.logo .text h1{font-size:24px; color:#7d4c25; margin:0px;font-weight:bold; }
.logo .text .slogan{font-size:13px; color:#3c3c3c;margin:4px 0 0px 0; letter-spacing:0px; }
.h2home{margin-top:0px; text-align:center; letter-spacing:7px; color:#666; font-size:24px; padding-bottom:20px}

#topbar{background:#1c8c47; height:35px;}
#topbar ul{margin:0px !Important}

#topbar .hotline{padding:0px; color:#fff; line-height:35px; display:none;}
#topbar a{color:#fff; font-size:12px}
#topbar a i{margin-right:5px}
.heading-wrp{margin-top:0px}

.shopping-cart{font-size:12px; border:1px solid rgba(255,255,255,0.5); padding:5px 10px; border-radius:4px; }

.spctlist {
    list-style: none;
    padding: 0; 
    text-align:center;
    width:100%; margin:auto;
}

.spctlist li{display:inline-block;}

.navbar {
    margin-bottom: 7px;
    min-height: 35px;
}

.sociallist li{color:#fff}
.sociallist li a{color:#faf91c !important}

.navbar-default {
    border: none;   
    border-radius:0px;
    margin:0px 0 0;background:none;
}
    .navbar-nav{width:100%; }
    .navbar-nav > li{float:none; display:inline-block; }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: none;
        padding: 0px;
    }

        .navbar-default .navbar-collapse li {
            margin-right: 1px;
        }

            .navbar-default .navbar-collapse li > a {
                color: #666;
                padding: 0px 15px;
                font-size: 17px;
                line-height:90px;text-transform:uppercase;
            }
      
            
          .navbar-default .navbar-collapse > .nav> li:last-child > a{border:none}

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li:hover > a {
        color: #35B218;
        background:none;
    }

   .navbar-default .navbar-nav > li:hover > a{
        background:#f2f2f2 !important;
    }

    .navbar-default .navbar-nav li.dropdown .dropdown-menu {
        border-radius: 0px;
      
    }
    .navbar-default .navbar-collapse li:first-child > a{}


    .navbar-default .navbar-collapse li .dropdown-menu {
        min-width: 250px;
        border: none;
        padding: 0px;
        background:#f2f2f2;
    }

        .navbar-default .navbar-collapse li .dropdown-menu > li {
            border-bottom: 1px dotted #ddd;
           
        }

            .navbar-default .navbar-collapse li .dropdown-menu > li:last-child {
                border: none;
            }

            .navbar-default .navbar-collapse li .dropdown-menu > li > a {
                color: #333;
                font-weight: normal;
                 border-right:none;
                 text-transform:none; font-size:13px; padding:3px 10px;  line-height:30px;
            }

    /* level 3*/
    .navbar-default .navbar-nav li.dropdown .dropdown-menu li .dropdown-menu {
        left: 248px;
        top: -3px;
    }


.slul {
    border-bottom: 1px solid #ddd
}
.sl-item{ border-radius:50%; border:1px solid #ddd;width:160px; height:160px;margin:40px 30px;overflow:hidden}
.sl-item .num{font-size:60px; color:#37b24a;line-height: 100%;    margin:30px 0 0 0;}
.sl-item .smaller{font-size:42px;margin-top:48px}
.sl-item .text{font-size:18px; color:#3a3a3a}

.homeproducts{list-style:none;padding:0px;margin:30px 0;text-align:center;}
.homeproducts li{display:inline-block; width: calc(33% - 4px);text-align:center}
.homeproducts li .product-item{max-width:90%; margin:auto}
.homeproducts li .product-item p{color:#888;margin-bottom:20px}
.spcct{margin:10px 0 20px 0}
.btn-xt{background:#d8a60d; padding:7px 25px; border-radius:4px; margin-top:10px}
.btn-xt:hover{background:#37b24a}
.btn-green{background:#bb3026;color:#fff !important;  font-size:11px}

.spctt p{margin-bottom:20px}

.homeproducts li .product-item .img{border-radius:100%; overflow:hidden;width:250px; height:250px;border:6px solid #ddd;margin:0 auto 20px auto}
.homeproducts li .product-item .img img{    width: 110% !important;
    max-width: 110%;
    margin-left: -5%;
    margin-top: -5%;}
.homeproducts li .product-item h4 a{color:#37b24a}

.spctt{margin:30px 0;
}
.spctt .img{margin-bottom:15px;display:block; position:relative;}
    .spctt .img .ab-price, .product-item .img .ab-price {
        position: absolute;
        bottom: 0px;
        right: 0px;
        padding: 4px 15px;
        background: red;
        color: #fff;
        font-weight: bold;
        border-top-left-radius: 5px;
    }
.spctt h4{font-size:18px; text-align:center; font-weight:bold}
.spctt h4 a{color:#222;}
.main{min-height: calc(100vh - 358px)}

#image-gallery img{width:100%}

.phithamkhao{font-size:12px !important; font-style:italic !important; font-weight:normal !important}

.popup{position:fixed; background:rgba(0,0,0,0.8); top:0px; left:0px; width:100%; height:100%; z-index:1000}
.popup .fa-close{color:#fff ; font-size:34px; margin:30px 0 10px 0; cursor:pointer}
.popup .fa-close:hover{color:red !important}

.mgb20{margin-bottom:20px}

.date-bar {
    background: #ddd;
    height: 40px;
    margin-bottom: 7px;
}

    .date-bar .date {
        line-height: 40px;
        padding-left: 7px;
        font-style: italic;
    }

.hotline{font-size:14px;color:#444;padding-top:35px;
}
.hotline i{margin-right:7px; font-size:15px}

.form-search {
    margin: 2px 2px;position:relative
}

    .form-search .form-control {
        background: none;
        border: none;
            box-shadow: none; color:#fff;
    }

.form-search ::-webkit-input-placeholder {
    font-size: 11px;
    font-style: italic;
    color: #fff;
}

.form-search .btnsearch {
    background: url(../images/search-btn.png) no-repeat;border:none;outline:none;position:absolute; top:0px; right:0px;
   width:101px; height:50px;
}

.menuseachbtn{background: none;
    border: none;
    height: 35px;
    padding: 0 10px;
    color: #7d4c25;}

.menuseachbtn i{font-size:14px}

.flaglist{line-height:34px;}


.comment iframe,.fb-comments ,.fb-comments  span{max-width:100% !important}
.sociallist{
    margin-top:5px;
}
.sociallist .ico{line-height:35px}
.sociallist .ico i{color:#fff; font-size:12px; margin-top:9px}
.sociallist .ico:hover i{color:#e5c145}

.nav  .ico{border-radius:100%; background:#888; text-align:center;display:block;  height:35px; width:35px ; float:left; margin-right:7px}
.nav .ico i{color:#fff; font-size:15px; margin-top:11px}

.saletag{color:#111; font-weight:normal;margin-left:10px}
.saletag .fa{color:#e07762}

.oldprice{text-decoration:line-through;font-size:12px;color:#999 !important}
.banner-item {
    margin-bottom: 5px;
    border: 1px solid #eee;
}

.topbanner-item{text-align:center}
.topbanner-item .img{ margin-bottom:20px; display:block}
.topbanner-item .title{font-size:18px;font-weight:bold; color:#666 }
.topbanner-item .ovv{color:#999 }

    .banner-item img {
        width: 100%;
        display: block;
    }

    .file-custom{background:#eee; border-radius:4px; padding:10px; width:60px; height:60px; color:#666; line-height:45px; cursor:pointer; text-align:center}
.file-custom i{font-size:21px}
.file-custom:hover{background:#ddd}

.submenu{background:#84a933; }
.submenu ul li a{color:#fff; line-height:45px; font-size:16px; padding:0px 40px 0 0}
.submenu ul{margin:0px; padding:0px}

.hotrolist{list-style:none; padding:0}
.hotrolist li{margin-bottom:10px; font-size:15px}
.tkol p{margin-bottom:0px;font-size:11px}
.tkol strong{color:darkslategrey}

.iconBig i{font-size:32px; color:#fff; margin-top:20px}
.iconBig li{margin-right:20px}
.iconBig i:hover{color:#e68133}
footer {
    padding: 15px 0 15px 0; font-size: 13px; background:#333333; color:#fff
}

    footer p {
     margin-bottom:5px
    }

        footer p a:hover {
            color: #f5c96c;
        }
       
.mainhd{position:relative}
.mainhd .absl{position:absolute; top:20px; right:0px; max-width:300px;font-size:13px}
.mainhd .fa-shopping-basket{font-size:32px;}
.mainhd .absl ul{}
.mainhd .shopping-num {text-align:left; }
.mainhd .shopping-num a{color:#008a25}

.home-banner{margin:0 0 20px 0; overflow:hidden; position:relative}
.home-banner .ovl{padding:7px 0; background:rgba(1,19,51,0.7); color:#fff; position:absolute; left:0px;bottom:0px;width:100%; text-align:center;font-weight:bold; text-transform:uppercase}
.home-banner img{margin:auto;display:block;width:100%}

.mgt30{margin-top:30px}

.mytabcontent{padding-top:20px}

.article-body h1 {
    font-size: 24px;
    font-weight: bold;
}

.section-title {
    position: relative;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
   
}
.section-title-main{ padding:0 20px;}

.section-title b {
    display: block;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 2px;
    opacity: .1;
    background-color: currentColor;
}


.hutr{font-weight:bold; text-align:center; font-size:30px; color:#000; margin-top:25px}
.hutr .hi{color:#007f4b}
.hutr .up{color:#e5c145}

.slide{margin:10px 0 0 0}
.slide img{width:100%}

.map{margin-bottom:-10px}

.subinfo{background:#282828; padding:20px 0; color:#fff}
.subinfo a{color:#fff}
.subinfo h4{font-size:18px;font-weight:bold;font-family:Arial;margin-bottom:20px}


.dh-btn{background:#e07762; color:#fff;border:none}
.dh-btn:hover{background:#888}
.txtAmount{text-align:center;border-radius:3px;box-shadow:none; border:1px solid #ddd; padding:7px 10px;margin:0 0}

.dh-btdiv{ width: 100%; text-align: center; background: #eee; color: #333; font-size: 17px; text-transform: uppercase; line-height: 35px; margin: 85px 0;padding:5px 0}

.product-detail strong{font-weight:normal; color:#df3c1d;font-size:16px}

.col-detail .left{width: calc(100% - 250px); float:left}
.col-detail .right{ width:230px; float:right; margin-left:10px; padding-left:10px; border-left:1px solid #ddd;font-size:13px}

.box1000{width: 1000px; max-width:100% ;margin: auto}
.mbg0{margin-bottom: 0px !important}
.dathang-tbl{ margin-top: 10px; width: 100%; font-size: 13px; }
.dathang-tbl tr td:first-child{font-weight:bold;font-size:12px}
.dathang-tbl tr td .form-control{box-shadow:none; }
.dathang-tbl tr td {padding-bottom: 10px;font-family:Arial}

.productoderdetail-tbl{font-size: 12px; margin-bottom:0px}
.productoderdetail-tbl tr th{text-align: center; background: #fef7e7; border: none !important}
.productoderdetail-tbl tr td{text-align: center}
.productoderdetail-tbl tr td:nth-child(2){text-align: left}
.productoderdetail-tbl tr td:last-child{color:#7d4c25}
.comment{font-size: 13px}
.mybtndh2{padding: 10px 60px;height:35px;color:#fff !important;font-weight:bold; line-height: 35px;background: #e07762;font-size: 14px; text-transform: uppercase;border:none;outline:none; }
 
.mybtndh{padding: 0px 30px;height:35px;color:#111;font-weight:bold; line-height: 35px;background: #e07762; color: #fff;font-size: 14px; text-transform: uppercase;border:none;outline:none; }
.mybtndh:hover{color: #fff; background: #fec628 !important}

.mybtndhblue{background:none;font-size: 18px; font-weight: bold;padding: 10px 30px;color:#222;padding:0px }
.finaldh-btn{height: 35px; padding: 0 30px;  background: #008a25; color: #fff; text-align: center; border: none;outline: none;font-size: 16px;font-weight: bold}
.greybtn{background: #b7b7b7;height:35px;font-size:14px}
.greybtn:hover{color:#333}
.summarytotal{font-weight:bold;font-size:16px;margin:20px 0 10px 0}


.dhtc{width:575px; max-width:90%; margin:30px auto}
.dhtc .header{height:35px; line-height:35px; text-align:center; font-size:12px; color:#fff;font-weight:bold; text-transform:uppercase;background:#f9b528}
.dhtc .body{padding:50px;  font-size:16px; background:#fef7e7;text-align:center }
.vertical-align {
  display: flex;
  align-items: center;
  flex-direction: row;
}



.dlfile {
    color: #af0e00 !important;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}

    .dlfile i {
        margin-right: 7px;
    }

.pdl0 {
    padding-left: 0px;
}

.pdr0 {
    padding-right: 0px;
}

.fb-div{margin-top:20px}
.fb-div iframe{max-width:100% !important}
.category-list {
    margin:40px 0;
}

    .category-list .cat-item {
        margin-bottom: 15px;
    }
  

        .category-list .cat-item .header {
            line-height: 30px;
            padding: 15px 0px 7px;
            border-top: 1px solid #ddd;
        }

            .category-list .cat-item .header:before {
                display: block;
                content: '';
                background: #37b24a ;
                height:3px;
                margin-top: -18px;
                width: 30%;
            }


            .category-list .cat-item .header ul {
                margin: 0px;
            }

            .category-list .cat-item .header li {
                padding: 0px;
            }

                .category-list .cat-item .header li a {
                    color: #fff;
                    font-size: 10px;
                    padding: 0px;
                }

                .category-list .cat-item .header li:first-child a {
                    color: #333 ;
                    font-size: 18px;
                    padding-left: 0px;
                    font-weight: bold;
                }

                .category-list .cat-item .header li:first-child i {
                    color: #171717;
                    font-weight: normal;
                    font-size: 14px;
                    margin-left: 5px;
                }

                .category-list .cat-item .header li a:hover {
                    color: #af0e00;
                }

            .category-list .cat-item .header h4 {
                margin: 20px 0 0 0;
                padding: 0px;
            }

        .category-list .cat-item .body {
            padding: 7px 10px;
        }

            .category-list .cat-item .body .row {
                margin-left: -10px;
                margin-right: -10px;
            }

            .category-list .cat-item .body .first-article-item .img {
                margin: 0 0px 7px 0;
                display: block;
            }

                .category-list .cat-item .body .first-article-item .img img {
                    width: 100%;
                }

            .category-list .cat-item .body .first-article-item .title {
                font-size: 18px;
                font-weight: bold;
            }

            .category-list .cat-item .body .first-article-item .ovv {
                line-height: 150%;
            }

            .category-list .cat-item .body ul {
                clear: both;
                padding-left: 0px;
                list-style: none;
            }

                .category-list .cat-item .body ul li {
                    margin-bottom: 10px;
                      padding: 0px;
                }
                 .category-list .cat-item .body ul li a {
                  color:#111;font-size:15px
                }
                  .category-list .cat-item .body ul li i {
                  color:#d8a60d !important;
                }

                    .category-list .cat-item .body ul li .date {
                        font-size: 14px;
                        color: #999;
                        margin-left: 7px;
                    }

                  


                    .category-list .cat-item .body ul li:after {
                        content: '';
                        display: block;
                        clear: both;
                    }

                    .category-list .cat-item .body ul li a.img {
                        float: left;
                        margin: 0 7px 7px 0;
                    }

.document-tbl {
}

    .document-tbl tbody tr td:last-child ul li a {
        cursor: pointer;
        color: #337ab7 !important;
    }

.md-item {
    margin-bottom: 10px;
    border: 1px solid #ddd;
}

    .md-item .header {
        background: #af0e00;
        line-height: 40px;
        padding: 0 10px;
        color: #ddd;
        font-weight: bold;
        font-size: 14px;
    }

        .md-item .header i {
            margin-right: 7px;
        }

    .md-item .body {
        padding: 5px;
    }

        .md-item .body .form-control {
            border-radius: 0px;
            padding: 5px;
            background: #f2f2f2;
        }

.lkws .header{background:none; color:#444}

.dvsn .header {
    background: #182045;
    font-size:14px;
}
 .dvsn .header a:hover{color:#fcefd3 !important}

.dvsn .body {
    background: #f9f9f9;
    padding:20px 0 7px 0px; 
}

    .dvsn .body ul {
        list-style: none;
        padding: 0px;
        margin: 0 0 0 10px;
    }

        .dvsn .body ul li {
            margin-bottom:3px;
            background:url(../images/blue-dot.png) left 5px no-repeat;
            padding-left:10px;
            margin-bottom:14px;            
        }

            .dvsn .body ul li:last-child {
                border: none;
            }

            .dvsn .body ul li a {
                color: #182045 !important;
                display: block;
                padding:0px 0;
            }
           


.nlist {
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #ddd;
    margin-left: 0px;
    color: #555;text-transform:uppercase;  font-size:11px; margin-bottom:15px;font-family:Arial;
}

.nlist ul{margin:0px}
.nlist ul li:first-child{padding-left:0px}

.mytab  > li > a{color:#ffe081}
.mytab > li.active > a, .mytab > li.active > a:hover, .mytab > li.active > a:focus{ color:#e65d65

}

.img-sub {
    color: #a32402;
    font-style: italic;
    text-align: center;
    padding: 7px;
}

.nlist a {
    color: #333;
}

.nlist >li:first-child{padding-left:0px !Important}

.nlist i {
    margin-left: 10px;
    margin-right:7px;
}

.xs-show{display:none}

.article-body {
}

    .article-body img, .article-body table {
        max-width: 100%;
        height: auto;
        color: #444;
    }

    .article-body img {
        display: block;
        max-width: 100%;
        height: auto !important;
        margin: auto;
    }

    .article-body .ovv {
        font-weight: bold;
        font-size: 13px;
        margin: 7px 0 10px 0;
    }

    .article-body p {
        line-height: 20px;
    }

    .article-body .author {
        font-weight: bold;
        text-align: right;
        margin: 20px 0 10px;
    }

.article-content div {
    margin-bottom: 30px;
    line-height: 20px;
}

.article-content table,.article-content iframe {
    max-width: 100%; 
}


.article-item {
    margin-bottom: 20px;
    border-bottom: 1px dotted #ddd;
    height:340px;background:#fff;text-align:center; 
}

    .article-item .img {
        display: block;       
        margin-bottom:10px; 
    }

        .article-item .img img {
            width: 100%;
        }

    .article-item h4 {
        margin-top: 10px;
        font-weight:bold;
        font-size:14px; padding:0 10px;
    }
     .article-item h4 a{
           font-size: 18px;
    font-weight:bold;
    color: #444; text-transform:uppercase;
     }
     .article-item p.ovv{ padding:0 10px;}

.video-item{}
.video-item .img{display:block; height:150px; overflow:hidden; position:relative}
.video-item .img .play{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.9); top:0px; left:0px; z-index:20; text-align:center;opacity:0.7;   -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;}
.video-item .img:hover .play{opacity:0.9}
.video-item .img .play i{color:#fff; margin-top:50px; font-size:50px;}
.video-item .img img{width:100%}
.video-item h4{font-size:11px; font-weight:bold; margin-bottom:10px}

.video .carousel-control.right,.video .carousel-control.left{background:none}
.video .carousel-control{opacity: 0.5;height: 40px;top: -45px; box-shadow:none}
.video .carousel-control:hover{color:#af0e00}
.video .carousel-control span{font-size:21px !important}

.img-wrap{}
.img-wrap .col-xs-6{margin-bottom:8px; }
.img-wrap .col-xs-6:nth-child(even){padding-left:4px}
.img-wrap .col-xs-6:nth-child(odd){padding-right:4px}
.img-item{height:75px; display:block; overflow:hidden}

.album-list{list-style:none; padding:0px;font-size:13px; text-transform:uppercase;}
.album-list li{margin-bottom:20px;    border-bottom: 1px dotted #ccc;    padding-bottom: 20px;}
.album-list li.active{color:coral; border-color:coral}
.album-list i{margin-right:10px; font-size:18px}

 .thongbao-item .header:before {
                background: #bc0000 !important ;
            }

.thongbao-first .ovv{text-align:justify}
    .thongbao-first .img {
        width: 50%;
        float: left;
        margin: 0 20px 0 0 !important;
    }

    .thongbao-list{background:#f5f5f5;padding:15px !Important}

    .thongbao-list li .date{font-size:11px !important; color:#d8a60d !important}

.pagination > li > a, .pagination > li > span {
    border: none;
    font-size: 13px;
    color: #555;
    font-weight: bold;
    cursor: pointer;
}

.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
    border-radius: 0px;
}

.other-list {
}

    .other-list h2 {
        border-bottom: 2px solid #ccc;
        font-size: 18px;
        margin-bottom: 30px;
        font-weight: bold;
        padding-bottom: 15px;
    }

    .other-list ul {
        padding: 0px;
        margin-left: 20px;
    }

        .other-list ul li {
            margin-bottom: 10px;
        }

.trans03 {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.toggle-title{    
    float: left;
    display:none;}


/*full Calendar*/
.fc-event-container div {
    font-size: 11px;
    padding: 3px;
    color: #666;
    background: blanchedalmond;
}




    .fc-event-container div h5 {
        color: darkorange;
        margin: 0px;
        font-size: 11px;
    }

.fc-unthemed td.fc-today {
    background: chocolate !important;
    color: #fff;
    font-weight: bold;
}

.fc-toolbar .fc-left h2 {
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
}

.fc-row:hover {
    overflow: visible !important;
}

.lxx-table{}
.lxx-table thead th{text-align:center; font-weight:bold; background:#af0e00; color:#fff}
.lxx-table tr td{vertical-align:middle !important}


.signin{ margin:40px 0}
.signin h4 {font-weight:bold; margin-bottom:30px}
.signin .form-control{border-radius:0px}
.signin .btn{border-radius:0px; background:#666; font-size:11px; text-transform:uppercase; margin:10px auto; display:block; border:none; width:150px}
.signin .btn:hover{background:#444}

.validation-summary-errors, .field-validation-error {
    color: red;
    font-size: 12px;
    font-style: italic;
    text-align:center;
}

.col2dt iframe{max-width:100%}
.navbar-default .navbar-collapse li .btn{display:none}

.ovvproduct{font-size:13px}

.about-content{font-size:17px; padding:20px 0}
.about-content p{margin-bottom:15px}
           
.product-item{margin:20px 0;text-align:center}
.product-item h4{text-align:center; font-size:18px;margin-bottom:20px}
.product-item .ovv{font-size:12px; margin-bottom:10px}
.product-item .img{ display:block; text-align:center;position:relative}
.product-item .img img{border:1px solid #f2f2f2;}
.product-item .ct{padding:7px 30px; background:#bb3026;color:#fff; border-radius:2px;font-size:14px; margin-top:40px}
/*.product-item .img:after{content: "";
  display: block;
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 5px;
    height: 5px;
    background: white;
}*/

.search-list .article-item {height:180px; padding-top:10px}
.product-item .price{font-weight:normal; text-align:center; font-size:16px; color:#000}

.homeproducts .product-item{}

.hotlist{}
.hotlist .item{position:relative; margin-bottom:30px}
.hotlist .item .img{display:block}
.hotlist .item .ct{position:absolute; width:100%; height:100%; left:0px; bottom:0px; background:rgba(0,0,0,0.7)}
.hotlist .item .ct .inside{width:100%; height:100%; position:relative}
.hotlist .item .ct .inside .info{position:absolute; bottom:10px; left:0px; padding:10px; color:#fff;text-align:center;width:100%}
.hotlist .item .ct .inside .info a{color:#fff}
.hotlist .item .ct .inside .info h4{text-transform:uppercase; font-size:21px}
.hotlist .item .ct .inside .info  .ovv{margin-bottom:25px}
.btn-chitiet{padding:6px 20px; color:#DD5F5F !important;border:2px solid #DD5F5F; margin-top:7px}
.btn-chitiet:hover{background:#DD5F5F; color:#fff !important}
.hotlist .item .ct .inside  .date{position:absolute; background:#DD5F5F; color:#fff; text-align:center; left:10px; top:10px;width:40px; height:40px; border-radius:50%;font-size:12px;
}



.camket-item{padding-left:40px; background:url(../images/icon_quanlity.png) no-repeat left top;text-align:justify; margin:40px 0}

.camket-item h4{font-weight:bold; color:#555}

.ttct{border-bottom:1px solid #ddd; margin-bottom:20px; padding-bottom:10px; margin-top:20px; font-size:24px;border-top:1px dashed #ddd;margin-top:20px; padding-top:10px}
.ttctsub{margin-bottom:40px}
.product-detail .price{font-size:26px; color:#111;}

.hdmh{margin-top:25px;padding-top:15px; border-top:dashed 1px #ddd;font-family:Arial}
.hdmh h4{font-weight:bold}
.hdmh p{font-size:13px}
.productname{margin-top:0px; color:#df3c1d}

.formdh{margin-top:20px}
.hotproduct .product-item{padding:0px; min-height:initial}
.hotproduct .product-item h4{font-size:18px}
.hotproduct .product-item .price{font-size:16px}

.carousel-control.right,.carousel-control.left{background:none}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #444;
    border-color: #555;
}

.dathang-div{}
.dathang-div .table tr {font-family:Arial}

.subinfo-list{padding:0px; list-style:none}
.subinfo-list li{margin-bottom:7px}
.info-list i{font-size:24px}
.info-list li:first-child{width:40px;    vertical-align: top;    text-align: center;    line-height: 50px;}
.info-list li:nth-child(2){width:calc(100% - 80px)}
.info-list li p{font-size:12px;margin-bottom:5px}
.info-list li p:first-child{border-bottom:1px dotted rgba(255,255,255,0.5);padding-bottom:5px}

.dangky-list li:first-child{width: calc(100% - 150px)}
.dangky-list li:last-child{width: 130px}
.btn-dangky{color:#fff;background:rgba(0,0,0,0.6);border:none;margin:10px 0;width:130px}
.btn-dangky:hover{background:rgba(255,255,255,0.5);color:#fff}

.col-1{width:calc(100% - 320px); float:left}
.col-2{width:305px; float:right}

.col-2 .thongbao-list{margin:0px !important}
.col-2 .category-list .cat-item .body{padding:0px}
.col-2 .category-list{margin:0px }

@media (max-width:1200px) {
    .abouthome .ct {
        width: calc(100% - 400px);
    }
    .navbar-default .navbar-collapse li > a{padding:0 10px; font-size:16px}
}

@media (max-width:1024px) {
    .navbar-default .navbar-collapse li > a{padding:0 10px; font-size:14px}
   
}


@media (max-width:991px) {
    .about-content{padding:0 15px;}

    #topbar .form-search{display:none}
    .mainhd .absl{display:none}
    .xs-hide{display:none !important}
    .xs-show{display:inline-block !important}
    .navbar-default .navbar-collapse li > a{padding:7px 10px}
 .navbar-default .navbar-collapse li:first-child > a{padding-left:10px}
    .logo img{margin:10px auto}
        .submenu{display:none}
      .navbar-header {
        float: none; 
    }
      .hutt img{display:block; margin:auto}
        footer{border-top:1px dashed #ddd}
        .col2dt{display:none}
    /*NAVIGATION TOGGLE*/
    .navbar-default{margin-top:0px;background:#fafafa;position: absolute;
    width: 100%;
    left: 0px;z-index:999}
  .navbar-nav > li{display:block; border-bottom:1px dotted #ddd}
  .nav  .ico{display:inline-block;float:none}
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        background:#d8a60d;
        display: block; margin-top:10px
    }
    .navbar-default .navbar-toggle .icon-bar{background-color:#fff}
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px; background:#FFF;    box-shadow: 0 4px 6px #ccc;
    -webkit-box-shadow: 0 4px 6px #ccc;
    -moz-box-shadow: 0 4px 6px #ccc;
    -khtml-box-shadow: 0 4px 6px #ccc;
    border-bottom: 1px solid #ddd;
    }
    .navbar-nav>li {
        float: none; text-align:left
     
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }

      .navbar-header, .navbar-toggle,.navbar-default .navbar-toggle .icon-bar, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        /*background: #af0e00;*/
       
    }


      .navbar-default .navbar-collapse li > a{font-size:12px;line-height:30px;}
     .navbar-default .navbar-nav li.dropdown .dropdown-menu{border:none;background:#f2f2f2; box-shadow:none}
       .navbar-default .navbar-collapse li .dropdown-menu > li > a{padding:7px 15px;font-size:12px; color:#333}
       .navbar-default .navbar-nav li.dropdown .dropdown-menu li .dropdown-menu{left:0;top:48px;}
          .navbar-default .navbar-nav li.dropdown .dropdown-menu li .dropdown-menu li a{color:#649488}
    .toggle-title{display:block;}
    .navbar-default .navbar-collapse li{position:relative}
    .navbar-default .navbar-collapse li .btn{position:absolute; right:10px; top:10px;    background: none;display:block;
    box-shadow: none;
    border: 1px solid #7d4c25;    padding: 2px 10px;
    color: #7d4c25;}
    .navbar-nav .open .dropdown-menu,.navbar-default .navbar-collapse li .dropdown-menu{width:100% !important; background:#fff}

    /*END NAVIGATION*/

    .features-list{height:350px;}

    .cat-item .body .pdr0{ padding-left:0px}
    .subinfo-list{margin-bottom:20px}
    .form-search{border:1px solid #ddd; margin:10px;}
    .form-search ::-webkit-input-placeholder {
    color: #333;
}
    .form-search .form-control{color:#333}

    .thongbao-item .col-md-5{padding:0px}
    .thongbao-list {margin-top:30px}

    .homeproducts li{display:inline-block; width: calc(33% - 4px);text-align:center}
    /*.spctlist li{display:inline-block; width:calc(50% - 30px); margin:0 10px}*/

    .navbar-default .navbar-collapse li > a{color:#333}
    .homeproducts li .product-item .img{max-width:100%; height:auto}

    .intinialDiv{position:initial;}
    header{padding-bottom:55px;}
}

/*Phone*/




@media (max-width: 767px) {
    .hotlist .item{height:auto; margin-bottom:30px}
    .hotlist .item img {width:100%}
    .col-1,.col-2{width:100%; float:none}
   .col-2{display:none}

    .product-item{margin-bottom:10px;}
    .hotproduct .product-item h4{font-size:14px}
       .productname{margin-top:30px}
       .xs-text-right{text-align:left}
       .sl-item{margin:10px 0}
  
    header .dropdown-menu-right{right:auto}
    .submap .subinfo{padding:40px 15px}


    .features-item {
        margin-bottom: 30px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 20px;
        /*min-height:450px;*/
    }

    .article-item .img {
        float: none;
        width: auto;
    }

    .article-body img {
        width: auto !important;
        height:auto !important;
    }

    .navbar-nav {
        margin: 8px 0px;
    }

    .form-search {
        width: auto;
        text-align: right;
    }
    .navbar-default .form-search{margin-top:7px}
  

    .banner-item {
                margin: 0 auto 10px auto;
    }

  
       footer .text-right{text-align:left; margin-top:10px; color:burlywood}
       /*.logo .text h1{font-size:16px}
       .logo .text h2{font-size:14px;}*/

       .homeproducts li{width:100%; float:none; margin-bottom:40px}
}

@media (max-width:640px)
{
    .homeproducts li{display:inline-block; width: calc(50% - 4px);text-align:center}
}

  
@media (max-width: 480px) {
      header img {
            max-width: none;
        }
      #topbar .hotline{font-size:13px}
       /*.logo .text h1{font-size:14px}
       .logo .text h2{font-size:12px;}*/
       .sociallist{font-size:10px}
        .homeproducts li{display:inline-block; width: calc(100% - 4px);text-align:center}
}

@media (max-width: 400px) {
     
       .logo .text h1{font-size:18px}
       .sociallist li:last-child{display:none}
}


@media (max-width: 320px) {
      
      .toggle-title{width:70%}

       .sociallist{margin:0 0 10px 0}
       .homeproducts li{display:inline-block; width:100%;text-align:center}
}

/*.form-group .form-control{margin-bottom:7px}*/