/* <nhadathungyen.css> */
/* ######################## HEADER ######################## */
.pc-header {
    position: relative;
    z-index: 10;
}

.pc-header .lower {
    position: relative;
    margin: 3px 0 0 0;
    background: url(img/bgmenu.png) top center no-repeat;
}

.pc-header .lower .btn-post {
    display: block;
    position: relative;
    padding: 0 20px 0 30px;
    background: url(img/ipost.png) 0% center no-repeat;
    font-size: 12px;
    line-height: 29px;
    color: #fff;
}

.pc-header .lower .btn-post:hover {
    color: #ff0000;
}

.main-nav > .main-menu li {
    position: relative;
}

.main-nav > .main-menu > li {
    padding-left: 25px;
}

.main-nav > .main-menu > li > a {
    position: relative;
    display: block;
    padding: 4px 25px 4px 0;
    font-size: 12px;
    line-height: 29px;
    color: #fff;
    font-weight: bold;
}

.main-nav > .main-menu > li:hover {
    background: url(img/leftmenutop.png) left bottom no-repeat;
}

.main-nav > .main-menu > li:hover > a {
    background: url(img/rightmenutop.png) right bottom no-repeat;
    color: #000;
}

.pc-header .bottom {
    padding: 3px 10px;
    border-bottom: 1px solid #ddd;
}

.pc-header .bottom .btn-groups .btn {
    display: block;
    float: left;
    padding: 5px 5px 5px 20px;
    font-size: 12px;
    line-height: 20px;
    color: #143DA7;
    background-repeat: no-repeat;
    background-position: 0px 50%;
    background-image: url(img/iconreg.jpg);
}

.pc-header .bottom .btn-groups .login {
    background-image: url(img/iconlogin.jpg);
}

.pc-header .bottom .btn-groups .btn + .btn {
    margin-left: 5px;
}

.pc-header .bottom .btn-groups .btn:hover {
    color: #f00;
}

.pc-header .bottom .post-box .btn {
    display: block;
    position: relative;
    float: left;
}

.pc-header .bottom .post-box .btn + .btn {
    margin-left: 10px;
}

/* ######################## Header mobile ######################## */
.mobile-header {
    position: relative;
    padding: 5px 0;
    background: #00589a;
    font-size: 14px;
    line-height: 20px;
    z-index: 5;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0px 0px 3px rgba(0, 0, 0, .2);
    -o-box-shadow: 0px 0px 3px rgba(0, 0, 0, .2);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, .2);
}

.mobile-header .upper {
    position: relative;
    text-align: center;
}

.mobile-header .logo {
    display: inline-block;
}

.mobile-header .logo a {
    width: 180px;
}

.mobile-header .mobile-btn-search {
    display: block;
    position: absolute;
    left: initial;
    right: 10px;
    top: 50%;
    width: 27px;
    height: 27px;
    text-indent: -99999px;
    background: url(img/icon-search.png) center no-repeat;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

#search-mobile .uk-modal-dialog {
    padding: 15px 5px 10px 5px;
}

#search-mobile .uk-modal-close.uk-close {
    width: 20px;
    height: 20px;
    line-height: 20px;
    top: -11px;
    right: -10px;
}

.banner-fixed {
    text-align: right;
    position: absolute;
    left: 3px;
    top: 3px !important;
    z-index: 0 !important;
    width: 150px !important;
}

.banner-fixed.right {
    float: right;
    left: initial !important;
    right: 3px;
    text-align: left;
}

.mobile-header .bottom {
    padding: 5px 10px;
    border-top: 1px solid #1e6ea4;
}

.mobile-header .bottom .btn {
    color: #fff;
    font-size: 13px;
    float: left;
}

.create-post-projects > a.button-create {
    background: url('img/ipost.png') center center no-repeat;
    font-size: 12px;
    line-height: 29px;
    display: block;
    width: 24px;
    height: 24px;
}

.dropdown-box {
    position: absolute;
    width: 180px;
    right: 0;
    top: 100%;
    background-color: #fff;
    box-shadow: 1px 1px 2px #ccc;
    display: none;
}

.dropdown-box a {
    display: block;
    padding: 5px 10px;
    color: #333;
    font-size: 13px;
    font-weight: bold;
}

.dropdown-box a:not(:last-child) {
    border-bottom: 1px solid #dedede;
}

.dropdown-box::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
    position: absolute;
    top: -5px;
    right: 20px;
}

@media (max-width: 1220px) {
    .banner-fixed {
        display: none;
        visibility: hidden;
        opacity: 0;
        z-index: -1;
    }
}

#search-mobile .form {
    position: relative;
    overflow: hidden;
}

#search-mobile .form .input-text {
    height: 36px;
    line-height: 36px;
    border: 1px solid #c8c8c8;
    background: #e8eaee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

#search-mobile .form .btn-submit {
    display: block;
    position: absolute;
    width: 27px;
    height: 27px;
    top: 4px;
    right: 6px;
    text-indent: -99999px;
    border: none;
    outline: none;
    background: url(img/icon_search-black.png) center no-repeat;
    cursor: pointer;
}

@media (max-width: 567px) {
    .mobile-header .logo a {
        width: 150px;
    }
}

/* ######################## Body ######################## */
.page-body {
    position: relative;
}

.filter-section {
    height: 100%;
    padding: 10px;
    margin-bottom: 5px !important;
    border: 1px solid #ddd;
    background: #F7F7F7;
}

@media (min-width: 960px) {
    .filter-section {
        /*width: 60%;*/
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
    }

    .news-section {
        width: 40%;
    }

    .aside-small {
        float: left;
        width: 183px;
    }

    .aside-large {
        float: left;
        width: 210px;
    }

    .aside-bigger {
        float: left;
        width: 280px;
    }

    .main-content {
        float: left;
        /*width: -webkit-calc(100% - 463px);*/
        /*width: -moz-calc(100% - 463px);*/
        /*width: -ms-calc(100% - 463px);*/
        /*width: -o-calc(100% - 463px);*/
        /*width: calc(100% - 463px);*/

        width: -webkit-calc(100% - 280px);
        width: -moz-calc(100% - 280px);
        width: -ms-calc(100% - 463280);
        width: -o-calc(100% - 280px);
        width: calc(100% - 280px);
        padding: 0 5px;
    }

    .main-content.bigger {
        float: left;
        width: -webkit-calc(100% - 183px);
        width: -moz-calc(100% - 183px);
        width: -ms-calc(100% - 183px);
        width: -o-calc(100% - 183px);
        width: calc(100% - 183px);
        padding: 0 0 0 5px;
    }

    .main-content.big {
        float: left;
        width: -webkit-calc(100% - 393px);
        width: -moz-calc(100% - 393px);
        width: -ms-calc(100% - 393px);
        width: -o-calc(100% - 393px);
        width: calc(100% - 393px);
        padding: 0 8px;
    }
}

@media (min-width: 1220px) {
    .page-body {
        padding: 5px;
    }

    .filter-section {
        /*width: 647px;*/
        margin-right: 6px;
    }

    .news-section {
        width: 337px;
    }
}

@media (max-width: 1220px) {
    .page-body {
        padding: 0 5px;
    }
}

@media (max-width: 960px) {
    .page-body {
        margin-top: 10px;
    }

    .filter-section {
        width: 100%;
    }
}


