﻿/* Công ty cổ phần Angkorich
 * Bootstrap v3.3.7
 * Copyright 2018 by Angkorich
 * Edit code bootstrap by linhlv.akr@gmail.com
 */
@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed|Open+Sans|Playfair+Display|Roboto+Slab|Yeseva+One');
@charset "utf-8";
@import url(font-awesome.css);
@import url(modules.css);
@import url(responsive.css); /*Nếu không sử dụng giao diện responsive chuyển qua file noresponsive*/
@import url(carousel.css);

body {
    background: #fff;
    color: #222;
    font-size: 14px;
    font-family: 'Open Sans',sans-serif;
    font-family: sans-serif;
    line-height: 1.4
}
/*Style Css*/
/*===================================================================================*/

.Wrapper {
    max-width: 1600px;
    margin: 0 auto;
}

.header-top {
    height: 30px;
    line-height: 30px;
    /*background-image: linear-gradient(to bottom right, #CC5F26,#cc5f28, #e16e35,#cc5f28);*/
    background: #143480;
}

.ngonngu {
    /*background: white;*/
    height: 28px;
    margin-top: -1px;
    width: 60px;
    padding: 0 5px;
    float: left;
    margin-right: 10px;
}

    .ngonngu img {
        background: white;
        padding: 1px;
        border: 1px solid #d2d2d2;
        width: 23px;
        height: 20px;
        box-shadow: 1px 1px 2px #5f5f5f;
    }

.header-mid {
    height: 90px;
    background: white;
}

.header-mid-bt {
    z-index: 9999;
}

#header {
    height: 90px;
    width: 100%;
    z-index: 9999999;
}

.logo {
    float: left;
    width: 22%;
    background: #fff;
    height: 90px;
    text-align: center;
}

    .logo img {
        width: auto;
        margin: 0 auto;
        height: 80px;
        /*margin-left: 20px;*/
        padding-top: 5px;
    }

.header-r {
    width: 78%;
    float: left;
    background: #379d30;
    height: 90px;
    padding-right: 20px;
    position: relative;
}



.name-ct-hd-mid h2 {
    font-weight: bold;
    text-transform: uppercase;
    color: #cc5f28;
    font-size: 22px;
    margin-top: 30px;
    font-family: -webkit-pictograph;
}

.menu {
    clear: right;
    height: 40px;
    z-index: 999;
    /*background-image: linear-gradient(to bottom right, #CC5F26,#cc5f28, #e16e35,#cc5f28);*/
}

#mainMenu {
    width: 90%;
    float: right;
    line-height: 40px;
}

img.icon-sp-top {
    width: 40px;
    height: 40px;
    padding: 5px;
}

.search {
    width: 30%;
    float: right;
    position: relative;
    margin-top: 30px;
}

    .search input {
        height: 33px;
        width: 100%;
        padding-right: 100px;
        text-indent: 5px;
        border: 1px solid #fcb92d;
        font-weight: bold;
        font-size: 13px;
    }

    .search button {
        position: absolute;
        width: 100px;
        height: 33px;
        right: 0;
        top: 0;
        border: 1px solid #fcb92d;
        background: #fcb92d;
        color: white;
    }

        .search button:hover {
            opacity: 0.8;
        }

        .search button i {
            font-size: 18px;
            margin-right: 5px;
        }

.navmenu > li {
    position: relative;
}

    .navmenu > li:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 3px;
        background: white;
        left: -20px;
        bottom: 0px;
        visibility: hidden;
        opacity: 0;
        transition: 500ms;
    }

    .navmenu > li:hover:after {
        visibility: visible;
        opacity: 1;
        left: 0
    }

.name-ct-hd-mid {
    float: left;
}

.ngonngu-top {
    float: right;
    height: 45px;
    line-height: 45px;
    padding-right: 15px;
}

.hotline-vs-gio {
    float: right;
    /* line-height: 90px; */
    height: 45px;
    line-height: 45px;
}

.hotline-top, .giolamviec {
    float: right;
    margin-right: 10px;
}

.hotline-vs-gio span {
    font-size: 14px;
    color: white;
}

.hotline-vs-gio i {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    font-size: 18px;
    background: #fcb92d;
    color: white;
    line-height: 40px;
    text-align: center;
}



/*main*/
.slide {
    /*height: 400px;*/
}

#slide_home img {
    height: 550px;
    width: 100%
}

.tamnhin-sumenh {
    margin: 20px 0;
}

