body {
    /*font-family: 'Open Sans', sans-serif;*/
    /*background-color: #f8f8f8;*/
    background: #f4f3f3;
    font-family: Arial;
    margin: 0px;
    padding: 0px;
}

a:hover {
    text-decoration: none;
}

.row {
    margin-right: -5px;
    margin-left: -5px;
}

.navbar-right {
    margin-right: -5px;
}

.col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-8, .col-md-9, .col-md-10, .col-md-12 {
    padding-right: 5px;
    padding-left: 5px;
}

.container {
    padding-right: 0px;
    padding-left: 0px;
}

header .container {
    /*background: #fff;*/
}
/*HEADER*/

header {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 9999999;
    opacity: 0.9;
}

.hotline {
    background: #284c16;
    color: #fff;
    text-align: right;
    padding: 10px 0px;
}

    .hotline .wrap-fa {
        margin: 0px 5px;
        border: 1px solid #fff;
        /*padding: 5px;*/
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        width: 26px;
        line-height: 26px;
        text-align: center;
        display: inline-table;
    }
   
    .navbar-brand {
        display: inline-table;
        max-width: 160px;
        min-width: 160px;
        position: relative;
    }

    .navbar-brand > img {
        max-height: 100px;
        position: absolute;
        z-index: 100;
        margin-top: -50px;
    }

.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

.navbar {
    border-radius: unset;
    margin-bottom: 0px;
}

.navbar-inverse {
    background: #336418;
    border: unset;
}

    .navbar-inverse .navbar-nav > li > a {
        color: #fff;
        text-transform: uppercase;
    }

        .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus,
        .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > li > a:hover {
            background: #284c16;
        }

    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .open > a:focus {
        background: #284c16;
    }

.dropdown-menu {
    margin: 0px;
    background: #284c16;
}

    .dropdown-menu > li > a {
        color: #fff;
    }

        .dropdown-menu > li > a:hover,
        .dropdown-menu > li > a:focus {
            background: #336418;
            color: #fff;
        }
/*END HEADER*/

/*BODY*/
.title-page {
    color: #16753e;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom:10px;
}

    .title-page .fa {
        margin-right: 10px;
    }

.img-post {
    max-width: 100%;
}
a .post {
    font-size: 16px;
}
a .post, .post {
   
    color: #16753e;
}

a:hover .post {
    color: #284c16;
}
.home-post .introduction {
line-height:20px;
height:60px;
overflow:hidden;
}
.home-post .row, .list-post .row {
    margin-bottom: 10px;
}
a .introduction, .introduction {
    color: #000;
}

a:hover .introduction {
    color: #333;
}
.wrapper-topmdqc {
    margin-top: 10px;
}
.middleqc {
    margin-top: 0px;
}

.detail-post {
    width: 100%;
}
.wrapper-review {
    background:#fff;
}
.form-feedback {
    margin-bottom: 10px;
    width: 100%;
}

    .form-feedback a {
        background: #54af54;
        color: #fff;
        padding: 10px 40px;
        display: inline-table;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        cursor:pointer;
    }
.top-feedback {
padding-top:38px;
}
    .top-feedback .col-md-6
    {
        margin-bottom:10px;
    }
    
    .fullname {
        color: #007500;
        line-height:20px;
        height:20px;
        overflow:hidden;
    }
.feedback-date {
    color:#999
}
.content-review {
    line-height:20px;
    height:60px;
    overflow:hidden;
    margin-bottom:10px;
}
.text-green {
    color: #007500;
    cursor:pointer;
}
    .text-green:hover {
        color: #284c16;
    }
.input-group {
        width: 100% !important;
    }

.input-group-addon {
    width: 120px !important;
}
/*END BODY*/
/*FOOTER*/
footer {
    font-size: 13px;
    background: #193e00;
    color: #fff;
    padding: 20px 0px;
}

.menu-bottom p {
    text-transform: uppercase;
}

.menu-bottom a {
    color: #fff;
}

    .menu-bottom a:hover {
        color: #16753e;
    }

.follow-us div {
    margin: 10px 0px;
}

.follow-us .wrap-fa {
    /*border: 1px solid #fff;*/
    margin: 0px 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 40px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    display: inline-table;
    position: relative;
    padding-top: 6px;
}

.wrap-fa-1 {
    background: #6082c2
}

.wrap-fa-2 {
    background: #86c563
}

.wrap-fa-3 {
    background: #ee5b4f
}

.wrap-fa-4 {
    background: #4abdec
}

.follow-us .fa {
    font-size: 26px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    display: inline-table:
    /*position:absolute;*/
}

.follow-us img {
    max-width: 140px;
}

.copyright {
    background: #132e01;
    color: #fff;
    text-align: center;
    line-height: 28px;
    padding:5px 0px;
}

    .copyright p {
        margin: 0px
    }
/*END FOOTER*/