/* ######################## Heading ######################## */
.heading-2 {
    margin: 0 0 5px 0;
    padding: 3px;
    background: #EEE;
    border-bottom: 1px solid #DDD;
    font-size: 12px;
    line-height: 14px;
}

.heading-2 > * {
    display: block;
    padding: 10px 60px;
    background: #328AE4 url(img/iconlogo.png) no-repeat left 5px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
}

.heading-3 {
    position: relative;
    margin: 0 0 5px 0;
    padding: 8px 10px;
    background: #4B9FF5;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.heading-3 > * {
    color: #fff;
}

/* ######################## filter-section ######################## */
.filter-section .heading {
    padding: 4px;
    font-size: 20px;
    line-height: 20px;
    color: #000;
}

.filter-section .form-row {
    margin-bottom: 3px;
    padding-left: 105px;
    position: relative;
}

.filter-section .form-row .form-label {
    display: block;
    position: absolute;
    left: 0px;
    width: 105px;
    font-size: 12px;
    font-weight: bold;
}

.filter-section .form-row .input-text,
.filter-section .form-row .form-select {
    display: block;
    height: 20px;
    padding: 0 5px;
    border: 1px solid #CCC;
    line-height: 20px;
    font-size: 12px;
    color: #000;
}

.filter-section .form-row.action {
    padding: 5px 0 0 0;
    text-align: right;
}

