body{

    font-family: Arial;

    font-size: 14px;

    background: #f3f3f3 url(../images/background.png);

}

@media (min-width: 1200px)

{

    .container {

        width: 1200px;

    }

}

img{

    object-fit: cover;

}

/*header-top*/

a.menu-top-a {

    padding-left: 5px;

    padding-right: 5px;

    color: #666666;

    font-size: 13px;

}

.header-mid{

    padding-bottom: 5px;

    padding-top: 5px;

    background: #1db149 !important;

}

.header-tim-kiem {

    padding-top: 20px;

}

button.btn.btn-default {

    background: #428bca;

    color: #fff;

}

.text-right.mail-calendar{

    padding: 0;

    margin-bottom: 0;

    margin-left: 0;

    margin-right: 0;

    margin-top: 15px;

}

.icon-mail{

    float: right;

    text-align: left;

    color: #595959;

    background: url(../images/mail.png) no-repeat;

    padding-left: 40px;

    font-size: 13px;

}

.icon-calendar{

    float: right;

    text-align: left;

    color: #595959;

    background: url(../images/mail.png) no-repeat;

    padding-left: 40px;

    font-size: 13px;

    padding-right: 10%;

}

.header-li-content p{

    margin-bottom: 0;

    padding-bottom: 5px;

    color: #fff;

}

@media screen and (max-width: 768px)

{

    .header-tim-kiem {

        display: none;

    }

    .icon-mail{

       display:none;

    }

    .info-boxes.animation.fadeInUp.animation-visible {

        padding-bottom: 20px;

        display:none;

    }

    .slider{

        display:none;

    }

}

input.form-control {

    font-size: 12px;

}

/*header-top*/

/*menu*/

.fixed{

    position: fixed;

    z-index: 10000;

    top:0;

    width: 100%;

}

.navbar-inverse {

    background-color: #0a9634 !important;

    border: none;

}

.stellarnav.light li a {

    color: #fff;

}

.stellarnav>ul>li>a {

    padding: 10px 15px;

}



.stellarnav>ul>li.pull-right>a:hover{

    background: #0a9634 !important;

}

.stellarnav>ul>li.active>a:hover{

    background: #0a9634 !important;

}

.navbar {

    position: relative;

    min-height: 38px;

    margin-bottom: 0;

    border: none;

    border-radius: 0;

}

.stellarnav, .stellarnav li {

    line-height: inherit;

}

.stellarnav.light .call-btn-mobile, .stellarnav.light .location-btn-mobile, .stellarnav.light .menu-toggle {

    color: #fff;

}

.label-danger {

    background-color: #fa4f04;

    border-radius: 0;

    padding-top: 5px;

    padding-bottom: 5px;

    padding-left: 5px;

    padding-right: 5px;

    font-size: 14px;

}

.stellarnav li.has-sub>a:after {

    content: '\f0d7';

    margin-left: 5px;

}

.stellarnav ul ul {

    background: #056f25 !important;

}

.stellarnav ul ul {

    min-width: 220px;

}

.stellarnav li a {

    padding: 10px;

}



/*menu*/



/*main-content*/

.info-boxes.animation.fadeInUp.animation-visible {

    padding-bottom: 20px;

}

.main-content {

    padding-top: 10px;

    padding-bottom: 50px;

}

.widget-danh-muc-san-pham-content {

    border: 1px solid #ccc;

}

ul.danh-muc-san-pham {

    padding: 0;

    margin-bottom: 0;

    background: #fff;

}



.title-widget-danh-muc-san-pham {

    border-bottom: 1px solid #d4d4d4;

    background: #0a9634 !important;

}

.title-widget-danh-muc-san-pham p{

    margin-bottom: 0;

    padding-bottom: 6px;

    padding-left: 5px;

    padding-top: 6px;

    font-size: 15px;

    color: #fff;

}

.widget-danh-muc-san-pham {

    padding-bottom: 20px;

}

ul.danh-muc-san-pham li {

    list-style: none;

    border-bottom: 1px dotted #d4d4d4;

}

ul.danh-muc-san-pham li:last-child {

    border-bottom: none;

}

ul.danh-muc-san-pham li a{

    color: black;

    text-decoration: none;

    padding-left: 10px;

    display: block;

    padding-top: 10px;

    padding-bottom: 10px;

    font-weight: 200;

}

ul.danh-muc-san-pham li a:hover{

    color: #fff;

    background: #e62e04;

}

.product-news{

    padding-bottom: 10px;

}

.product-news-title {

    background: #0a9634 !important;

}

.product-news-title p{

    margin-bottom: 0;

    padding-top: 5px;

    padding-bottom: 5px;

    font-size: 15px;

    color: #fff;

    padding-left: 5px;

    text-transform: uppercase;

    font-weight: bold;

}

.product-news-content{

    padding-top: 20px;

}

.thumbnail {

    margin-bottom: 5px;

    border-radius: 0px;

}

.product-name{

    text-align: center;

    height: 55px;

    padding: 10px 5px;

}

.product-name a{

    color: black;

    text-decoration: none;

}

.product-name a:hover{

    color: #266ba4;

}