.icon-tamnhin, .icon-sumenh {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    position: relative;
    margin-bottom: 10px;
}

    .icon-tamnhin h3, .icon-sumenh h3 {
        position: absolute;
        bottom: 0;
        background: #ffffffab;
        left: 0;
        text-align: center;
        width: 100%;
        color: black;
        padding: 10px 0;
        font-weight: bold;
        font-size: 22px;
    }

    .icon-sumenh img, .icon-tamnhin img {
        height: 210px;
        border-radius: 5px;
        width: 100%;
    }

.nd-tamnhin, .nd-sumenh {
    text-align: center;
    font-size: 15px;
}

.sumenh-all, .tamnhin-all {
    padding: 10px;
    border: 1px solid #d7d7d7;
    font-family: arial;
    box-shadow: 0px 2px 2px gray;
    min-height: 370px;
}

.linhvuc-hd {
    /*background:url("../images/bg/c7.jpg");*/
    /*background-size: cover;*/
    /*padding: 30px 0;*/
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    float: left;
}

.nd-tamnhin h3, .nd-sumenh h3 {
    font-weight: bold;
    font-size: 22px;
    color: #1e2d3b;
}

.item-linhvuc p {
    font-size: 15px;
    text-align: justify;
}

.item-linhvuc {
    text-align: center;
    padding: 3px;
    border: 1px solid #f8f8f8;
    background: #ffffffa8;
    /*box-shadow: 2px 3px 2px #2e2c2c;*/
    display: inline-block;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    background: #379d30;
    width: 100%;
}

    .item-linhvuc .hm-responsive {
        padding-top: 70%;
    }
    /*.item-linhvuc:before{
	pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    right: 0;
    background: white;
    background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height;
}
.item-linhvuc:hover:before{
	    width: 35px;
    height: 35px;
}*/
.item-linhvuc:hover p {
    font-weight: bold;
    transition: 0.5s;
    color: #3a3333;
}

.item-linhvuc:hover .name-lvuc {
    color: #de4a00;
    font-weight: bold;
}