.filter-section .form-row .btn-submit {
    display: inline-block;
    padding: 3px 10px;
    background: #4B9FF5;
    border: none;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    outline: none;
    cursor: pointer;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

@media (max-width: 960px) {
    .filter-section .heading {
        font-size: 16px;
        line-height: 18px;
    }
}

/* ######################## news-section ######################## */
.news-section .panel-body {
    padding: 5px 5px 10px 5px;
    border: 1px solid #3B9DCA;
    border-top: none;
}

.news-section .slide-show {
    padding-bottom: 25px;
    margin-bottom: 5px;
    border-bottom: 1px solid #3B9DCA;
    /* height: 163px; */
}

.news-section .slide-show .uk-slidenav {
    display: block;
    left: initial;
    right: 0px;
    top: initial;
    bottom: 2px;
    width: 20px;
    height: 19px;
    background: url(img/next.gif);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.news-section .slide-show .uk-slidenav-previous {
    right: 23px;
    background: url(img/prev.gif);
}

.news-section .slide-show .uk-slidenav:before {
    display: none;
}

.news-section .article .thumb {
    float: left;
    width: 110px;
    height: 84px;
}

.news-section .article .infor {
    float: right;
    width: -webkit-calc(100% - 110px);
    width: -moz-calc(100% - 110px);
    width: -ms-calc(100% - 110px);
    width: -o-calc(100% - 110px);
    width: calc(100% - 110px);
    padding-left: 10px;
}

.news-section .article .title {
    margin: 0;
    height: 36px;
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.news-section .article .title a {
    color: #f00;
}

.news-section .article .description {
    height: 48px;
    font-size: 12px;
    line-height: 16px;
}

.news-section .groups {
    position: relative;
    padding-left: 85px;
}

.news-section .groups .label {
    width: 65px;
    height: 45px;
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    line-height: 45px;
    text-align: center;
    background: #EF6000;
    color: #FFF;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.news-section .list-post li {
    position: relative;
    padding-left: 15px;
}

.news-section .list-post li:before {
    content: "\f0c8";
    display: block;
    position: absolute;
    left: 0px;
    top: -1px;
    font-family: FontAwesome;
    font-size: 7px;
    color: #71b6f9;
}

.news-section .list-post li a {
    display: block;
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    color: #6b696a;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.news-section .list-post li a:hover {
    color: #d50000;
}

/* ######################## news-vip ######################## */
.news-vip {
    position: relative;
    margin-bottom: 5px;
    border: 1px solid #ddd;
}

.news-vip .heading {
    margin: 0;
    padding: 3px;
    background: #EEE;
    border-bottom: 1px solid #DDD;
    font-size: 12px;
    line-height: 14px;
}

.news-vip .heading > * {
    display: block;
    padding: 10px 60px;
    background: #DD5F18 url(img/iconlogo.png) no-repeat left 5px;
    text-transform: uppercase;
    font-weight: bold;
    color: #FFF;
}

.news-vip .panel-body {
    padding: 0 0 3px 0;
}

.news-vip .list-article > li {
    position: relative;
    padding: 10px 10px;
    border-bottom: 1px dotted #85BCD2;
}

.news-vip .article {
    position: relative;
    font-size: 12px;
    line-height: 16px;
}

.news-vip .article .thumb {
    float: left;
    width: 85px;
    height: 74px;
    padding: 3px;
    background: #fff;
    border: 1px solid #ddd;
}

.news-vip .article .infor {
    float: right;
    width: -webkit-calc(100% - 85px);
    width: -moz-calc(100% - 85px);
    width: -ms-calc(100% - 85px);
    width: -o-calc(100% - 85px);
    width: calc(100% - 85px);
    padding-left: 10px;
}

.news-vip .article .title {
    margin: 0;
    height: 34px;
    font-size: 12px;
    line-height: 17px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.news-vip .article .title a {
    color: #d50000;
}

.news-vip .article .price {
    font-weight: bold;
    color: #000;
}

.news-vip .article .description p {
    float: left;
    width: 50%;
    margin: 0;
}

@media (max-width: 767px) {
    .news-vip .list-article > li {
        border-bottom: none;
    }

    .news-vip .list-article > li + li {
        border-top: 1px dotted #85BCD2;
    }
}

@media (min-width: 1366px) and (max-width: 1440px) {
    .banner-fixed {
        width: 169px !important;
    }
    .banner-fixed img {
        width: 100%;
    }
}

/* ######################## news-hot ######################## */
.news-hot {
    margin-bottom: 5px;
}

.news-hot .heading {
    margin: 0;
    position: relative;
    padding: 10px 60px;
    background: #267EDF url(img/iconlogo.png) 0px 5px no-repeat;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: bold;
    color: #FFF;
}

.news-hot .heading > * {
    display: block;
    position: relative;
    color: #fff;
}

.news-hot .panel-body {
    position: relative;
    border: 1px solid #267EDF;
    border-top: none;
}

.news-hot .table {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
    line-height: 16px;
    color: #000;
    text-align: center;
}

.news-hot .table thead th {
    padding: 5px;
    font-size: 12px;
    line-height: 17px;
    background: #ECF0F9;
    white-space: nowrap;
}

.news-hot .table tbody td {
    padding: 7px 5px;
    border-bottom: 1px dotted #DDD;
}

.news-hot .table .title {
    margin: 0;
    font-size: 12px;
    line-height: 17px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.news-hot .table .title a {
    color: #f00;
}

@media (min-width: 599px) {
    .news-hot .table tbody td:nth-of-type(1),
    .news-hot .table tbody td:nth-of-type(4),
    .news-hot .table tbody td:nth-of-type(5),
    .news-hot .table tbody td:nth-of-type(6) {
        width: 60px;
    }

    .news-hot .table tbody td:nth-of-type(3) {
        width: 80px;
    }

    .news-hot .table tbody td:nth-of-type(2) {
        width: -webkit-calc(100% - 320px);
        width: -moz-calc(100% - 320px);
        width: -ms-calc(100% - 320px);
        width: -o-calc(100% - 320px);
        width: calc(100% - 320px);
        text-align: left;
    }

    .news-hot .table .title {
        height: 34px;
    }
}

@media (max-width: 599px) {
    .news-hot .table {
        display: block;
        position: relative;
    }

    .news-hot .table thead, .news-hot .table tbody, .news-hot .table tfoot, .news-hot .table tr,
    .news-hot .table th, .news-hot .table td {
        display: block;
    }

    .news-hot .table thead {
        display: none;
    }

    .news-hot .table tbody tr {
        position: relative;
        padding: 10px 0 10px 60%;
    }

    .news-hot .table tbody tr.ajax-pagination_ {
        padding: 10px 0 10px 10px;
    }

    .ajax-pagination_ td {
        display: block !important;
        padding: 0 !important;
    }

    .news-hot .table tbody tr.ajax-pagination_ .pagination {
        padding: 0;
    }

    .news-hot .table tbody tr + tr {
        border-top: 1px solid #267EDF;
    }

    .news-hot .table tbody td {
        padding: 0 5px;
        border: none;
        text-align: left;
    }

    .news-hot .table tbody td:nth-of-type(1) {
        display: none;
    }

    .news-hot .table tbody td:nth-of-type(2) {
        position: absolute;
        width: 60%;
        left: 0px;
        top: 0px;
        padding: 10px 5px;
        border-right: 1px solid #267EDF;
        height: 100%;
    }

    .news-hot .table .title {
        height: 48px;
        font-size: 11px;
        line-height: 16px;
    }

    .news-hot .table .title a {
        color: #d50000;
    }
}

/* ######################## general-section ######################## */
.general-section {
    position: relative;
    margin-bottom: 5px;
}

.general-section .nav-tabs {
    position: relative;
    padding: 0 20px 0 65px;
    background: #0299D2 url(img/iconlogo.png) 10px 50% no-repeat;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.general-section .nav-tabs > li {
    float: left;
    padding: 6px 10px;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    border-right: 1px solid #55BBE1;
}

.general-section .nav-tabs > li.uk-active {
    background: #55BBE1;
}

.general-section .panel-body {
    padding: 0 3px 10px 3px;
    border: 1px solid #3F9ECA;
    border-top: none;
}

.general-section .table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    line-height: 17px;
    color: #000;
}

.general-section .table th {
    padding: 5px;
    background: #F3f3f3;
    text-align: center;
    white-space: nowrap;
}

.general-section .table tr th + th {
    border-left: 2px solid #fff;
}

.general-section .table tbody td {
    padding: 5px;
    border-bottom: 1px dotted #ddd;
}

.general-section .table tbody td:nth-of-type(1) {
    width: -webkit-calc(100% - 282px);
    width: -moz-calc(100% - 282px);
    width: -ms-calc(100% - 282px);
    width: -o-calc(100% - 282px);
    width: calc(100% - 282px);
}

.general-section .table tbody td:nth-of-type(2) {
    width: 90px;
}

.general-section .table tbody td:nth-of-type(3),
.general-section .table tbody td:nth-of-type(5) {
    width: 60px;
}

.general-section .table tbody td:nth-of-type(4) {
    width: 72px;
}

.general-section .table .title {
    margin: 0;
    font-size: 12px;
    line-height: 17px;
}

.general-section .table .title a {
    color: #353b5f;
}

.general-section .table .title a:hover {
    color: #d50000;
}

.general-section .pagination {
    padding: 0;
}


/* ######################## general-news ######################## */
.general-news {
    position: relative;
    margin: 0 0 5px 0;
}

.general-news .nav-tabs,
.aside-fengshui .nav-tabs,
.news-section .nav-tabs,
.aside-featured-news .nav-tabs {
    padding: 3px 3px 1px 4px;
    background: url(img/bg_toptab.png) center;
    font-size: 0;
    line-height: 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.general-news .nav-tabs li,
.aside-fengshui .nav-tabs li,
.news-section .nav-tabs li,
.aside-featured-news .nav-tabs li {
    float: left;
    padding: 0 14px;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: #0086C5;
    background: url(img/bgtab1.jpg) 0% 0%;
    cursor: pointer;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.news-section .nav-tabs li {
    padding: 0 25px;
}

.general-news .nav-tabs li + li, .aside-fengshui .nav-tabs li + li, .news-section .nav-tabs li + li, .aside-featured-news .nav-tabs li + li {
    margin-left: 3px;
}

.general-news .nav-tabs li.uk-active,
.aside-fengshui .nav-tabs li.uk-active,
.news-section .nav-tabs li.uk-active,
.aside-featured-news .nav-tabs li.uk-active {
    background: #fff;
    color: #A80C0C;
}

.general-news .panel-body {
    padding: 10px;
    border: 1px solid #3f9eca;
    border-top: none;
}

.general-news .list-article > li {
    border-bottom: 1px dotted #3B9DCA;
}

.general-news .list-article > li:nth-child(2n+2) {
    border-left: 1px solid #3B9DCA;
}

.general-news .article {
    position: relative;
    padding: 10px;
}

.general-news .list-article > li:nth-child(2n+1) .article {
    padding-left: 0;
}

.general-news .list-article > li:nth-child(2n+2) .article {
    padding-right: 0;
}

.general-news .article .title {
    margin: 0 0 5px 0;
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.general-news .article .title a {
    color: #000;
}

.general-news .article .title a:hover {
    color: #3f9eca;
}

.general-news .article .thumb {
    float: left;
    width: 76px;
    height: 76px;
    padding: 3px;
    border: 1px solid #ddd;
}

.general-news .article .infor {
    float: right;
    width: -webkit-calc(100% - 76px);
    width: -moz-calc(100% - 76px);
    width: -ms-calc(100% - 76px);
    width: -o-calc(100% - 76px);
    width: calc(100% - 76px);
    padding-left: 10px;
}

.general-news .article .description {
    height: 72px;
    font-size: 12px;
    line-height: 18px;
}

.general-news .viewmore {
    padding: 5px 0 0 0;
    text-align: right;
}

.general-news .viewmore a {
    font-size: 12px;
    line-height: 18px;
    color: #6686c5;
}

.general-news .viewmore a:hover {
    text-decoration: underline;
}

/* ######################## search-result-section ######################## */
.search-result-section {
    margin-bottom: 10px;
}

.search-result-section .table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    line-height: 16px;
    color: #333;
}

.search-result-section .table th {
    padding: 5px;
    background: #eee;
    text-align: center;
    line-height: 14px;
}

.search-result-section .table tbody tr:nth-child(even) td {
    background: #eee;
}

.search-result-section .table td {
    padding: 3px;
    border: 1px solid #ddd;
    text-align: center;
}

.search-result-section .table .thumb .badge {
    position: absolute;
    left: initial;
    top: 0px;
    right: -8px;
    z-index: 5;
}

.search-result-section .table .title {
    display: block;
    width: 100%;
    color: #143DA7;
}

.search-result-section .table .title:hover {
    color: #f00;
}

.search-result-section .pagination {
    padding: 5px;
}

@media (min-width: 767px) {
    .search-result-section .table .thumb {
        position: relative;
        width: 50px;
        height: 40px;
        margin: 0 auto;
    }

    .search-result-section .panel-body {
        border: 1px solid #ddd;
    }

    .search-result-section .table tbody td:nth-of-type(1) {
        width: 60px;
    }

    .search-result-section .table tbody td:nth-of-type(3), .search-result-section .table tbody td:nth-of-type(5) {
        width: 80px;
    }

    .search-result-section .table tbody td:nth-of-type(4), .search-result-section .table tbody td:nth-of-type(6) {
        width: 110px;
    }

    .search-result-section .table tbody td:nth-of-type(7) {
        width: 70px;
    }

    .search-result-section .table tbody td:nth-of-type(2) {
        width: -webkit-calc(100% - 510px);
        width: -moz-calc(100% - 510px);
        width: -ms-calc(100% - 510px);
        width: -o-calc(100% - 510px);
        width: calc(100% - 510px);
        text-align: left;
    }
}

@media (max-width: 767px) {
    .search-result-section .table thead, .search-result-section .table th {
        display: none;
    }

    .search-result-section .table {
        display: block;
        position: relative;
        border: 1px solid #c8c8c8;
    }

    .search-result-section .table tbody, .search-result-section .table tr, .search-result-section .table td {
        display: block;
        border: none;
        position: relative;
    }

    .search-result-section .table tbody tr {
        padding-left: 60%;
    }

    .search-result-section .table tbody tr:nth-child(even) {
        border-top: 1px solid #c8c8c8;
        border-bottom: 1px solid #c8c8c8;
    }

    .search-result-section .table tbody td:nth-of-type(1) {
        display: none;
    }

    .search-result-section .table tbody td:nth-of-type(2) {
        position: absolute;
        padding: 10px;
        width: 60%;
        height: 100%;
        left: 0px;
        border-right: 1px solid #c8c8c8
    }

    .search-result-section .table tbody td:nth-of-type(6) {
        color: #f00;
        font-weight: bold;
    }

    .search-result-section .table tbody td:nth-of-type(7) {
        color: #999;
    }
}

/* ######################## project-catalogue ######################## */
.project-create .panel-body {
    border: 1px solid #eee;
    border-top: 0;
    padding: 10px;
}

.project-create .box_title {
    border: 1px solid #FBE168;
    padding: 10px;
}

.project-create .label-left {
    width: 190px;
    font-size: 13px;
    height: 100%;
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}

.content_content label {
    font-size: 13px;
}

.bor_bor {
    border: 1px solid #DED5DA;
    border-radius: 5px;
    overflow: hidden;
}

.label-label {
    display: block;
    padding: 0 10px;
    line-height: 38px;
}

.item-form > * {
}

.pdall > * {
    padding: 0 5px;
}

.bdl0 {
    border-left: 1px solid #ddd;
}

.label-right.uk-width-1-1 {
    background: #fff;
}

.btn.btn-info:hover {
    opacity: .7;
}

.btn.btn-info {
    display: inline-block;
    margin: 5px 0;
    padding: 9px 20px;
    background: #2a76a7;
    border: 0;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}

.item-form {
    background: #eee;
    border: 1px solid #ddd;
}

.label-label select, .label-label input {
    height: 25px;
    padding: 0 5px;
    min-width: 70px;
}

#fillter_att {
    display: none
}

.content_content .lib-grid-0 .uk-width-1-2:nth-child(1) .item-form {
    border-right: 0;
}

.label-label input.check-box {
    min-width: auto;
}

.item-form:not(:last-child) {
    border-bottom: 0;
}

.content_content {
    padding: 10px;
}

.content_content .form-group {
    background: #eee;
    border: 1px solid #ddd;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.content_content .form-group:not(:last-child) {
    border-bottom: 0;
}

.content_content .form-group .control-lanel {
    width: 190px;
    font-size: 13px;
    height: 100%;
    font-weight: bold;
    display: block;
    padding: 0 10px;
    line-height: 38px;
}

.content_content .form-group .col-sm-10 {
    display: block;
    padding: 10px;
    width: 100%;
    line-height: 38px;
    background: #fff;
}

.label-label select.catagolies {
    min-width: 250px;
}

.box_title_2 {
    background: #F4F4F4;
    padding: 5px 10px;
    border-bottom: 1px solid #333;
    text-transform: none;
    font-size: 13px;
    font-weight: bold;
}

.notedang {
    padding: 10px;
    border: 1px solid #2c83e1;
    border-radius: 10px;
    font-size: 13px;
}

.project-catalogue {
    margin: 0 0 15px 0;
}

.project-catalogue .panel-body {
    padding: 5px 5px;
    border: 1px solid #ddd;
}

.project-catalogue .article {
    position: relative;
    padding: 10px 10px;
    border-bottom: 1px dotted #ddd;
}

.project-catalogue .article .thumb {
    margin: 0 0 5px 0;
}

.project-catalogue .article .infor {
    border: 1px solid #ddd;
}

.project-catalogue .article .title {
    margin: 0;
    padding: 4px 5px;
    font-size: 12px;
    line-height: 17px;
    text-transform: uppercase;
    background: #eee;
    border-bottom: 1px solid #ddd;
}

.project-catalogue .article .title a {
    color: #333;
}

.project-catalogue .article .title a:hover {
    color: #cd0100;
}

.project-catalogue .article .desc {
    padding: 5px;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    color: #000;
}

.project-catalogue .article .desc .item {
    float: left;
    width: 50%;
    margin: 0 0 5px 0;
}

.project-catalogue .article .desc .item:last-child {
    width: 100%;
    margin: 0;
}

.project-catalogue .article .desc .value {
    color: #cd0100;
}

@media (min-width: 960px) {
    .project-catalogue .list-article > li:nth-child(2n + 1) .article {
        padding-left: 0;
    }

    .project-catalogue .list-article > li:nth-child(2n + 2) .article {
        padding-right: 0px;
        border-left: 1px solid #ddd;
    }

    .project-catalogue .article .image {
        height: 175px;
    }
}

@media (min-width: 1220px) {
    .project-catalogue .article .image {
        height: 185px;
    }

    .project-catalogue .article {
        padding: 10px 12px;
    }
}

/* ######################## Aside ######################## */
.aside > * {
    margin-bottom: 5px;
}

.aside-panel .heading-1 {
    margin: 0;
    padding: 10px 0 10px 35px;
    background-color: #4B9FF5;
    background-position: 0px 50%;
    background-repeat: no-repeat;
    background-image: url(img/icongiactron.png);
    text-transform: uppercase;
    font-size: 12px;
    line-height: 14px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.aside-panel .heading-1 > * {
    color: #fff;
}

.aside-panel .panel-body {
    border: 1px solid #4b9ff5;
    border-top: none;
}

.aside-filter-province .accordion .accordion-label {
    display: block;
    padding: 5px 10px;
    text-transform: uppercase;
    color: #114CB7;
    font-weight: bold;
    background: #ECF0F9;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
}

.aside-filter-province .accordion .sub a {
    display: block;
    padding: 7px 0 5px 25px;
    background: #FFF url(img/giacxanh.gif) no-repeat 15px 10px;
    text-transform: none;
    color: #333;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
}

.aside-filter-province .accordion .sub a:hover {
    color: #114CB7;
}

.aside-searchcode {
    padding: 5px;
    background: #81BBD2;
}

.aside-searchcode .form {
    position: relative;
    padding-right: 45px;
}

.aside-searchcode .form .input-text {
    height: 22px;
    padding: 0 5px;
    line-height: 22px;
    border: 1px solid #999;
}

.aside-searchcode .form .btn-submit {
    display: block;
    position: absolute;
    padding: 3px 0;
    top: 0px;
    right: 0px;
    background: #FDCC66;
    border: 1px solid #E29518;
    width: 40px;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.aside-searchcode .form .input-text::-webkit-input-placeholder {
    color: #666;
    font-size: 11px;
}

.aside-searchcode .form .input-text::-moz-placeholder {
    color: #666;
    font-size: 11px;
}

.aside-searchcode .form .input-text:-ms-input-placeholder {
    color: #666;
    font-size: 11px;
}

.aside-searchcode .form .input-text:-moz-placeholder {
    color: #666;
    font-size: 11px;
}

.aside-search .panel-body {
    padding: 10px;
    border: 1px solid #ddd;
    border-top: 2px solid #4B9FF5;
    font-size: 12px;
    line-height: 18px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.aside-search .form-row + .form-row {
    margin-top: 5px;
}

.aside-search .form-label {
    display: block;
    margin: 0 0 2px 0;
    color: #4b9ff5;
}

.aside-search .form-select {
    height: 24px;
    padding: 0 3px;
    line-height: 24px;
    font-size: 12px;
    color: #000;
    border: 1px solid #aaa;
}

.aside-search .btn-submit {
    display: inline-block;
    padding: 2px 5px;
    cursor: pointer;
    color: #000;
}

.aside-featured-project .panel-body,
.aside-estate .panel-body {
    padding: 10px;
    border: 1px solid #ddd;
    font-size: 12px;
    line-height: 18px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.aside-featured-project .list-article li + li {
    margin-top: 5px;
}

.aside-featured-project .article .title {
    margin: 0 0 3px 0;
    font-size: 11px;
    line-height: 17px;
    text-transform: uppercase;
}

.aside-featured-project .article .title a {
    color: #143DA7;
}

.aside-featured-project .article .title a:hover {
    color: #f00;
}

.aside-featured-project .article .thumb {
    float: left;
    width: 66px;
    height: 66px;
    padding: 2px;
    border: 1px solid #ddd;
}

.aside-featured-project .article .infor {
    float: right;
    width: -webkit-calc(100% - 66px);
    width: -moz-calc(100% - 66px);
    width: -ms-calc(100% - 66px);
    width: -o-calc(100% - 66px);
    width: calc(100% - 66px);
    padding-left: 10px;
    font-size: 11px;
    line-height: 17px;
    color: #000;
    font-weight: bold;
}

.aside-featured-project .article .description p {
    margin: 0;
}

.aside-featured-project .article .description .value {
    color: #f00;
}


.aside-estate .carousel {
    height: 390px !important;
}

.aside-estate .list-article > li {
    margin-bottom: 5px;
    height: auto !important;
}

.aside-estate .list-article > li + li {
    padding-top: 5px;
    border-top: 1px dotted #0000ff;
}

.aside-estate .article .title {
    margin: 0 0 5px 0;
    font-size: 11px;
    line-height: 17px;
}

.aside-estate .article .title a {
    color: #dc3431;
}

.aside-estate .article .price {
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
}

.aside-estate .article .description {
    font-size: 11px;
    line-height: 17px;
}

.aside-estate .article .description .item {
    float: left;
    width: 50%
}

.aside-feedback .heading,
.aside-document .heading,
.aside-support .heading {
    margin: 0;
    padding: 10px 0 10px 40px;
    background: #4B9FF5 url(img/ykienleft.png) no-repeat left;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 14px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.aside-feedback .heading > *, .aside-document .heading > *, .aside-support .heading > * {
    color: #fff;
}

.aside-feedback .panel-body,
.aside-document .panel-body,
.aside-support .panel-body {
    padding: 10px;
    border: 1px solid #4b9ff5;
}

.aside-feedback .list-article > li {
    padding: 5px 0 5px 10px;
    border-bottom: 1px dotted #ddd;
    background: url(img/tenxanh.gif) 0 9px no-repeat;
}

.aside-feedback .article {
    font-size: 12px;
    line-height: 18px;
    color: #333;
}

.aside-feedback .article .title {
    margin: 0;
    font-size: 12px;
    line-height: 17px;
}

.aside-feedback .article .title a {
    color: #333;
}

.aside-feedback .article .title a:hover {
    color: #ff0000;
}

.aside-feedback .article .position {
    color: #999;
}

.aside-document .heading {
    background: #4B9FF5 url(img/icontailieuleft.png) no-repeat left;
}

.aside-document .panel-body, .aside-support .panel-body {
    padding: 5px;
}

.aside-document .list-article > li {
    padding: 5px 0 5px 10px;
    background: url(img/tendo.gif) 0 9px no-repeat;
}

.aside-document .list-article a {
    display: block;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    color: #000;
}

.aside-document .list-article a:hover {
    color: #f00;
}

.aside-support .list > li {
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    color: #4178cb;
}

.aside-support .list > li + li {
    margin-top: 10px;
}

.aside-support .list > li .infor {
    padding-top: 5px;
}

.aside-project .heading-1 {
    background-image: url(img/icon_duanhome.png);
    background-position: 10px 50%;
}

.aside-project .list-article > li {
    padding: 10px;
}

.aside-project .list-article > li + li {
    border-top: 1px dotted #85BCD2;
}

.aside-project .article .title {
    margin: 0;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
}

.aside-project .article .title a {
    color: #055ea2;
}

.aside-project .article .thumb {
    float: left;
    width: 100px;
    height: 92px;
    padding: 3px;
    border: 1px solid #000;
}

.aside-project .article .infor {
    float: right;
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: -ms-calc(100% - 100px);
    width: -o-calc(100% - 100px);
    width: calc(100% - 100px);
    padding-left: 10px;
}

.aside-project .article .excerpt {
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
}

.aside-project .article .excerpt p {
    margin: 0;
}

.aside-project .article .excerpt .value {
    color: #f00;
}


.aside-video .panel-body {
}

.aside-video .featured {
    height: 230px;
}

.aside-video .list-video a {
    display: block;
    padding: 7px 0 7px 30px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    background-image: url(img/iconvideo.png);
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    color: #333;
}

.aside-video .list-video > li:nth-child(odd) a {
    background-color: #F1F8F8;
}

.aside-video .list-video a:hover {
    color: #ff0000
}

.aside-fengshui .panel-body {
    position: relative;
    padding: 10px 10px 15px 10px;
}

.aside-fengshui .form .form-row + .form-row {
    margin-top: 5px;
}

.aside-fengshui .form .form-row {
    position: relative;
    padding-left: 105px;
}

.aside-fengshui .form .form-label {
    display: block;
    position: absolute;
    left: 0px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    color: #333;
}

.aside-fengshui .form .form-select {
    height: 22px;
    padding: 0 5px;
    line-height: 22px;
    font-size: 12px;
    color: #333;
}

.aside-fengshui .form .btn-submit {
    display: inline-block;
    padding: 3px 5px;
    font-size: 12px;
    cursor: pointer;
}

.aside-statistical .heading-1 {
    padding-left: 45px;
    background-image: url(img/thongkehome.png);
}

.aside-statistical .panel-body {
    position: relative;
    padding: 10px;
}

.aside-statistical .visit {
    margin: 0 0 10px 0;
    font-size: 12px;
    line-height: 18px;
    color: #333;
    font-weight: bold;
}

.aside-statistical .visit li + li {
    margin-top: 5px;
}

.aside-statistical .visit .value {
    color: #ff0000;
}

.aside-statistical .total {
    font-size: 15px;
    margin: 0 0 5px 0;
}

.aside-statistical .list-trade a {
    display: block;
    font-size: 11px;
    line-height: 18px;
    color: #ff0000;
}

.aside-statistical .list-trade a .count {
    color: #333;
}

.aside-statistical .list-trade a:hover {
    color: #333;
}

.aside-nav .menu li a {
    display: block;
    padding: 9px 0 8px 30px;
    background: url(img/iconleftnews.png) no-repeat 10px 10px;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    color: #0094d0;
}

.aside-nav .menu li + li a {
    border-top: 1px dotted #cae6e5;
}

.aside-nav .site-link li a {
    display: block;
    position: relative;
    padding: 7px 0 7px 25px;
    font-size: 12px;
    line-height: 18px;
    color: #114cb7;
    background: url(img/iconleftnews.png) 5px 9px no-repeat;
}

.aside-nav .site-link li + li a {
    border-top: 1px solid #eee;
}

.aside-featured-news .slide-show {
    padding-bottom: 10px;
}

.aside-featured-news .slide-show .uk-slidenav {
    display: block;
    width: 20px;
    height: 19px;
    top: initial;
    bottom: 0px;
    background: url(img/next.gif);
}

.aside-featured-news .slide-show .uk-slidenav-previous {
    background: url(img/prev.gif);
}

.aside-featured-news .uk-slidenav:before {
    display: none;
}

.aside-featured-news .article .thumb {
    margin: 0 0 5px 0;
    width: 100%;
    height: 191px;
    padding: 11px;
    background: url(img/bgslideimg.gif) center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.aside-featured-news .article .title {
    margin: 0;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    text-align: center;
}

.aside-featured-news .article .title a {
    color: #333;
}

.aside-featured-news .article .title a:hover {
    color: #d50000;
}

.aside-filter .panel-body {
    position: relative;
    padding: 5px;
    font-size: 12px;
    line-height: 18px;
    color: #000;
}

.aside-filter .form-row + .form-row {
    margin-top: 3px;
}

.aside-filter .form .form-select {
    height: 24px;
    padding: 0 3px;
    border: 1px solid #ddd;
    font-size: 12px;
    line-height: 24px;
    color: #000;
}

.aside-filter .form .btn-submit {
    display: inline-block;
    margin-left: 5px;
    padding: 1px 5px;
    cursor: pointer;
    outline: 0;
}

.aside-filter .form .action a {
    color: #143DA7;
}

.aside-filter .form .action a:hover {
    color: #f00;
}

/* ######################## Article ######################## */
.artcatalogue {
    margin-bottom: 25px !important;
}

.artcatalogue .panel-body {
    padding: 0 0 10px 0;
}

.artcatalogue .list-article > li:not(:last-child) {
    margin-bottom: 10px;
}

[class*=article-] .description p {
    margin: 0;
}

[class*=article-] .title a {
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
}

.artcatalogue .panel-head {
    margin: 0 0 10px 0;
}

.artcatalogue .article-1 {
    position: relative;
}

.artcatalogue .article-1 .infor {
    position: absolute;
    width: 100%;
    padding: 5px;
    top: initial;
    bottom: 0px;
    left: 0px;
    background: rgba(0, 0, 0, .5);
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%);
    z-index: 5;
}

.artcatalogue .uk-slideshow li.uk-active .article-1 .infor {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.artcatalogue .article-1 .title {
    margin: 0;
    font-size: 12px;
    line-height: 18px;
}

.artcatalogue .article-1 .title a {
    color: #fff;
}

.artcatalogue .article-1 .title a:hover {
    color: #f00;
}

.artcatalogue .article-1 .description {
    font-size: 12px;
    line-height: 18px;
    color: #fff;
}


@media (min-width: 567px) {
    .artcatalogue .slide-show .uk-slidenav {
        display: block;
        width: 20px;
        height: 19px;
        top: initial;
        bottom: -5px;
        left: initial;
        right: 5px;
        background: url(img/next.gif);
    }

    .artcatalogue .slide-show .uk-slidenav-previous {
        right: 27px;
        background: url(img/prev.gif);
    }

    .artcatalogue .slide-show .uk-slidenav:before {
        display: none;
    }

    .artcatalogue .slide-show .uk-dotnav {
        left: initial;
        right: 50px;
    }

    .artcatalogue .slide-show .uk-dotnav {
        bottom: 5px;
    }

    .artcatalogue .slide-show .uk-dotnav > * + * {
        margin-left: 2px;
    }

    .artcatalogue .slide-show .uk-dotnav > * > * {
        width: 20px;
        height: 18px;
        line-height: 20px;
        text-align: center;
        text-indent: 0;
        font-size: 12px;
        font-weight: bold;
        background: #cdcdcd;
        color: #000;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
    }

    .artcatalogue .slide-show .uk-dotnav > .uk-active > * {
        background: #848484;
        color: #fff;
    }

    .artcatalogue .article-1 .image {
        height: 300px;
    }

    .artcatalogue .article-1 .infor {
        width: 70%;
        padding: 5px 10px;
    }

    .artcatalogue .article-1 .title,
    .artcatalogue .article-1 .description {
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .artcatalogue .article-1 .title {
        height: 18px;
    }

    .artcatalogue .article-1 .description {
        height: 36px;
    }
}

@media (max-width: 567px) {
    .artcatalogue .slide-show .uk-dotnav,
    .artcatalogue .slide-show .uk-slidenav {
        display: none;
        visibility: hidden;
        opacity: 0;
    }
}

@media (min-width: 479px) and (max-width: 567px) {
    .artcatalogue .article-1 .image {
        height: 250px;
    }
}

@media (max-width: 479px) {
    .artcatalogue .article-1 .image {
        height: 225px;
    }
}

.artcatalogue .panel-body {
    padding: 15px 10px 0 10px;
    border: 1px solid #b6bfc6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.artcatalogue .pagination {
    border-top: 1px dotted #85bcd2;
}

.artcatalogue .list-article > li {
    margin-bottom: 10px;
}

.artcatalogue .list-article > li + li {
    padding-top: 10px;
    border-top: 1px solid #eee;
}

.artcatalogue .article .thumb {
}

.artcatalogue .article .title {
    margin: 0 0 5px 0;
    font-size: 12px;
    line-height: 18px;
}

.artcatalogue .article .title a {
    color: #333;
}

.artcatalogue .article .title a:hover {
    color: #d50000;
}

.artcatalogue .article .description {
    font-size: 12px;
    line-height: 18px;
    color: #333;
}

@media (min-width: 960px) {
    .artcatalogue .article .thumb {
        margin: 0 0 10px 0;
    }

    .artcatalogue .article .image {
        height: 300px;
    }
}

@media (max-width: 960px) {
    .artcatalogue .article .thumb {
        float: left;
        width: 200px;
        height: 135px;
    }

    .artcatalogue .article .infor {
        float: right;
        width: -webkit-calc(100% - 200px);
        width: -moz-calc(100% - 200px);
        width: -ms-calc(100% - 200px);
        width: -o-calc(100% - 200px);
        width: calc(100% - 200px);
        padding-left: 15px;
    }
}

@media (max-width: 567px) {
    .artcatalogue .article .thumb {
        width: 125px;
        height: 95px;
    }

    .artcatalogue .article .infor {
        width: -webkit-calc(100% - 125px);
        width: -moz-calc(100% - 125px);
        width: -ms-calc(100% - 125px);
        width: -o-calc(100% - 125px);
        width: calc(100% - 125px);
        padding-left: 10px;
    }

    .artcatalogue .article .title {
        height: 36px;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .artcatalogue .article .description {
        height: 54px;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis
    }
}


/* ######################## Detail ######################## */
.detail-section {
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #B6BFC6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.share-box > * + * {
    margin-left: 5px;
}

.share-box .plus {
    position: relative;
    margin-top: -4px;
}

.art-detail img,
.intro-detail img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto 15px auto !important;
}

.art-detail table,
.intro-detail table {
    width: 100%;
    border-collapse: collapse;
}

.art-detail table td, .art-detail table th {
    padding: 8px;
    border: 1px solid #898989;
}

.art-detail, .intro-detail {
    margin: 0 0 10px 0;
    font-size: 12px;
    line-height: 18px;
    color: #000;
}

.art-detail .art-content p {
    margin: 0 0 10px 0;
}

.art-detail .main-title {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: #000;
}

.art-detail .description {
    margin: 0 0 10px 0;
    font-weight: bold;
}

.art-detail .tags {
    border: 1px solid #DDD;
    background: #EEE;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
}

.art-detail .tags a {
    display: block;
    padding-right: 5px;
    float: left;
    color: #000;
}

.art-detail .tags a:hover {
    color: #f00;
}

.intro-detail {
    margin: 0 0 10px 0;
}

.intro-detail .panel-body {
    padding: 10px;
    border: 1px solid #ddd;
}

.intro-detail .panel-body p {
    margin: 0 0 10px 0;
}

@media (max-width: 1220px) {
    .art-detail .main-title {
        font-size: 18px;
        line-height: 24px;
    }
}

/* estate-detail */
.estate-detail {
    margin: 0;
}

.estate-detail .main-title {
    margin: 0 0 15px 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
}

.estate-detail .panel-body {
    padding: 10px;
    border: 1px solid #ddd;
    border-bottom: none;
}

.estate-detail .price_code {
    padding: 0 0 10px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.estate-detail .price {
    font-size: 17px;
    line-height: 20px;
    color: #f00;
    font-weight: bold;
}

.estate-detail .code > * {
    display: block;
    float: left;
}

.estate-detail .code .label {
    padding: 5px 10px;
    background: #3C9DCA;
    border: 1px solid #3C9DCA;
    font-size: 11px;
    line-height: 17px;
    color: #fff;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -ms-border-radius: 4px 0 0 4px;
    -o-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.estate-detail .code .value {
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #3C9DCA;
    font-size: 15px;
    line-height: 17px;
    font-weight: bold;
    color: #000;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.estate-detail .meta {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 18px;
    color: #999;
}

.estate-detail .gallerys_excerpt {
    font-size: 12px;
    line-height: 18px;
    color: #333;
}

.estate-detail .gallerys_excerpt .box {
    margin-bottom: 10px;
    border: 1px solid #B8D4E9;
    background: #fff;
}

.uk-list.uk-clearfix.child li {
    display: inline-block;
    margin-right: 5px;
}

.estate-detail .gallerys-box {
    float: left;
    margin-right: 15px;
    width: -webkit-calc(100% - 295px);
    width: -moz-calc(100% - 295px);
    width: -ms-calc(100% - 295px);
    width: -o-calc(100% - 295px);
    width: calc(100% - 295px);
}

.estate-detail .excerpt-box {
    float: right;
    width: 280px;
}


.gallerys .gallery li {
    height: 300px;
}

.gallerys .lSGallery li {

}

.gallerys .lSGallery li a img {
    width: 100%;
    object-fit: cover;
    height: 100% !important;
}

.gallerys .lSGallery li a {
    padding: 1px;
    display: block;
    border: 1px solid #dedede;
    height: 100%;
}

.optionimage {
    padding: 2px;
    border-bottom: 1px solid #B8D4E9;
    background: #F4F7FC;
}

.optionimage a {
    font-weight: bold;
    color: #999;
    display: block;
    float: left;
    padding: 0 10px;
    margin-right: 10px;
    height: 25px;
    line-height: 25px;
}

.optionimage a.active {
    background: #EEE;
    color: #000;
    display: block;
    float: left;
    padding: 0 10px;
    margin-right: 10px;
    height: 25px;
    line-height: 25px;
}

.excerpt-box.box ul.list li {
    line-height: 24px;
}

.excerpt-box.box ul.list > li {
    background: url('img/iconcautruc.png') no-repeat left;
    padding-left: 15px;
}

.excerpt-box .title {
    padding: 0 10px;
    border-bottom: 1px solid #B8D4E9;
    background: #F7F7F7;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 29px;
}

.gallerys .lSGallery li.active a {
    border-color: #67bd50;
}

.estate-detail .content {
    margin: 0;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 12px;
    line-height: 18px;
    color: #333;
}

.estate-detail .content .title {
    padding: 4px 10px;
    font-weight: bold;
    text-transform: uppercase;
    background: #f7f7f7;
    border-bottom: 1px solid #B8D4E9;
}

.estate-detail .content .description {
    padding: 10px;
}

.estate-detail .tags {
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #ddd;
    border-top: none;
    background: #eee;
    font-size: 12px;
    line-height: 18px;
}

.estate-detail .tags a {
    display: block;
    float: left;
    padding-right: 5px;
    color: #333;
}

.estate-detail .tags a:hover {
    color: #ff0000;
}

.estate-detail .infor {
    font-size: 12px;
    line-height: 18px;
    border: 1px solid #ddd;
}

.estate-detail .infor .title {
    padding: 5px 10px;
    border-bottom: 1px solid #DDD;
    background: #f7f7f7;
    text-transform: uppercase;
    font-weight: bold;
}

.estate-detail .infor .title input[type="checkbox"] {
    position: relative;
    display: inline-block;
    margin-left: 3px;
    top: 3px;
}

.estate-detail .infor .list {
    padding: 10px;
    background: #fff;
}

.estate-detail .infor .box {
    position: relative;
    border: 1px solid #ddd;
    padding-left: 31px;
}

.estate-detail .infor .list > li:nth-child(n+2) .box {
    border-left: none;
}

.estate-detail .infor .list > li:nth-child(3n+4) .box {
    border-left: 1px solid #ddd;
}

.estate-detail .infor .list > li:nth-child(n+4) .box {
    border-top: none;
}

.estate-detail .infor .box .icon {
    display: block;
    position: absolute;
    width: 31px;
    height: 30px;
    top: 0px;
    left: 0px;
    background: #eee;
    border-right: 1px solid #ddd;
    line-height: 35px;
    text-align: center;
}

.estate-detail .infor .box .value {
    display: block;
    padding: 6px 10px 6px 5px;
}

.estate-detail .action {
    margin: 0 0 5px 0;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-top: none;
    background: #f7f7f7;
}

.estate-detail .action .btn {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #143DA7;
}

.estate-detail .action .btn:hover {
    color: #f00;
}

.estate-detail .action .add-like {
    padding: 2px 10px;
    border: 1px solid #ddd;
}

.estate-detail .action .btn-group .btn {
    float: left;
    padding: 10px 10px;
}

.estate-detail .action .btn-group .btn + .btn {
    border-left: 1px solid #ddd;
}

/* estate-same */
.estate-same {
    position: relative;
    margin: 0 0 10px 0;
    padding: 0px 10px 0 10px;
    border: 1px solid #ddd;
    border-top: none;
}

.estate-same .panel-head {
    padding: 5px 10px;
    border: 1px solid #ddd;
    background: #f7f7f7;
    font-size: 12px;
    line-height: 18px;
}

.estate-same .nav-tabs > li {
    float: left;
    padding: 6px 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: #02538C;
    cursor: pointer;
}

.estate-same .nav-tabs > li.uk-active {
    color: #000;
    background: url(img/bgtabdetailother.jpg) 0px 0px repeat-x;
    border-right: 1px solid #999;
}

.estate-same .nav-tabs > li + li {
    margin-left: 10px;
}

.estate-same .panel-body {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-top: none;
}

.estate-same .list-article > li {
    margin-bottom: 10px;
}

.estate-same .article .thumb {
    float: left;
    width: 50px;
    height: 50px;
}

.estate-same .article .infor {
    float: right;
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    width: -ms-calc(100% - 50px);
    width: -o-calc(100% - 50px);
    width: calc(100% - 50px);
    padding-left: 10px;
}

.estate-same .article .title {
    margin: 0;
    font-size: 11px;
    line-height: 17px;
    font-weight: bold;
}

.estate-same .article .title a {
    color: #333;
}

.estate-same .article .title a:hover {
    color: #ff0000;
}

.estate-same .article .price {
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
}

.estate-same .pagination {
    padding: 0;
}

/* Article same */
.art-same {
    margin-bottom: 10px;
}

.art-same .heading {
    margin: 0 0 5px 0;
    font-size: 12px;
    line-height: 18px;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
}

.art-same ul li {
    position: relative;
    padding-left: 10px;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    color: #999;
}

.art-same ul li:before {
    content: "\f0da";
    display: block;
    position: absolute;
    font-family: FontAwesome;
    font-size: 10px;
    color: #666;
    left: 0px;
    top: -1px;
}

.art-same ul li a {
    color: #333;
}

.art-same ul li a:hover {
    color: #f00;
}


/* ######################## Contact ######################## */
.contact {
    margin: 0 0 30px 0;
}

.contact .contact-infomation,
.contact .contact-form {
    margin-bottom: 20px !important;
}

.contact .contact-infomation .note {
    margin-bottom: 10px;
    font-style: italic;
    color: #666;
    font-weight: 500;
}

.contact .contact-infomation .company {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #f7941d;
    font-weight: normal;
    font-family: 'UTM Avo Bold', sans-serif;
}

.contact .contact-infomation .address {
    margin-bottom: 20px;
}

.contact .contact-infomation .address p {
    margin: 0 0 5px 0;
    color: #000;
}

.contact .contact-infomation .address a {
    color: #000;
}

.contact .contact-map {
    padding: 4px;
    border: 1px solid #d5d5d5;
    height: 340px;
}

.contact .contact-form .label {
    font-size: 14px;
    line-height: 22px;
    color: #000;
    margin-bottom: 15px;
}

.contact .contact-form .form-row {
    margin-bottom: 10px;
}

.contact .contact-form .input-text,
.contact .contact-form .form-select,
.contact .contact-form .form-textarea {
    border: 1px solid #d5d5d5;
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

.contact-form .form-select {
    color: #999 !important;
}

.contact .contact-form .input-text,
.contact .contact-form .form-select {
    height: 30px;
}

.contact .contact-form .form-textarea {
    padding: 5px 10px;
    height: 200px;
}

.contact-form .btn-submit {
    display: inline-block;
    padding: 6px 25px;
    cursor: pointer;
    background: #f7941d;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #fff;
    border: none;
}

/* ######################## Banner ######################## */
.homepage-banner {
    margin-bottom: 5px;
}

.homepage-banner.box-1 {
    margin-bottom: 15px;
}


/* ######################## Footer ######################## */
.footer {
    position: relative;
    background: #fff;
}

.footer .upper {
    padding: 5px;
    background: #D9D6D6;
    text-align: center;
    font-size: 0;
    line-height: 0;
}

.footer .upper .site-link {
    display: inline-block;
}

.footer .upper .site-link li {
    float: left;
    position: relative;
}

.footer .upper .site-link li + li {
    margin-left: 5px;
    padding-left: 5px;
}

.footer .upper .site-link li + li:before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 10px;
    left: 0px;
    top: 3px;
    background: #474646;
}

.footer .upper .site-link a {
    display: block;
    font-size: 12px;
    line-height: 17px;
    font-weight: bold;
    color: #474646;
}

.footer .lower {
    position: relative;
    padding: 10px;
}

.footer .lower .address {
    font-size: 12px;
    line-height: 16px;
    font-family: Tahoma, sans-serif;
}

.footer .lower .address p {
    margin: 0;
}

@media (min-width: 768px) {
    .footer .lower .address {
        text-align: right;
    }
}

@media (max-width: 768px) {
    .footer .upper {
        display: none;
    }

    .footer .lower {
        background: #eaeaea;
    }

    .footer .lower .container {
        display: block;
    }

    .footer .lower .address {
        margin-top: 10px;
    }
}

@media (max-width: 600px) {
    .estate-detail .gallerys-box, .estate-detail .gallerys_excerpt .box {
        width: 100%;
    }

    .general-section .nav-tabs {
        padding: 0;
        background-image: none;
    }
}

/* </nhadathungyen.css> */

.btn-post-vip {
    display: block;
    position: relative;
    padding: 0 20px 0 30px;
    background: url(img/ipost.png) 0% center no-repeat;
    font-size: 12px;
    line-height: 29px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}

.btn-post-free {
    display: block;
    position: relative;
    padding: 0 20px 0 30px;
    background: url(img/ipost.png) 0% center no-repeat;
    font-size: 12px;
    line-height: 29px;
    text-transform: uppercase;
    font-weight: 700;
}


/* cap nhat giao dien trang chu */
.news-vip .infor .price {
    margin: 3px 0 3px 0;
}

.news-vip .list-article li {
    margin: 0;
    padding-top: 15px;
    padding-bottom: 15px;
}
.news-hot #list-home-news td img {
    height: 55px;
    object-fit: cover;
}
.news-hot #list-home-news td:first-child {
    width: 75px!important;
}
.news-hot #list-home-news td {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 12px;
}
.aside-project .list-article .article .title {
    margin: 0 0 5px 0;
}

.aside-project .list-article > li {
    margin: 5px 0;
}
@media(max-width: 767px) {
    .image-project-mobile {
        display: block!important;
        width: 100%;
        margin: 0 0 5px 0;
    }

    .image-project-mobile img {
        height: 90px!important;
        width: 100%;
        object-fit: cover;
    }
    .news-hot #list-home-news .ajax-pagination_ td:first-child {
        width: 100% !important;
    }
}
.artcatalogue .list-article .article {
    display: flex;
}

.artcatalogue .list-article .article .thumb {
    width: 30%;
    float: left;
}

.artcatalogue .list-article .article .thumb .image {
    height: 100px;
}

.artcatalogue .list-article .article .infor {
    width: 70%;
    padding-left: 15px;
}
/* cap nhat giao dien trang chu */