.product-spice{

    text-align: center;

}

.xem-chi-tiet{

    text-align: center;

}

.btn-success {

    padding: 3px 7px;

    border-radius: 0px;

}

.owl-nav {

    margin-right: 10px;

    position: absolute;

    top: -198px;

    right: 0;

}

.owl-prev {

    position: absolute;

    top: 150px;

    left: -50px;

    width: 25px;

    height: 25px;

    cursor: pointer;

    background: url(../images/owl-slider/prev-1.png) top left no-repeat;

}

.owl-next {

    position: absolute;

    top: 150px;

    right: -5px;

    width: 25px;

    height: 25px;

    cursor: pointer;

    background: url(../images/owl-slider/next-1.png) top left no-repeat;

}

.product-img img{

    width: 100%;

    height: 200px;

    padding: 15px;

}

.product{

    border: 1px solid #ccc;

    background: #fff;

}

.img-banner-sp-moi img{

    height: 405px;

    width: 100%;

}

.product-dm{

    border: 1px solid #ccc;

    background: #fff;

    margin-bottom: 15px;

}

.product-img-dm img{

    width: 100%;

    height: 220px;

    padding: 15px;

}

.product-img img:hover{

    opacity: 0.6;

}

@media screen and (max-width: 768px)

{

    .product-img img {

        width: 100%;

        height: 205px;

    }

    .product-img-dm img{

        width: 100%;

        height: 150px;

    }

}

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {

    position: relative;

    min-height: 1px;

    padding-right: 15px;

    padding-left: 15px;

}

.col-xs-5ths {

    width: 20%;

    float: left;

}

@media (min-width: 768px) {

    .col-sm-5ths {

        width: 20%;

        float: left;

    }

}

@media (min-width: 992px) {

    .col-md-5ths {

        width: 20%;

        float: left;

    }

}

@media (min-width: 1200px) {

    .col-lg-5ths {

        width: 20%;

        float: left;

    }

}

/*main-content*/

/*slider*/

.slider{

    /*padding-top: 20px;*/

}

.theme-default .nivo-controlNav {

    visibility: hidden;

    height: 0;

    margin: 0;

    padding: 0;

}

.theme-default .nivoSlider {

    position: relative;

    margin-bottom: 0;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}

.info-boxes-inner {

    background-color: #0a9634 !important;

    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);

    padding-bottom: 5px;

}

.info-boxes .info-box {

    padding: 27px 25px;

    text-align: center;

}

.info-boxes .info-box .text {

    color: rgba(255, 255, 255, 0.8);

    font-weight: normal;

    font-size: 13px;

    margin: 0px;

    letter-spacing: 0.5px;

    font-family: 'Open Sans', sans-serif;

}

.info-box .info-box-heading.green {

    color: #fff;

}

.info-boxes .info-box .info-box-heading {

    font-size: 14px;

    line-height: 21px;

    text-transform: uppercase;

    font-family: 'Montserrat', sans-serif;

    margin-top: 0px;

    font-weight: bold;

    margin-bottom: 0px;

    letter-spacing: 1px;

}

/*slider*/





/*footer*/

.footer{

    background-color: rgba(88 65 169);

}

.footer-content{

    padding-top: 30px;

    padding-bottom: 30px;

}

.top-site-footer{

    padding-top: 50px;

    padding-bottom: 3em;

    border-bottom: 1px solid #7b7878;

}

.top-site-footer p{

    color: #fff;

}

.footer-content > p.ten-cong-ty-foot{

    text-transform: uppercase;

    font-weight: bold;

    font-size: 19px;

    margin-bottom: 0;

    padding-bottom: 20px;

    padding-top: 15px;

    color: #fff;

}

.footer-content > p.ten-cong-ty-foots{

    text-transform: uppercase;

    font-weight: bold;

    font-size: 17px;

    margin-bottom: 0;

    padding-bottom: 20px;

    padding-top: 15px;

    color: #fff;

}

.footer-content > p.dia-chi-foot{

    margin-bottom: 0;

    font-size: 14px;

    padding-bottom: 7px;

}

.footer-content > p.dia-chi-foot >a{

    color: #fff;

}

.footer-content p a{

    color: #fff;

}

.footer-content > img{

    padding-bottom: 7px;

}

.footer-content-foot > p.dia-chi-foot{

    margin-bottom: 0;

    font-size: 14px;

    padding-bottom: 7px;

    color: #fff;

}

.footer-content-foot > p >a{

    color: #fff;

    font-size: 13px;

}

.footer-content-foot p{

    color: #fff;

    font-size: 14px;

}

.footer-content p{

    color: #fff;

    font-size: 14px;

}

.copy-right{

    background: black;

}

.copy-right p{

    margin-bottom: 0;

    padding-top: 5px;

    padding-bottom: 5px;

}

ul.ul-foot{

    margin: 0;

    padding: 0;

}

ul.ul-foot li{

    padding-bottom: 15px;

    list-style: none;

}

ul.ul-foot li a{

    font-size: 14px;

    text-decoration: none;

    color: #fff;

}

/*footer*/