.name-lvuc {
    font-size: 16px;
    color: #fff;
    /* font-weight: bold; */
    /* text-transform: uppercase; */
    text-align: center;
    margin: 10px 0;
    min-height: 43px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.title-linhvuc {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
    color: #1e2d3b;
    padding: 10px 0;
    background: #ffffffbf;
}

.name-ct-gt {
    color: #1e2d3b;
    margin-bottom: 15px;
    font-weight: bold;
    position: relative;
    padding-bottom: 5px;
}
/*.name-ct-gt:after{
    position: absolute;
    content: "";
    height: 2px;
    width: 20%;
    background: #1e2d3b;
    top: 100%;
    left: 0;
}*/
.nd-tt-cty {
    line-height: 1.8;
    text-align: justify;
}

.img-cty {
    text-align: center;
    /*  max-height: 400px;*/
    /*background: url("../images/bgr/ct169nnv.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;*/
}

    .img-cty img {
        max-height: 100%;
        max-width: 100%;
    }
/*.danhsach-thietbi{
	margin:30px 0;
}*/
.ctgr li {
    position: relative;
    display: flex;
    border: 1px solid #d9d9d9;
    margin-bottom: 2px;
}

    .ctgr li:nth-child(2n) .img-sp-ctgr {
        order: 2;
    }

    .ctgr li:nth-child(2n) .ndc-sp-ctgr {
        order: 1;
        text-align: right;
    }

.img-sp-ctgr {
    width: 50%;
    float: left;
}

.ndc-sp-ctgr {
    width: 50%;
    float: left;
    align-items: center;
    display: grid;
    padding: 0 20px;
}

.item-nd-ctgr h4 {
    font-size: 24px;
    margin: 15px 0;
    font-weight: bold;
}

.item-nd-ctgr p {
    text-align: justify;
    line-height: 25px;
    font-size: 14px;
    margin-bottom: 0;
}

.name-section {
    font-size: 27px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    margin: 30px 0;
    color: #1e2d3b;
    padding: 10px 0;
}

.link-ds-thietbi {
    color: red;
    font-size: 15px;
    font-weight: bold
}

.img-duan-item .hm-responsive {
    padding-top: 65%;
}

.item-du-an {
    position: relative;
    /* padding: 5px; */
    border: 1px solid #d7d5d5;
    min-height: 335px;
    margin-bottom: 20px;
    box-shadow: 0px 2px 5px silver;
    background: #f8f8f8;
    border-radius: 5px;
}

    .item-du-an:hover .name-du-an {
        color: #de4a00;
    }

.duan-dienhinh {
    /*background: url("../images/bg/s2.jpg");*/
    /*background-size: cover;*/
    font-family: 'Fira Sans Condensed', sans-serif;
    padding-bottom: 30px;
    background: #cecece;
}

.click-xemthem {
    padding: 8px 20px;
    color: #1e2d3b;
    margin-top: 10px;
}

    .click-xemthem:hover {
        opacity: 0.8;
    }

.tintuc .title-section-2index {
    position: relative;
}

.click-xemthem-ttuc {
    position: absolute;
    right: 10px;
    font-size: 14px;
    color: black;
}

/*.duan-dienhinh .name-section{
	color: white;
}*/
.name-du-an {
    text-transform: uppercase;
    padding: 10px 0;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    min-height: 52px;
    font-family: 'Open Sans', sans-serif;
    color: #1e2d3b;
}

.tt-du-an p {
    margin-bottom: 5px;
    font-size: 15px;
    color: #1e2d3b;
    font-weight: bold;
    padding: 0 10px;
}

    .tt-du-an p span {
        color: black;
        font-weight: 500;
        margin-left: 5px;
    }

.doitac-khachhang {
    margin: 30px 0;
}

.item-doitac img {
    padding: 5px;
    border: 1px solid #d1d1d1;
}

.item-doitac {
    padding: 5px;
    margin-bottom: 5px;
}

/*trang thiet bị*/
.nhanluc {
    margin: 20px 0;
}

.gt-thietbi-top {
    margin-bottom: 20px;
}

.img-gt-thietbi {
    margin-bottom: 10px;
}

    .img-gt-thietbi .hm-responsive {
        padding-top: 35%;
    }

.name-gt-tbi {
    font-size: 18px;
    text-align: center;
    color: #1e2d3b;
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.gt-thietbi-l p {
    font-size: 15px;
    line-height: 1.6;
}

.table thead {
    background-image: linear-gradient(to bottom right, #CC5F26,#cc5f28, #e16e35,#cc5f28);
    color: white;
    font-family: arial;
}

.table th {
    font-size: 13px !important;
}

.table td {
    background: #ce8d1638;
    font-size: 13px;
    text-align: center;
}

td.td-loai-tbi {
    color: white;
    background: orange;
    font-size: 16px;
    text-align: left;
}

td.bgr-name-tbi {
    background: #eb980057;
    text-align: left;
}

.thietbi {
    margin: 20px 0;
}
/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/*jssor slider arrow skin 106 css*/
.jssora106 {
    display: block;
    position: absolute;
    cursor: pointer;
}

    .jssora106 .c {
        fill: #fff;
        opacity: .3;
    }

    .jssora106 .a {
        fill: none;
        stroke::;
        stroke-width: 350;
        stroke-miterlimit: 10;
    }

    .jssora106:hover .c {
        opacity: .5;
    }

    .jssora106:hover .a {
        opacity: .8;
    }

    .jssora106.jssora106dn .c {
        opacity: .2;
    }

    .jssora106.jssora106dn .a {
        opacity: 1;
    }

    .jssora106.jssora106ds {
        opacity: .3;
        pointer-events: none;
    }

/*jssor slider thumbnail skin 101 css*/
.jssort101 .p {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    background: #000;
}

    .jssort101 .p .cv {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 2px solid #000;
        box-sizing: border-box;
        z-index: 1;
    }

.jssort101 .a {
    fill: none;
    stroke: #fff;
    stroke-width: 400;
    stroke-miterlimit: 10;
    visibility: hidden;
}

.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {
    border: none;
    border-color: transparent;
}

.jssort101 .p:hover {
    padding: 2px;
}

    .jssort101 .p:hover .cv {
        background-color: rgba(0,0,0,6);
        opacity: .35;
    }

    .jssort101 .p:hover.pdn {
        padding: 0;
    }

        .jssort101 .p:hover.pdn .cv {
            border: 2px solid #fff;
            background: none;
            opacity: .35;
        }

.jssort101 .pav .cv {
    border-color: #fff;
    opacity: .35;
}

.jssort101 .pav .a, .jssort101 .p:hover .a {
    visibility: visible;
}

.jssort101 .t {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    opacity: .6;
}

.jssort101 .pav .t, .jssort101 .p:hover .t {
    opacity: 1;
}



/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/*jssor slider bullet skin 053 css*/
.jssorb053 .i {
    position: absolute;
    cursor: pointer;
}

    .jssorb053 .i .b {
        fill: #fff;
        fill-opacity: 0.5;
    }

    .jssorb053 .i:hover .b {
        fill-opacity: .7;
    }

.jssorb053 .iav .b {
    fill-opacity: 1;
}

.jssorb053 .i.idn {
    opacity: .3;
}

/*jssor slider arrow skin 093 css*/
.jssora093 {
    display: block;
    position: absolute;
    cursor: pointer;
}

    .jssora093 .c {
        fill: none;
        stroke: #fff;
        stroke-width: 400;
        stroke-miterlimit: 10;
    }

    .jssora093 .a {
        fill: none;
        stroke: #fff;
        stroke-width: 400;
        stroke-miterlimit: 10;
    }

    .jssora093:hover {
        opacity: .8;
    }

    .jssora093.jssora093dn {
        opacity: .6;
    }

    .jssora093.jssora093ds {
        opacity: .3;
        pointer-events: none;
    }

.img-gt-thietbi {
    width: 100%;
}

.name-loai-tb {
    position: absolute;
    top: 40%;
    width: 90%;
    background: #ffffffab;
    padding: 15px 5px;
    font-size: 14px;
    color: #1e2d3b;
    font-weight: bold;
    text-align: center;
    margin-left: 5%;
}

.name-loai-lv {
    position: absolute;
    bottom: 0;
    width: 90%;
    background: #ffffffc2;
    padding: 15px 10px;
    font-size: 17px;
    color: #1e2d3b;
    font-weight: bold;
    text-align: center;
    margin-left: 5%;
}

.item-loai-tbi {
    padding: 5px;
    box-shadow: 0px 2px 1px #848484;
    margin-bottom: 10px;
    position: relative;
}

    .item-loai-tbi .hm-responsive {
        padding-top: 65%;
    }

.item-loai-lv {
    padding: 5px;
    box-shadow: 0px 2px 1px #848484;
    margin-bottom: 10px;
    position: relative;
}

    .item-loai-lv .hm-responsive {
        padding-top: 65%;
    }

    .item-loai-lv:hover .name-loai-lv {
        color: #cc5f28;
    }

.all-loai-lvuc {
    margin: 30px 0;
    min-height: 342px;
}

section.all-loai-tbi {
    margin: 20px 0;
    min-height: 342px;
}

.title-loaii {
    color: #1e2d3b;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
    text-transform: uppercase;
}


/*duan*/
.all_duan {
    margin: 30px 0;
}

.img-duan {
    width: 40%;
    float: left;
}

    .img-duan .hm-responsive {
        padding-top: 60%;
    }

.ttin-duan {
    width: 55%;
    float: right;
}

    .ttin-duan .name-du-an {
        text-align: left;
        font-weight: bold;
        padding: 0;
        margin-top: 10px;
        font-size: 16px;
    }

    .ttin-duan p {
        /*text-align: justify;*/
        color: #1e2d3b;
        font-weight: bold;
        font-size: 14px;
        margin-bottom: 5px;
    }

        .ttin-duan p span {
            color: #555454;
            font-weight: 300;
        }

.item-duan-all {
    padding: 10px;
    margin-bottom: 20px;
    box-shadow: 1px 3px 1px #bababa;
    /*border: 1px solid #bababaad;*/
    position: relative;
}

    .item-duan-all:hover .name-du-an {
        color: #cc5f28;
    }
/*.list-duan-all li:first-child .img-duan,.list-duan-all li:first-child .ttin-duan{
	width: 100%;
}
.list-duan-all li:first-child .ttin-duan .name-du-an{
	margin-top: 10px;
	font-size: 16px;
}
.list-duan-all li:first-child .ttin-duan p{
	font-size: 15px;
}
.list-duan-all li:first-child .hm-responsive{
	padding-top: 50%;
}
.list-duan-all li:nth-child(2) .img-duan,.list-duan-all li:nth-child(2) .ttin-duan{
	width: 100%;
}
.list-duan-all li:nth-child(2) .ttin-duan .name-du-an{
	margin-top: 10px;
	font-size: 16px;
}
.list-duan-all li:nth-child(2) .ttin-duan p{
	font-size: 15px;
}
.list-duan-all li:nth-child(2) .hm-responsive{
	padding-top: 50%;
}*/
.pagination {
    float: right;
}

.name-all-duan {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    height: 30px;
    color: #1e2d3b;
    margin-bottom: 10px;
}

.date-thuchien-duan {
    position: absolute;
    bottom: 0;
    right: 2px;
    background: #00000075;
    padding: 10px 20px;
    color: white;
    font-size: 15px;
    font-weight: bold;
    font-family: sans-serif;
    margin: 0;
}

.table > thead > tr > th {
    vertical-align: middle;
    text-align: center;
}

.td-loai-nhanluc {
    text-align: left !important;
    color: white;
    background: #e09116 !important;
    font-size: 16px;
    text-transform: uppercase;
}

.td-loai-nhanluc-1 {
    text-align: left !important;
    color: white;
    background: #dca810e8 !important;
    font-size: 16px;
    text-transform: uppercase;
}

.bgr-nl-c3 {
    background: #dca810e8;
    color: white;
}

.bgr-nl-c2 {
    background: #e09116;
    color: white;
}

.tong-nluc {
    background-image: linear-gradient(to bottom right, #CC5F26,#cc5f28, #e16e35,#cc5f28);
    color: white;
}

.name-gt-nhanluc {
    font-size: 18px;
    color: #1e2d3b;
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.duan-dienhinh .click-xemthem, .tintuc .click-xemthem {
    border: 1px solid;
    background: #379d30;
    color: white;
    padding: 7px 15px;
}

/*TIN TUC*/
/*.tintuc{
	margin:20px 0;
}*/
.item-tin-r {
    margin-bottom: 10px;
    position: relative;
}

    .item-tin-r .img-tin-r {
        width: 35%;
        float: left;
    }

        .item-tin-r .img-tin-r .hm-responsive {
            padding-top: 65%;
        }

.nd-tin-r {
    width: 62%;
    float: right;
}

.tit-tin-r {
    font-size: 13px;
    font-weight: bold;
}

.name-tin-r {
    font-size: 17px;
    padding: 7px 0;
    background-image: linear-gradient(to bottom right, #cecece,#cecece);
    color: #1e2d3b;
    text-indent: 10px;
    margin-bottom: 10px;
}

.item-tin-r:hover .nd-tin-r {
    color: #1e2d3b;
}

.item-tin-l {
    width: 25%;
    float: left;
    padding: 5px;
    margin-bottom: 10px;
}

.item-tintuc {
    position: relative;
    padding: 5px;
    border: 1px solid #dadada;
}

.img-tin-l {
    margin-bottom: 5px;
}

.name-tin-l {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
    min-height: 44px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.item-tin-l:hover .name-tin-l {
    color: #1e2d3b;
}

.list-tintonghop {
    margin-bottom: 10px;
}

    .list-tintonghop li .hm-responsive {
        padding-top: 60%;
    }

/*    .list-tintonghop li:first-child {
        width: 65%;
    }*/

/*        .list-tintonghop li:first-child .hm-responsive {
            padding-top: 63%;
        }*/

/*        .list-tintonghop li:first-child .name-tin-l {
            font-size: 20px;
        }*/

        .list-tintonghop li:first-child .nd-tt-tin-l {
            font-size: 15px;
            display: none;
        }

/*    .list-tintonghop li:nth-child(2), .list-tintonghop li:nth-child(3) {
        width: 35%;
    }*/

        .list-tintonghop li:nth-child(2) .nd-tt-tin-l, .list-tintonghop li:nth-child(3) .nd-tt-tin-l {
            display: none
        }

        .list-tintonghop li:nth-child(2) .hm-responsive, .list-tintonghop li:nth-child(3) .hm-responsive {
            padding-top: 60%;
        }

/*    .list-tintonghop li:nth-child(4) {
        clear: left;
    }*/

.next-prev-ttuc {
    margin-top: 10px;
    margin-bottom: 15px;
    clear: left;
}

/*CHI IẾT TIN TỨC*/
.ctiet-tintuc {
    margin: 20px 0;
}

.lienhe {
    width: 100%;
    margin: 30px 0;
    float: left;
}

.title-lienhe {
}

.btn-gui-lhe {
    float: right;
    background: #1e2d3b;
    color: white;
}

.title-lienhe {
    padding: 7px 0;
    /* background: #e06d34;*/
    color: #1e2d3b;
    text-indent: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

.all-frm-lienhe {
    font-size: 13px;
}

.dia-diem-lhe {
    margin-bottom: 10px;
    background: #1e2d3b14;
}

    .dia-diem-lhe .name-vanphong {
        padding-bottom: 5px !important;
        font-size: 15px;
        margin-bottom: 5px;
    }

    .dia-diem-lhe .xuong-tapket-tbi h4 {
        font-size: 14px;
    }

    .dia-diem-lhe .vanphong {
        margin-bottom: 10px;
        border-bottom: none;
    }

.diadiem-hn, .diadiem-hcm {
    width: 50%;
    float: left;
    font-size: 14px;
    padding: 10px;
    font-family: roboto !important;
}

    .diadiem-hn i, .diadiem-hcm i {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        text-align: center;
        line-height: 20px;
        background: white;
        color: black;
    }

.diadiem-hn {
    border-right: 1px solid #cecece;
}
/*.diadiem-hcm {
    background: #cecece;
}*/
.link-bando {
    color: blue;
    font-size: 12px;
}

.bando {
    width: 100%;
}

#bdmiennam, #xuong-hn, #xuong-hcm {
    display: none;
}

.map-dgd-lh {
    height: 100%;
}

.title-bando-kv {
    font-size: 14px;
    color: #1e2d3b;
    font-weight: bold;
    margin-bottom: 5px;
}

.ghichu-lh {
    border: 1px solid #d0cdcd;
    width: 100%;
}

.sodotochuc {
    margin: 20px 0;
}

.img-hstc-r img {
    margin-bottom: 10px;
}

.gt-index {
    width: 100%;
    padding: 20px 0;
    float: left;
}

.op-thietbi {
    width: 100%;
    float: left;
    height: 100%;
}

.name-baiviet {
    font-weight: bold;
    color: #333;
}


/*footer*/
#footer {
    /*background-image: linear-gradient(to bottom right, #CC5F26,#cc5f28, #e16e35,#cc5f28);*/
    padding: 0px 15px;
    /*	font-family: 'Yeseva One', cursive;*/
}

.ft-all-all {
    background: #379d30;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100%;
    float: left;
}

.name-vanphong {
    padding-bottom: 12px !important;
    border-bottom: 1px solid white;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
}

.title-lhe-ft {
    padding-bottom: 12px !important;
    border-bottom: 1px solid white;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
    color: white;
}

.xuong-tapket-tbi {
    margin: 10px 0;
}

    .xuong-tapket-tbi h4 {
        font-size: 15px;
        text-transform: uppercase;
        margin-bottom: 5px;
    }

.lienhe-ft input {
    width: 100%;
    height: 30px;
    margin-bottom: 5px;
    text-indent: 5px;
    font-size: 14px;
}

.lienhe-ft textarea {
    width: 100%;
    text-indent: 5px;
}

.dd-hanoi, .dd-hcm {
    color: white;
    font-size: 14px;
}

.btn-lhe {
    float: right;
    color: #1e2d3b;
    padding: 4px 10px;
    font-weight: bold;
}

li.vanphong {
    margin-bottom: 20px;
    /*border-bottom:1px dotted #fff;*/
}

.diadiem-ft i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background: white;
    color: #1e2d3b;
    margin-right: 2px;
    margin-left: -35px;
}

.link-lk-ft {
    margin-top: 20px;
}

.link-lk-top {
    float: right;
    margin-right: 5px;
}

    .link-lk-top i {
        border-radius: 50%;
        border: none;
        width: 27px;
        height: 27px;
        line-height: 27px;
        margin-top: 1px;
        text-align: center;
        background: white;
        font-size: 13px;
    }

        .link-lk-top i:hover {
            background: #fcb92d;
            transition: 0.5s;
        }

.link-lk-ft i {
    border-radius: 50%;
    width: 38px !important;
    height: 38px !important;
    line-height: 38px;
    text-align: center;
    background: white;
    font-size: 20px;
    margin-left: unset;
}

    .link-lk-ft i:hover {
        background: #fcb92d;
        transition: 0.5s;
    }

.fa-facebook {
    color: blue !important;
}

.fa-youtube-play, .fa-google {
    color: red !important;
}

.fa-twitter {
    color: #098fb8 !important;
}

.copy-r {
    color: white;
    font-family: tahoma;
    font-size: 14px;
    text-align: center;
}

h3.hr {
    margin-top: 30px;
    margin-bottom: 50px;
    border: 0;
    border-top: 2px solid #1e2d3b;
    text-align: center;
    height: 0px;
    line-height: 0px;
}

.hr-title {
    background-color: white;
    padding: 10px 20px;
    font-size: 26px;
    color: #1e2d3b;
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.title-tt-index {
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0;
}

.title-section-2index {
    color: #1e2d3b;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    /*background: #ff8d5463;*/
    margin-bottom: 20px;
    text-indent: 10px;
    font-size: 20px;
    position: relative;
}

.item-thietbii {
    padding: 3px;
    background: #379d30;
    border-radius: 5px;
}

    .item-thietbii .hm-responsive {
        padding-top: 70%;
    }

    .item-thietbii:hover .name-lvuc {
        color: #de4a00;
        font-weight: bold;
    }

.danhsach-thietbi {
    /*background-image: url("../images/bg/c5.jpg");*/
    /*background-attachment: fixed;*/
    /* padding:50px 0;*/
    /*background-size: cover;*/
    position: relative;
    padding-bottom: 30px;
    background: #fff;
}

/*.danhsach-thietbi:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: black;
    opacity: 0.5;
}*/
.op-thietbi {
    position: relative;
    z-index: 1;
}

.tintuc {
    margin: 30px 0;
    width: 100%;
    float: left;
}

.item-ttuc-w25 {
    position: relative;
    width: 25%;
    float: left;
    padding: 0 15px;
    margin-bottom: 10px;
}

.icon-show-search {
    width: 40px;
    line-height: 35px;
    height: 40px;
    text-align: center;
    position: absolute;
    right: 20px;
    font-size: 20px;
    top: 15px;
    color: #1e2d3b;
    border: 1px solid #fcb92d;
}

.show-search-mobie {
    position: absolute;
    right: 20px;
    top: 100%;
    z-index: 99;
    display: none;
    border: 1px solid #fcb92d;
}

.frm-search-mobie {
    position: relative;
}

.show-search-mobie .frm-search-mobie input {
    height: 35px;
    width: 280px;
    text-indent: 10px;
    font-weight: bold;
    font-size: 13px;
    border: none;
}

.show-search-mobie .frm-search-mobie button {
    position: absolute;
    right: 0;
    height: 35px;
    background: #fcb92d;
    color: black;
    top: 0;
    font-size: 13px;
    border: none;
}

    .show-search-mobie .frm-search-mobie button i {
        font-size: 18px;
        margin-right: 3px;
    }

#footer p {
    font-size: 13px;
    font-family: tahoma;
    padding-left: 35px;
}










.chitiet-duan {
    margin: 20px 0;
}

.chitiet-linhvuc {
    margin: 20px 0;
}


.img-border {
    position: absolute;
    left: 0;
    top: 0;
}


.title-secc {
    /* border-top: 4px solid #379d30; */
    text-align: left;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    padding-top: 10px;
}

.name-title-secc {
    padding: 5px 50px;
    background: #379d30;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    overflow: hidden;
    width: 20%;
    margin-left: 40%;
}

    .name-title-secc:before {
        position: absolute;
        content: "";
        height: 50px;
        width: 100px;
        background: #f5f5f5;
        left: 0;
        transform: translateX(-68%) translateY(-30%) rotate(57deg);
    }

.namedvabc:after {
    position: absolute;
    content: "";
    height: 50px;
    width: 100px;
    background: #f5f5f5;
    right: 0;
    transform: translateX(68%) translateY(-30%) rotate(122deg);
}

.namedvabc {
    text-align: center;
}

.danhsach-thietbi .name-title-secc:before {
    background: #fff !important;
}

.danhsach-thietbi .name-title-secc:after {
    background: #fff !important;
}

.click-xthem {
    padding-left: 14px;
    margin-top: 10px;
}

.dvabc {
    border-top: 3px solid #379d30;
}

.title-section-secc {
    padding: 5px 0;
    /* padding-left: 63px; */
    position: relative;
    /* background: #379d30; */
    color: #0b0b0b;
    /*width: 22%;*/
    font-weight: bold;
    overflow: hidden;
    font-size: 15px;
}

    .title-section-secc:after {
        content: "";
        position: absolute;
        width: 100%;
        left: 0;
        top: 100%;
        height: 3px;
        background: #379d30;
    }

.namedvabc:after {
    position: absolute;
    content: "";
    height: 50px;
    width: 100px;
    background: #f5f5f5;
    right: 0;
    transform: translateX(68%) translateY(-30%) rotate(122deg);
}

.ngonngu-top img {
    width: 25px;
}

.img-ctyy {
    text-align: center;
    max-height: 400px;
}

.w-nl-r-detail {
    padding: 30px 0;
}

.pvcv {
    min-height: 38px;
}


/*update*/
.item-duan-khac {
    position: relative;
    margin-bottom: 10px;
    padding: 5px;
    width: 100%;
    float: left;
}

.box-item-duan-khac {
    padding: 5px;
    border: 1px solid #cecece;
    border-radius: 5px;
    position: relative;
}

h4.name-duan-khac {
    font-weight: bold;
    font-size: 15px;
    color: #1e2d3b;
    text-align: center;
    margin-bottom: 5px;
}

.box-img-khac {
    margin-bottom: 10px;
}

    .box-img-khac .hm-responosive {
        padding-top: 60%;
    }

.title-duan-duan {
    color: #1e2d3b;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
    width: 100%;
    float: left;
}

.chitiet-d-a {
    width: 48%;
    float: left;
}

.img-duan-duan {
    width: 50%;
    float: right;
}

.box-nd-all-duan {
    clear: right;
    width: 100%;
    float: left;
    margin-top: 30px;
}

.nd-tin-l p {
    min-height: 38px;
    display: none;
}


.logo {
    height: 90px !important;
    background: #38a958;
    width: 18%;
}

.header-r {
    height: 90px !important;
    background: #38a958;
    width: 82%;
}


ul.navmenu > li > a {
    /*font-weight: 600!important;*/
    color: #333;
    /*font-weight: bold;*/
}

#mainMenu {
    width: 80%;
    /*margin:0 auto!important;*/
    float: unset;
    line-height: 40px;
    padding-left: 50px;
}

.menu {
    background: #fff !important;
    width: 100%;
    float: left;
    border: 1px solid #f8f8f8;
}
/*.ngonngu-top{
    width: 10%;
    float: left;
}*/
.header-r ul li {
    width: 40%;
    float: left;
    height: 90px;
}

    .header-r ul li:first-child {
        width: 20%;
    }

.box-text-hd-l, .box-text-hd-mid {
    text-align: center;
    line-height: 90px;
}

    .box-text-hd-l p {
        margin-bottom: 0;
        color: white;
        font-size: 11px;
        font-style: italic;
    }

    .box-text-hd-mid h2 {
        line-height: 90px;
        font-size: 25px;
        font-weight: bold;
        color: white;
    }

#header {
    height: 110px;
    width: 100%;
    max-width:1200px;
}

.box-text-hd-r > p {
    line-height: 90px;
    float: left;
    margin-bottom: 0;
    width: 70%;
    color: white;
    font-size: 11px;
    font-style: italic;
    padding-left: 30px;
}

.box-text-hd-r img {
    float: left;
    width: 105px;
    margin-top: 5px;
}

.ngonngu-top {
    float: right;
    height: 40px;
    line-height: 40px;
    padding-right: 100px;
}

.nav-btn-show {
    color: #fff;
}

.box-tt-codong > ul > li {
    width: 25%;
    float: left;
    padding: 10px;
}

.box-tt-codong {
    width: 100%;
    float: left;
}

.box-item-tin-cdong {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #cecece;
}

    .box-item-tin-cdong .img-tin-cdong {
        margin-bottom: 5px;
    }

.img-tin-cdong .hm-responsive {
    padding-top: 60%;
}

.box-item-tin-cdong {
    width: 100%;
    float: left;
    position: relative;
}

.nd-c-tin-codong {
    width: 100%;
    float: left;
}

    .nd-c-tin-codong h3 {
        font-size: 14px;
        font-weight: bold;
        color: #444;
        width: 100%;
        float: left;
        margin-bottom: 5px;
        min-height: 60px;
    }

    .nd-c-tin-codong p {
        width: 100%;
        float: left;
        color: gray;
    }

.time-tin-cdong {
    font-size: 13px;
    color: gray;
    width: 100%;
    float: left;
}

.pag-page {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    margin-top: 10px;
}

.tt-codong {
    padding: 30px 0;
    width: 100%;
    float: left;
}

.box-item-tin-cdong:hover .nd-c-tin-codong h3 {
    color: #3f8121;
}

.box-item-tin-cdong:hover {
    box-shadow: 0px 1px 2px gray;
}

#footer {
    width: 100%;
    float: left;
}

.name-tt-cdong {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #333;
}

@media (max-width: 768px) {
    .box-text-hd-r > p {
        display: none;
    }

    .box-text-hd-l p {
        display: none;
    }

    .box-text-hd-mid h2 {
        display: none;
    }

    .box-text-hd-r img {
        display: none;
    }

    .header-r {
        height: 0 !important;
    }

    .nav-btn-show {
        top: 0px !important;
    }

    .ngonngu-top {
        top: 10px !important;
    }

        .ngonngu-top img {
            width: 22px;
        }

    .logo {
        width: 100%;
        height: 70px;
        background: #cecece;
    }

    .box-tt-codong > ul > li {
        width: 50%;
        float: left;
        padding: 5px;
    }

    .box-item-tin-cdong {
        padding: 5px;
    }

    .nd-c-tin-codong h3 {
        font-size: 14px;
    }

    .nd-c-tin-codong p {
        font-size: 13px;
    }

    .name-tt-cdong {
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: bold;
        color: #333;
    }

    .tt-codong {
        padding: 15px 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .box-text-hd-r > p {
        display: none;
    }

    .box-text-hd-l p {
        display: none;
    }

    .box-text-hd-mid h2 {
        display: none;
    }

    .box-text-hd-r img {
        display: none;
    }

    .header-r {
        height: 0 !important;
    }

    .ngonngu-top {
        top: 15px !important;
        position: absolute;
        left: 10px;
    }
}

.list-dt-kh {
    width: 100%;
    float: left;
}

    .list-dt-kh .owl-prev {
        font-size: 20px;
        top: 20%;
        left: -10px;
    }

    .list-dt-kh .owl-next {
        font-size: 20px;
        top: 20%;
        right: -10px;
    }

#footer .container {
    background: #379d30;
    padding-top: 20px;
    padding-bottom: 20px;
}

.gt-index .container {
    /*background: #f8f8f8;*/
    padding-top: 20px;
    padding-bottom: 20px;
}

.dv-pd {
    padding-bottom: 30px;
    width: 100%;
    float: left;
    background: #f5f5f5;
}

.text-gt-index {
    padding: 0 15px;
}
main.content-main {
    width: 100%;
    float: left;
}
.item-doitac .hm-responsive {
    padding-top: 75%;
}