/*theheadings*/

marquee {

    padding-top: 3px;

}

.tu-khoa{

    margin: 0;

    padding-top: 12px;

    font-size: 12px;

}

.theheadings h1, .theheadings h2, .theheadings h3, .theheadings h4, .theheadings h5, .theheadings h6, .theheadings p {

    font-size: 11px;

    padding: 0;

    display: inline;

    color: #c5bbb4;

    margin:0 10px 0 0;

}



.seotheheadings {

    background: #3c3c3c;

    border-top: 5px solid #d92727;

    height:30px;

    margin-top: 50px;

}

.theheadings {

    color: #fff;

}

/*theheadings*/





/*trangcon*/

.breadcrumb {

    padding-bottom: 10px;

    margin-bottom: 0;

}

.content-gioi-thieu{

    padding: 15px;

    background: #fff;

}

.site-gioithieu{

    padding-top: 20px;

    padding-bottom: 50px;

}

.widget-san-pham-noi-bat{

    border: 1px solid #e2e2e2;

    margin-bottom: 15px;

}

ul.san-pham-noi-bat{

    padding: 0;

    margin: 0;

}

.item-images-product img{

    height: 70px;

}

ul.san-pham-noi-bat li{

    list-style: none;

    padding: 10px;

    height: 94px;

    border-bottom: 1px solid #eadede;

}

ul.san-pham-noi-bat li a{

    text-decoration: none;

    font-size:12px;

    font-weight:bold;

    color: #333333;

}

ul.san-pham-noi-bat li a:hover{

    color:red;

}

ul.bai-viet-moi-nhat{

    padding: 0;

    margin: 0;

    background: #fff;

}

ul.bai-viet-moi-nhat li {

    list-style: none;

    padding: 10px;

    height: 94px;

    border-bottom: 1px solid #eadede;

}

ul.bai-viet-moi-nhat li a{

    text-decoration: none;

    font-size:14px;

    /*font-weight:bold;*/

    color: #333333;

}

ul.bai-viet-moi-nhat li a:hover{

    color:red;

}

a.list-item-title{

    text-decoration: none;

    color: #266ba4;

    font-weight: bold;

}

a.list-item-title:hover{

    color: #fa4f04;

}

.list-item {

    border-bottom: 1px solid #f1f1f1;

    padding-bottom: 15px;

    margin-bottom: 15px;

}

.anh-san-pham img{

    height: 305px;

    width: 100%;

}

.img-khach-hang img{

        height: 120px;

}

.noi-dung-chi-tiet p, .noi-dung-chi-tiet h1, .noi-dung-chi-tiet h2, .noi-dung-chi-tiet h3, .noi-dung-chi-tiet span {

    line-height: 1.9em;

    font-size: 14px;

    margin-top: 0;

    margin-bottom: 10px;

}

.noi-dung-chi-tiet h2, .noi-dung-chi-tiet h3, .noi-dung-chi-tiet h4, .noi-dung-chi-tiet h5, .noi-dung-chi-tiet h6 {

    margin-top: 0;

    color: #0b74bd;

    line-height: 23px;

    text-transform: uppercase;

    margin-bottom: 12px;

}

#share-buttons{

	margin-bottom: 10px;

}

/*trangcon*/

/*lienhe*/

input[type=text], select, textarea {

    width: 100%; /* Full width */

    padding: 7px; /* Some padding */

    border: 1px solid #ccc; /* Gray border */

    border-radius: 0px; /* Rounded borders */

    box-sizing: border-box; /* Make sure that padding and width stays in place */

    margin-bottom: 16px; /* Bottom margin */

    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */

}



/* Style the submit button with a specific background color etc */

input[type=submit] {

    background-color: #4CAF50;

    color: white;

    padding: 12px 20px;

    border: none;

    border-radius: 4px;

    cursor: pointer;

}



/* When moving the mouse over the submit button, add a darker green color */

input[type=submit]:hover {

    background-color: #45a049;

}



/*lienhe*/

.stellarnav.mobile.light ul {

    background: #0a9634;

}

.noi-dung-chi-tiet h2, .noi-dung-chi-tiet h3, .noi-dung-chi-tiet h4{

    font-size: 15px;

}

.noi-dung-chi-tiet img{

    text-align: center;

    margin: auto;

    max-width: 100%;

    height: auto !important;

} 

@media (max-width: 767px){

   .noi-dung-chi-tiet img{

        width: 100% !important;

        height: auto !important;

        text-align: center;

        margin: auto;

    } 

    .noi-dung-chi-tiet h2, .noi-dung-chi-tiet h3, .noi-dung-chi-tiet h4{

        font-size: 15px;

    }

    .widget-danh-muc-san-pham{

    	margin-top: 30px;

    }

}

.has-sub li.pull-right{

    display: none;

}

.has-sub ul{

    padding-left: 5px;

}
.sub-menu{
    top: 35px;
    min-width: 220px;
    position: absolute;
    z-index: 9900;
    text-align: left;
    display: none;
    background: #ffff;
    left: 94%;
}
.danh-muc-san-pham li:hover ul {
    display:block;
}