*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; font-family: 'Open Sans', sans-serif; }
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; /* line-height: 1; */ }
p { font-size: 14px; margin: 0 0 10px 0; }
h1, h2, h3, h4, h5, h6 { margin-top: 0; }
h1 { font-size: 24px; margin-bottom: 20px; }
h2 { font-size: 20px; margin-bottom: 15px; }
h3 { font-size: 16px; margin-bottom: 10px; }
ul { margin-bottom: 15px; padding-left: 10px; margin-top: 0 }
    ul li { font-size: 14px }
a { transition: .2s linear; text-decoration: none; color: #333; }
    a:hover { color: #f58f09; }
input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }
    input:focus, button:focus, select:focus, textarea:focus { outline: none; }
    button, input[type="radio"], input[type="checkbox"] { cursor: pointer; }
button, input { overflow: visible; }
button, select { text-transform: none; }
img { vertical-align: middle; border-style: none; transition: .2s linear }
.img a { display: block; height: 100%; }
.flex { display: flex; }
.flex-bet { display: flex; justify-content: space-between; align-items: center; }
.lSSlideOuter .lSPager.lSpg > li a { z-index: 1; }
.lSSlideWrapper .lSFade > * { z-index: 1; }
h3 { line-height: 1.3; }
table { border-spacing: 0px; width: 100%; display: table; border-collapse: collapse; }
.slider .img img { width: 100%; }
.form-group { margin-bottom: 10px; }
.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.item .img:hover img, .item-ct .img:hover img { transform: scale(1.1,1.1) }
.item .img, .item-ct .img { overflow: hidden; position: relative; z-index: 1; }
.prev, .next { font-size: 46px; color: #a7a7a7; top: 50%; right: -30px; position: absolute; transform: translateY(-50%); cursor: pointer; display: block; }
.prev { left: -30px; right: inherit; }

@media (min-width: 768px) {
    .container { max-width: 720px; }
}

@media (min-width: 992px) {
    .container { max-width: 960px; }
}

@media (min-width: 1200px) {
    .container { max-width: 1150px; }
}

@keyframes fadeInDown {
    from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-thumb { background: #0051ac; }
.text-fix { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.text-2 { -webkit-line-clamp: 2; }
.text-3 { -webkit-line-clamp: 3; }
.text-4 { -webkit-line-clamp: 4; }
.text-5 { -webkit-line-clamp: 5; }
.mobile { display: none; }
section { padding: 35px 0 40px; }
    section.banner { padding: 0 }
.search-mobile { display: none; }
.touch-menu, .bg-black, .ic-search-mb { display: none; }
.head-top .hotline-lang { display: flex; align-items: center; margin-bottom: 10px; }
.hotline-lang > a { font-size: 15px; color: #333; padding: 2px 0 3px 26px; background: url(../images/ic-callt.png) no-repeat; display: flex; align-items: center; font-weight: 700; color: #002f89; }
.hotline-lang .lang a { display: block; margin-left: 6px }
    .hotline-lang .lang a:first-child { margin-left: 12px }
.hotline-lang .lang { display: flex; margin-left: 15px; border-left: 1px solid #dddddd }
.head-top .logo { max-width: 540px; }
    .head-top .logo img { max-width: 100%; }
.head-top .search input, .search-mobile input { width: 220px; height: 30px; border: 1px solid #d0d0d0; border-radius: 4px; padding: 0 34px 0 8px; font-size: 14px; }
.headtop-ct { background: url(../images/bg-headtop.png) no-repeat; background-position: right; padding: 10px 0; }
.head-top .search button, .search-mobile button { width: 32px; height: 30px; border: 0; position: absolute; right: 0; top: 0px; background: #002f89; color: #fff; font-weight: 300; transition: .2s linear; display: flex; align-items: center; justify-content: center }
    .head-top .search button:hover, .search-mobile button:hover { background: #f16927 }
.head-top .search form, .search-mobile form { position: relative; }
.head-bottom ul { list-style-type: none; padding: 0; margin: 0; }
.head-bottom .menu li a { font-size: 15px; font-weight: 600; text-transform: uppercase; }
.head-bottom .menu > ul > li { display: inline-block; padding: 10px 33px; position: relative; }
.head-bottom .menu > ul { display: flex; justify-content: center; }
.head-bottom { background-color: #f16927; }
.banner img { width: 100%; }
.banner { position: relative; }
.head-bottom .menu > ul > li > a { color: #fff }
.head-bottom .menu > ul > li:before { content: ''; background: url(../images/bf-head.png) no-repeat; width: 5px; height: 23px; position: absolute; right: -2.5px; top: 19%; }
.head-bottom .menu > ul > li:last-child:before { display: none }
.btn-sli { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
    .btn-sli .cl-action { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
    .btn-sli .container { height: 100%; position: relative; }
    .btn-sli .prev, .btn-sli .next { display: block; width: 52px; height: 52px; z-index: 99; font-size: 0; }
    .btn-sli .prev { left: -52px }
    .btn-sli .next { right: -52px }
.head-bottom ul.sub-menu { position: absolute; top: 100%; z-index: 99; left: 0; min-width: 220px; background: #fff; border-top: 0; opacity: 0; visibility: hidden; transition: .2s linear; }
ul.sub-menu li { padding: 5px 10px; border-bottom: 1px solid #d0d0d0; }
.head-bottom ul.sub-menu li a { font-size: 14px; text-transform: initial; font-weight: 400; color: #333; }
    .head-bottom ul.sub-menu li a i { margin-right: 5px; }
ul.sub-menu li:last-child { border-bottom: 0; }
.item-gt { display: flex; flex-direction: row-reverse; margin-bottom: 30px; }
    .item-gt > .text { width: calc(100% - 600px); padding-right: 50px; padding-top: 30px; }
    .item-gt > .img { width: 600px; position: relative; height: 440px; }
.gt { background: url(../images/bg-gt.png); padding: 50px 0 60px; background-position: top center; background-size: auto; background-repeat: no-repeat; }
.tit-gt { position: relative; height: 120px; margin-bottom: 40px }
    .tit-gt:before { width: 87px; height: 120px; background: transparent; border: 3px solid #f16927; content: ''; position: absolute; }
    .tit-gt h2 { position: absolute; z-index: 1; background: #fff; margin-bottom: 0; left: 30px; top: 50%; transform: translateY(-50%); padding: 5px 0; }
        .tit-gt h2 span { display: block; font-size: 28px; font-weight: 700; }
        .tit-gt h2 a { font-size: 18px; font-weight: 400; text-transform: uppercase; }
.item-gt > .text .content p { margin-bottom: 0; font-size: 14px; color: #333; line-height: 1.6; text-align: justify; }
.item-gt > .text .content { margin-bottom: 20px; }
a.seemore { font-weight: 700; font-size: 14px; text-transform: uppercase; color: #f16927; padding-right: 20px; position: relative; white-space: nowrap; }
    a.seemore:before { content: ''; display: block; position: absolute; top: 3px; border: 6px solid transparent; border-left-color: #f16927; right: 0; }
.item-gt > .img .item-big { width: 170px; height: 170px; border-radius: 50%; background: #e8e8e8; display: flex; align-items: center; justify-content: center; padding: 10px; position: absolute; z-index: 1; transition: .3s linear; }
.item-gt ._img img { max-width: 100% }
.item-gt ._img { text-align: center; display: block; height: 40px; }
.item-gt ._count { font-size: 44px; font-weight: 700; color: #f16927; display: block; line-height: 1; margin-bottom: 5px; text-align: center; transition: .3s linear; }
.item-gt ._text { font-size: 16px; color: #333; display: block; text-align: center; transition: .3s linear; text-transform: uppercase }
.item-gt .item.big ._text { text-transform: uppercase }
.item-gt > .img .item.big ._img { display: none }
.item-gt > .img .item.big { background: #fff; position: absolute; left: 85px; top: 85px; z-index: 2; width: 170px; height: 170px; display: flex; align-items: center; justify-content: center; border-radius: 50%; padding: 10px; transition: .3s linear; }
.item-gt > .img .item-big:nth-of-type(1) { left: calc((100% - 85px)/2); top: 0; }
.item-gt > .img .item-big:nth-of-type(2) { left: 0; margin-top: 50px; z-index: 0; width: 340px; height: 340px; padding: 0; }
.item-gt > .img .item-big:nth-of-type(3) { right: 0; margin-top: 135px; }
.item-gt > .img .item-big:nth-of-type(4) { left: calc((100% - 85px)/2); bottom: 0; }
.item-gt > .img .item-big:nth-of-type(2):before { width: 340px; height: 340px; background: url(../images/bg-ic-2.png); content: ''; position: absolute; z-index: -11; left: 0; }
.item-gt > .img .item .detail { position: relative; z-index: 1; }
.list-gt { display: flex; align-items: center; justify-content: space-around; }
    .list-gt a.item { display: flex; align-items: center; }
        .list-gt a.item span { display: block; }
    .list-gt h3 { font-size: 26px; color: #333; margin-bottom: 0; text-transform: uppercase; }
    .list-gt .img img { max-width: 100% }
    .list-gt .img { width: 70px }
    .list-gt .text { width: calc(100% - 70px); padding-left: 10px }
section.sp { padding: 40px 0 50px; background: url(../images/bg-sp.jpg) no-repeat; background-size: 100% 100%; }
.list-sp { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; }
    .list-sp .item .img img { width: 100%; height: 100%; object-fit: cover; }
    .list-sp .item:nth-of-type(1) { grid-column: 1/3 }
    .list-sp .item:nth-of-type(2) { grid-column: 3/5 }
    .list-sp .item:nth-of-type(3) { grid-column: 5/7 }
    .list-sp .item:nth-of-type(4) { grid-column: 1/4 }
    .list-sp .item:nth-of-type(5) { grid-column: 4/7 }
    .list-sp .item { position: relative; border-radius: 10px; padding: 1px; }
        .list-sp .item .text h3 { font-size: 21px; font-weight: 700; color: #333; text-transform: uppercase; margin-bottom: 5px }
        .list-sp .item .text { position: absolute; top: 25px; left: 25px; z-index: 1; }
        .list-sp .item .img a { height: 100%; width: 100%; overflow: hidden; }
        .list-sp .item .img { overflow: hidden; border-radius: 10px; position: relative; z-index: 1; }
        .list-sp .item:before { content: ''; left: 0; right: 0; top: 0; bottom: 0; border: 3px solid #fff; position: absolute; border-radius: 10px; z-index: 0; background: #fff; }
.tit-gn h2, .tit-gn h1 { font-size: 28px; text-transform: uppercase; margin-bottom: 0; text-align: center; }
.tit-gn { margin-bottom: 25px; padding-bottom: 12px; position: relative; }
    .tit-gn.white h2 a { color: #fff; }
    .tit-gn:before { width: 50px; height: 2px; background: #f16927; content: ''; position: absolute; left: calc(50% - 25px); bottom: 0; }
    .tit-gn.white:before { background: #fff; }
.list-tt { display: grid; grid-template-columns: repeat(2, 1fr) }
    .list-tt .item:first-child { grid-column: 1/2; grid-row: 1/4; margin-bottom: 0; padding-bottom: 0; border-bottom: 0; padding-right: 20px; display: block; }
    .list-tt .item { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #d0d0d0; display: flex; }
        .list-tt .item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 }
        .list-tt .item .img img { max-width: 100%; width: 100%; height: 100%; object-fit: cover }
        .list-tt .item:first-child .img { margin-bottom: 15px; width: 100%; height: auto !important; }
        .list-tt .item:first-child .text { width: 100% }
        .list-tt .item .img { border-radius: 10px; overflow: hidden; width: 230px }
        .list-tt .item .text { width: calc(100% - 230px); padding-left: 10px }
            .list-tt .item .text h3 { font-size: 16px; font-weight: 700; text-transform: uppercase; margin-bottom: 10px }
        .list-tt .item .content { margin-bottom: 0; font-size: 14px; line-height: 1.6 }
            .list-tt .item .content p { margin-bottom: 0 }
        .list-tt .item .img a { height: 100% }
section.topprj { padding: 60px 0; background: url(../images/bg-topprj.jpg) no-repeat; background-size: 100% 100%; }
.list-topprj { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px }
.item-prj { position: relative; border-radius: 10px; overflow: hidden; padding: 1px; }
    .item-prj:before, .item-vd:before { left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #fff; content: ''; position: absolute; border-radius: 10px; z-index: 0; background: #fff; box-shadow: 0 0 15px -8px #000; overflow: hidden; }
    .item-prj .text { position: absolute; bottom: 0; left: 2px; z-index: 2; background: #ffffffb3; right: 50px; border-radius: 0 20px 0 0; padding: 15px 15px 35px; transition: .3s linear; padding: 15px; }
        .item-prj .text h3 { font-size: 15px; margin-bottom: 5px; text-transform: uppercase; height: 39px; position: initial; opacity: 1; visibility: visible; }
            .item-prj .text h3 a { display: flex; justify-content: space-between; opacity: 1; visibility: visible; position: initial; }
                .item-prj .text h3 a i { font-size: 18px; font-weight: bold; color: #f16927; transition: .2s linear; opacity: 1 !important; visibility: visible !important; position: initial; margin-left: 5px }
        .item-prj .text .add { font-size: 14px; padding-bottom: 15px; margin-bottom: 10px; position: absolute; }
            .item-prj .text .add:before { width: 40px; height: 2px; position: absolute; bottom: 0; left: 0; background: #f16927; content: '' }
        .item-prj .text .content { margin-bottom: 5px; }
            .item-prj .text .content p { margin-bottom: 0 }
        .item-prj .text a.seemore { left: 100%; transform: translateX(-100%); position: absolute; bottom: 15px; }
    .item-prj .img { border-radius: 10px; overflow: hidden; position: relative; border: 1px solid #cdcdcd; }
        .item-prj .img a { height: 100% }
        .item-prj .img img { width: 100%; height: 100%; object-fit: cover; }
section.vddv { background: url(../images/bg-vddv.jpg) no-repeat; background-size: 100% 100%; padding: 55px 0 50px }
.tit-ic { margin-bottom: 20px; }
    .tit-ic h2 { margin-bottom: 0; font-size: 28px; font-weight: 700; text-transform: uppercase; padding-left: 45px; }
.vd .tit-ic h2 { background: url(../images/ic-vd.png) no-repeat; background-position: 0; }
.dv .tit-ic h2 { background: url(../images/ic-dv.png) no-repeat; background-position: 0; padding-left: 35px; }
.vddv-ct { display: flex }
    .vddv-ct .vd { width: 70%; padding-right: 30px }
    .vddv-ct .dv { width: 30% }
.item-vd { position: relative; padding: 0 1px; border-radius: 13px; overflow: hidden; }
    .item-vd .img { position: relative; z-index: 1; }
        .item-vd .img a { display: block; height: 100%; }
        .item-vd .img img { transform: initial; width: 100%; height: 100%; object-fit: cover; }
    .item-vd .text { bottom: 1px; position: absolute; background: #0009; z-index: 2; left: 1px; border-radius: 0 0 10px 10px; right: 1px; padding: 12px 25px; }
        .item-vd .text h3 { font-size: 15px; margin-bottom: 0; font-weight: 700 }
            .item-vd .text h3 a { color: #fff }
    .item-vd .ic-video { position: absolute; width: 52px; height: 52px; z-index: 3; top: 50%; left: 50%; background: url(../images/ic-play.png); transform: translate(-50%, -50%); cursor: pointer; }
.list-dv { height: 426.75px; }
.item-dv { margin-bottom: 20px; height: calc((426.75px - 40px)/3); background-color: #fff; border-radius: 10px; background-image: url(../images/bgdv-1.png); background-repeat: no-repeat; background-position: right; padding: 15px; display: flex; align-items: center; box-shadow: 0 0 15px -8px #000; transition: all 0.5s ease; }
    .item-dv:last-child { margin-bottom: 0 }
    .item-dv:nth-of-type(2) { background-image: url(../images/bgdv-2.png); background-repeat: no-repeat; background-position: right; }
    .item-dv:nth-of-type(3) { background-image: url(../images/bgdv-3.png); background-repeat: no-repeat; background-position: right; }
    .item-dv .img { width: 90px; height: 90px; background: #ededed; border-radius: 50%; padding: 5px; }
    .item-dv .text { width: calc(100% - 90px); padding-left: 20px }
    .item-dv .img a { height: 100%; display: flex; align-items: center; justify-content: center; }
    .item-dv .img img { max-width: 100% }
    .item-dv .text h3 { font-size: 22px; font-weight: 700; margin-bottom: 5px; text-transform: uppercase }
        .item-dv .text h3 a { color: #333 }
    .item-dv:hover { background-color: #f16927 }
        .item-dv:hover h3 a { color: #fff }
        .item-dv:hover a.seemore { color: #fff }
            .item-dv:hover a.seemore:before { border-left-color: #fff }
    .item-dv a.seemore { font-size: 14px; text-transform: initial; font-weight: 400 }
        .item-dv a.seemore:before { border: 5px solid transparent; border-left-color: #f16927; top: 5px }
section.dtac { background: url(../images/bg-dtac.jpg); background-size: 100% 100%; }
.list-dtac { position: relative }
    .list-dtac .prev, .list-dtac .next { color: #fff }
    .list-dtac a.item { height: 110px; background: #fff; padding: 5px; display: flex; align-items: center; justify-content: center; }
        .list-dtac a.item img { max-width: 100% }
.mapgg iframe { width: 100% !important; height: 100% !important; }
section.mapgg { padding: 0; }
.copyright { padding: 18px 20px; }
    .copyright p { margin-bottom: 0; font-size: 14px; color: #333; text-align: center; }
.footer { background: #264693; }
.fct .item:first-child { width: 265px; }
.fct .item p.name { font-weight: 700; font-size: 14px; margin-bottom: 12px; text-transform: uppercase; background: initial; padding-left: 0; color: #fff; }
.fct .item p { margin-bottom: 8px; padding-left: 25px; color: #fff; }
.fct .item.menu-ft p.name { background: initial }
.fct .item p.add { background: url(../images/ft-1.png) no-repeat; background-position: 3px 2px; }
.fct .item p.hot-line { background: url(../images/ft-2.png) no-repeat; background-position: 2px 3px; }
.fct .item p.e-mail { background: url(../images/ft-3.png) no-repeat; background-position: 2px 4px; }
.fct .item p.web { background: url(../images/ft-4.png) no-repeat; }
.fct .item select { width: 100%; height: 36px; padding-left: 6px; border: 1px solid #d0d0d0; color: #333333; font-size: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/ic-down.png); background-color: #fff; background-repeat: no-repeat; background-position: 96%; border-radius: 5px; }
.fct .item form { margin-bottom: 15px; }
.item.menu-ft { padding: 0 100px; position: relative; }
    .item.menu-ft:before { content: ''; background: #475f9d; width: 1px; height: 100%; position: absolute; left: 50px; top: 0; }
    .item.menu-ft:after { content: ''; background: #475f9d; width: 1px; height: 100%; position: absolute; right: 50px; top: 0; }
.social { display: flex; align-items: center; }
    .social a { width: 32px; height: 32px; border: 1px solid #fff; border-radius: 50%; justify-content: center; align-items: center; display: flex; margin-right: 8px; color: #fff; }
        .social a:last-child { margin-right: 0 }
.fct .regis input { width: 100%; height: 36px; border: 1px solid #d0d0d0; border-radius: 5px; font-size: 14px; padding-left: 8px; padding-right: 36px; overflow: hidden; }
.fct .regis button { height: 32px; position: absolute; right: 1px; top: 2px; border: 0; width: 34px; background-color: #fff; display: flex; align-items: center; justify-content: center }
.fct .regis { position: relative }
.fct { display: flex; padding: 30px 0 }
    .fct .item .social p { padding-left: 0; color: #fff; margin-right: 15px }
    .fct .item a { color: #fff; }
    .fct .item .list-a { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px }
        .fct .item .list-a a { text-transform: uppercase; position: relative; padding-left: 13px; font-size: 14px; }
            .fct .item .list-a a:before { width: 6px; height: 6px; content: ''; position: absolute; left: 0; top: 8px; background: #fff; border-radius: 50%; }
.banner-mn img { max-width: 100%; width: 100%; height: 100%; object-fit: cover; }
section.banner-mn { padding: 0 }
section.menu-link { padding: 12px 0; border-bottom: 1px solid #d0d0d0 }
.mn-link { display: flex; justify-content: center; align-items: center }
    .mn-link a { font-size: 14px; margin-right: 10px }
        .mn-link a:last-child { margin-right: 0 }
    .mn-link span { margin-right: 10px }
    .mn-link a:hover, .mn-link a.active { color: #f16927 }
.list-dv1 .item { margin-bottom: 25px; background: #f9f8f8; border: 1px solid #d0d0d0; border-radius: 5px; padding: 15px; display: flex; justify-content: space-between; }
    .list-dv1 .item .img { border-radius: 5px; overflow: hidden; width: 49%; }
    .list-dv1 .item .text { width: 49%; padding: 25px 20px; }
        .list-dv1 .item .text h3 { margin-bottom: 20px; font-size: 22px; }
            .list-dv1 .item .text h3 a { position: relative; height: 48px; display: flex; padding-left: 60px; align-items: center; }
            .list-dv1 .item .text h3 img { max-width: 100%; position: absolute; left: 0; top: 0; max-height: 48px; }
.list-dv1 .content { font-size: 14px; margin-bottom: 25px; color: #333; line-height: 1.6 }
    .list-dv1 .content * { margin-bottom: 0; font-size: 14px; color: #333; line-height: 1.6 }
.list-dv1 .item:nth-child(2n) { flex-direction: row-reverse }
.list-dv1 .item .img img { max-width: 100%; width: 100%; height: 100%; object-fit: cover; }
.dv2-ct { display: flex; }
    .dv2-ct .left { width: 67%; }
    .dv2-ct .right { width: 33%; padding-left: 30px; }
    .dv2-ct .left .detail h1:before { width: 60px; height: 3px; content: ''; position: absolute; bottom: -1px; left: 0; background: #f16927; }
    .dv2-ct .left .detail h1 { font-size: 28px; margin-bottom: 15px; text-transform: uppercase; color: #333; padding-bottom: 10px; border-bottom: 1px solid #d0d0d0; position: relative; }
    .dv2-ct .left .detail p { font-size: 14px; line-height: 1.6; margin-bottom: 20px }
    .dv2-ct .left .detail img { max-width: 100%; height: auto !important }
.div-img { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin-bottom: 15px; }
    .div-img img { max-width: 100% }
    .div-img .item { border-radius: 6px; overflow: hidden }
.dv2-ct .left .detail { margin-bottom: 20px }
    .dv2-ct .left .detail p:last-child { margin-bottom: 0 }
.dv2-ct .right .dv-right p.name, .dv2-ct .right .proj-right p.name, .dv2-ct .right .news-right p.name { font-size: 22px; font-weight: 700; text-transform: uppercase; padding-left: 30px; background: url(../images/ic-dv.png) no-repeat; margin-bottom: 15px; }
.dv-right .item-dv { background: #e5e5e5 }
    .dv-right .item-dv .img { background: #fff }
    .dv-right .item-dv:hover { background: #f16927 }
.dv-right { margin-bottom: 25px }
.prj-right .item .img, .newsr .item .img { width: 100px; }
.prj-right .item, .newsr .item { display: flex; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #d0d0d0 }
    .prj-right .item:last-child, .newsr .item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 }
    .prj-right .item .text, .newsr .item .text { width: calc(100% - 100px); padding-left: 12px }
.prj-right h3, .newsr h3 { font-size: 14px; font-weight: 700; margin-bottom: 8px; text-transform: uppercase; }
.locat { margin-bottom: 0; padding-left: 20px; background: url(../images/ic-vt.png) no-repeat; background-position: 1px 1px; padding-bottom: 2px; }
.prj-right .item .img img, .newsr .item .img img { max-width: 100%; width: 100%; height: 100% }
.prj-right .item .img a, .newsr .item .img a { height: 100% }
.news-right .newsr h3 { font-weight: 400; }
.list-da1 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 35px; }
.ppage { display: flex; justify-content: center; }
    .ppage.center { justify-content: center; }
    .ppage a { width: 32px; height: 32px; display: inline-block; margin-right: 10px; border: 1px solid #d0d0d0; text-align: center; line-height: 32px; font-size: 14px; }
        .ppage a:last-child { margin-right: 0 }
        .ppage a:hover, .ppage a.active-page { border: 1px solid #f16927; color: #f16927 }
.dv2-ct .right .news-right p.name { background: url(../images/ic-dam.png) no-repeat; padding-left: 35px; background-position: 0 2px; }
.da2 .proj-right { margin-bottom: 25px; }
.detail-da h1 { font-size: 23px; color: #333; margin-bottom: 16px; text-transform: uppercase }
.slide-big img, .slide-mini img { max-width: 100% }
.bg-slmn { padding: 10px 0; background: #f3f3f3; display: flex; justify-content: center; position: relative; border-radius: 0 0 10px 10px; margin-bottom: 30px; }
    .bg-slmn .slide-mini { width: 250px; }
.detail-da .locat { margin-bottom: 20px }
.slide-mini .prev, .slide-mini .next { font-size: 32px; left: calc(50% - 150px) }
.slide-mini .next { left: auto; right: calc(50% - 150px); }
.slide-mini .item-big.slick-current .item { border: 1px solid #f16927 }
.slide-mini .item-big { padding: 2px; height: 52px; }
    .slide-mini .item-big .item { height: 100% }
.slide-mini img { width: 100%; height: 100%; object-fit: cover }
.slide-big .item { border-radius: 10px 10px 0 0; overflow: hidden; }
    .slide-big .item img { width: 100%; height: 100%; object-fit: cover }
.slide-big .slick-prev, .slide-big .slick-next { font-size: 0; border: 0; background: transparent; width: 20px; height: 30px; background: url(../images/ic-prev.png) no-repeat; background-position: center; position: absolute; bottom: -53px; z-index: 9; left: 30%; }
.slide-big { position: relative; }
    .slide-big .slick-next { background: url(../images/ic-next.png) no-repeat; background-position: center; left: auto; right: 30%; }
.detail-da2 h2, .da-k p.name, .sp-k p.name, .td-k p.name { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #d0d0d0; padding-left: 33px; font-size: 22px; text-transform: uppercase; background: url(../images/icpl-c.png) no-repeat; font-weight: 700; background-position-y: 1px; }
.detail-da { padding-bottom: 25px; border-bottom: 1px solid #d0d0d0; margin-bottom: 20px }
.da-k p.name { margin-bottom: 20px; border-bottom: 0; padding-bottom: 0 }
.da-k { position: relative; }
    .da-k a.img { margin-bottom: 15px; display: block; border-radius: 6px; overflow: hidden; height: 162px; border: 1px solid #cdcdcd; }
    .da-k h3 { font-size: 15px; font-weight: 700; margin-bottom: 10px; height: 39px; overflow: hidden; text-transform: uppercase }
    .da-k .content { height: 65px }
    .da-k a.img img { width: 100%; height: 100%; object-fit: cover }
    .da-k .prev, .da-k .next, .sp-k .prev, .sp-k .next { font-size: 32px; left: auto; right: 0; top: 15px }
    .da-k .prev, .sp-k .prev { right: 25px }
.slide-nr .item { border-radius: 6px; overflow: hidden }
.slide-nr .img img { width: 100%; height: 100%; object-fit: cover }
.slide-nr .text { background: #e9e9e9; padding: 15px 15px 0 15px; }
    .slide-nr .text h3 { font-size: 16px; margin-bottom: 15px; text-transform: uppercase; height: 62px; overflow: hidden; }
.slide-nr .content { line-height: 1.6; margin-bottom: 0; height: 51px; overflow: hidden; }
.slide-nr .lSSlideOuter .lSPager.lSpg { position: relative; bottom: 0; padding: 10px 0; z-index: 99; margin-top: 0 !important; }
.slide-nr { position: relative; background: #e9e9e9; }
    .slide-nr .lSSlideOuter .lSPager.lSpg > li.active a, .slide-nr .lSSlideOuter .lSPager.lSpg > li:hover a { background: #f16927 }
    .slide-nr .lSSlideOuter .lSPager.lSpg > li a { background: #888 }
.da2 .dv2-ct .right .proj-right p.name, .da2 .dv2-ct .right .news-right p.name { padding-bottom: 10px; border-bottom: 1px solid #d0d0d0 }
.list-sl { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; }
    .list-sl .item { display: flex; align-items: center; }
        .list-sl .item .img { width: 68px; height: 68px; background: #f16927; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
        .list-sl .item .text { width: calc(100% - 68px); padding-left: 15px; }
            .list-sl .item .text span { display: block; font-size: 43px; color: #f16927; margin-bottom: 0; line-height: 1; font-weight: 600; }
            .list-sl .item .text p { margin-bottom: 0; font-size: 14px }
        .list-sl .item .img img { max-width: 100% }
section.tnsm { padding: 0; }
.tnsm .item { display: grid; grid-template-columns: repeat(2, 1fr); }
    .tnsm .item:nth-child(2n) .img { grid-column: 2/3; grid-row: 1/2; }
    .tnsm .item .img img, .list-lvhdmn .img img { width: 100%; height: 100%; }
    .tnsm .item .text { display: flex; align-items: center; justify-content: center; }
        .tnsm .item .text .box { text-align: center; }
        .tnsm .item .text img { margin-bottom: 15px }
        .tnsm .item .text h3 { font-size: 24px; margin-bottom: 10px; text-transform: uppercase; color: #333; }
        .tnsm .item .text p { padding: 0 100px; margin-bottom: 0; line-height: 1.8; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; }
.mnscr-ct span { font-size: 16px; text-transform: uppercase; font-weight: 700; margin-right: 12px; padding-right: 12px; border-right: 1px solid #d0d0d0; line-height: 1.2; cursor: pointer; }
    .mnscr-ct span:last-child { margin-right: 0; padding: 0; border: 0 }
.mnscr-ct { display: flex; justify-content: center; }
    .mnscr-ct span:hover, .mnscr-ct span.active { color: #f16927 }
.menu-scroll { padding: 15px 0 25px; }
.tit-gn.h1 { margin-bottom: 10px; margin-top: 25px }
section.video-gt, section.tnsm, section.cctc { padding: 0 }
.video-gt h2 { background: url(../images/tit-vdgt.jpg) no-repeat; margin-bottom: 0; padding: 40px 0; text-align: center; color: #fff; font-size: 22px; font-weight: 700; text-transform: uppercase; background-size: 100%; }
.item-vdgt a { display: block }
.item-vdgt img { width: 100%; min-height: 100%; object-fit: cover }
.item-vdgt { position: relative }
    .item-vdgt a > span { position: absolute; z-index: 9; top: 50%; left: 50%; transform: translate(-50%, -50%) }
section.cctc { background: #eceef1; padding: 40px 0 50px; }
.cctc-ct h2 { font-size: 22px; text-transform: uppercase; text-align: center; margin-bottom: 20px }
.l-a { display: flex; }
.item-gtc { display: flex; flex-direction: row-reverse; margin-bottom: 35px; }
    .item-gtc .img { width: 50%; position: relative; }
    .item-gtc .text { width: 50%; padding-right: 30px }
        .item-gtc .text h2 { font-size: 20px; margin-bottom: 20px; text-transform: uppercase; }
        .item-gtc .text p { margin-bottom: 15px; text-align: justify; line-height: 1.6 }
            .item-gtc .text p:last-child { margin-bottom: 0 }
.imggt { padding: 2px; border-radius: 50%; background: #fff; overflow: hidden; position: absolute; z-index: 1; }
    .imggt img { width: 100%; height: 100%; }
    .imggt:nth-of-type(1) { width: 195px; height: 195px; top: 30px; left: 152px; }
    .imggt:nth-of-type(2) { width: 245px; height: 245px; right: 0; top: 143px; }
    .imggt:nth-of-type(3) { width: 315px; height: 315px; top: 230px; left: 13px; }
.item-gtc .img:before { width: 415px; height: 415px; border: 3px solid #f16927; content: ''; position: absolute; left: 70px; top: 80px; border-radius: 50%; z-index: 0; }
section.gtc { background-color: #f1f1f1; background-image: url(../images/bg-gt1.png); background-repeat: no-repeat; background-position: bottom left; background-size: 100% auto }
.container.w650 { max-width: 650px; }
label.radio-inline { width: initial; margin: 0 30px 0 0; padding: 5px 0 5px 40px; display: table; cursor: pointer; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 5px; font-size: 14px; margin: 0 auto; }
    label.radio-inline:last-child { margin-bottom: 0; }
    label.radio-inline input { opacity: 0; cursor: pointer; position: absolute; top: 0; left: 0; margin-left: -20px; width: initial; }
.radio-inline .checkmark { position: absolute; width: 28px; height: 28px; padding-left: 2px; border: 1px solid #d0d0d0; left: 0; top: 0; }
    .radio-inline .checkmark:after { position: absolute; width: 18px; height: 18px; border-radius: 50%; left: 5px; top: 5px; display: none; content: "\f00c"; color: #f58f09; font: normal normal normal 14px/1 FontAwesome; font-size: 18px; }
.radio-inline input:checked ~ .checkmark:after { display: block }
section.lhmh2 { padding: 0 0 40px; background: url(../images/bg-lhmh2.jpg) no-repeat; background-size: 100% auto; }
a.return { font-size: 14px; color: #333; padding: 15px 0; display: block; text-decoration: none; transition: .2s linear; }
    a.return i { color: #f16927; margin-right: 8px }
    a.return:hover { color: #f16927 }
.bg-mh2 { padding: 25px; background: #fff; border-radius: 5px; box-shadow: 0 0 8px #d3d3d3; }
.form-mh2 .item { display: flex; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #d0d0d0; }
    .form-mh2 .item .img { width: 170px; border-radius: 6px; overflow: hidden; }
    .form-mh2 .item .text { width: calc(100% - 170px); padding-left: 10px; position: relative; }
        .form-mh2 .item .text h3 { font-weight: 700; margin: 0; margin-bottom: 5px; }
            .form-mh2 .item .text h3 a { color: #333; text-decoration: none; font-size: 16px; }
                .form-mh2 .item .text h3 a:hover { color: #f16927 }
        .form-mh2 .item .text .price { font-size: 14px; margin-bottom: 5px; }
            .form-mh2 .item .text .price a { margin-left: 5px; color: #f16927; }
.sl { display: flex; align-items: center; margin-top: 10px }
    .sl > p { margin-right: 10px; margin-bottom: 0; line-height: 1; }
.nsl .sl-up, .nsl .sl-down { margin-right: 5px; width: 30px; height: 30px; border: 1px solid #d0d0d0; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.nsl .sl-down { margin-right: 0 }
.nsl { display: flex; align-items: center }
    .nsl .inp-sl input { width: 70px; height: 30px; border: 1px solid #d0d0d0; border-radius: 0; text-align: center; margin-right: 5px; }
.form-mh2 .item .img img { width: 100%; height: 100%; object-fit: cover; }
p.infor { font-size: 16px; margin-bottom: 12px; color: #f16927; text-transform: uppercase; font-weight: 700; }
.form-kh { display: block; /* overflow:hidden; */ }
    .form-kh input { width: 100%; height: 42px; background: #ededed; border-radius: 3px !important; color: #777676; border: 0; padding-left: 12px; box-shadow: none !important; outline: none !important; }
    .form-kh .form-group.w-50 { width: 49%; float: left; }
    .form-kh .form-group.ml { margin-left: 2% }
.input-group.date { position: relative }
.form-kh .input-group-addon { border: 0; border-left: 1px solid #d0d0d0; position: absolute; right: 0; width: 38px; height: 30px; top: 7px; display: flex; align-items: center; justify-content: center; color: #898989; }
    .form-kh .input-group-addon:before { font: normal normal normal 14px/1 FontAwesome; content: "\f073"; }
.form-kh input:focus { outline: none !important; border: 0 !important; box-shadow: none !important }
.form-kh input::placeholder { color: #777676 }
.bootstrap-datetimepicker-widget .prev { font-size: 22px; left: -12px; line-height: 0; top: 51%; font-weight: 400 }
    .bootstrap-datetimepicker-widget .prev:hover, .bootstrap-datetimepicker-widget .next:hover { background: transparent }
.bootstrap-datetimepicker-widget .next { font-size: 22px; right: 0; line-height: 0; font-weight: 400 }
.form-kh textarea { height: 83px; width: 100%; background: #ededed; font-size: 14px; padding: 5px 0 5px 12px; border: 0; border-radius: 3px }
.form-kh button { width: 210px; height: 42px; background: #f16927; border-radius: 5px; display: flex; align-items: center; justify-content: center; font-size: 16px; text-transform: uppercase; color: #fff; border: 1px solid #f16927; transition: .2s linear; margin-left: calc((100% - 210px)/2); font-weight: 700; }
    .form-kh button:hover { background: #fff; color: #f16927; }
.lh2-ct h1 { font-size: 18px; color: #f16927; line-height: 2; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; padding-left: 55px; position: relative; }
    .lh2-ct h1 span { display: block; line-height: 1; font-size: 20px; color: #333; margin-left: -55px; padding-top: 5px; }
    .lh2-ct h1:before { width: 48px; height: 3px; background: #f16927; content: ''; position: absolute; left: 0; top: 15px }
.lh2-ct { display: block; overflow: hidden; }
    .lh2-ct .left { width: 50%; padding-right: 30px; float: left; }
    .lh2-ct .right { width: 50%; padding: 20px; border: 1px solid #d0d0d0; border-radius: 6px; float: left; background: #f9f7f7; }
    .lh2-ct .item { display: flex; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #d0d0d0 }
        .lh2-ct .item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 }
        .lh2-ct .item .img { width: 60px }
        .lh2-ct .item .text { width: calc(100% - 60px); padding-left: 20px; padding-top: 5px }
        .lh2-ct .item h3 { margin-bottom: 5px; font-size: 14px }
        .lh2-ct .item .text span { font-size: 14px; }
.map-lh iframe { width: 100%; height: 100% }
.lh2-ct .right p.name { font-size: 18px; font-weight: 700; margin-bottom: 15px; text-transform: uppercase }
.lh2-ct .right input, .lh2-ct .right textarea { height: 42px; width: 100%; border: 1px solid #d0d0d0; border-radius: 3px; background: #fff; padding-left: 45px; font-size: 14px; color: #333; }
.lh2-ct .right textarea { height: 78px; padding-left: 10px; padding-top: 5px; }
.lh2-ct .right label { position: absolute; width: 32px; height: 24px; top: 9px; left: 5px; color: #9a9a9a; display: flex; align-items: center; justify-content: center; border-right: 1px solid #d0d0d0; }
.lh2-ct .right .form-group { position: relative; }
.lh2-ct .right button { height: 42px; background: #f16927; border: 1px solid #f16927; border-radius: 5px; font-size: 14px; padding: 0 20px; color: #fff; text-transform: uppercase; font-weight: 700; transition: .2s linear }
    .lh2-ct .right button:hover { background: #fff; color: #f16927 }
    .lh2-ct .right button i { margin-left: 10px }
.sp1 { margin-bottom: 40px }
.tit-gn.sp1 { margin-bottom: 25px }
.sp1 .list-sp .item:before { border: none; }
.sp1 .list-sp .item .img { border: 1px solid #b8b8b8; }
.tabsp-ct span { padding: 6px 18px; margin-right: 10px; font-weight: 700; font-size: 16px; background: #ebebeb; border-radius: 30px; cursor: pointer; transition: .2s linear; text-transform: uppercase }
    .tabsp-ct span:last-child { margin-right: 0 }
.tabsp-ct { display: flex; justify-content: center; margin-bottom: 25px }
    .tabsp-ct span:hover, .tabsp-ct span.active { background: #f16927; }
        .tabsp-ct span:hover a, .tabsp-ct span.active a { color: #fff }
.htsp-ct { display: flex; justify-content: center }
    .htsp-ct .ht, .htsp-ct .sx { position: relative; }
    .htsp-ct .ht { margin-right: 30px }
        .htsp-ct .ht .list-ht, .htsp-ct .sx .list-sx { border: 1px solid #d0d0d0; border-radius: 3px; padding: 0; position: absolute; top: calc(100% + 10px); right: 0; min-width: 170px; z-index: 1; transform: translateY(-10px); opacity: 0; visibility: hidden; transition: .2s linear; background: #fff; }
            .htsp-ct .ht .list-ht span, .htsp-ct .sx .list-sx span { display: block; padding: 6px 8px 8px 8px; border-bottom: 1px solid #d0d0d0; font-size: 14px; transition: .2s linear; cursor: pointer; white-space: nowrap; }
                .htsp-ct .ht .list-ht span:last-child, .htsp-ct .sx .list-sx span:last-child { border-bottom: 0; }
                .htsp-ct .ht .list-ht span:hover, .htsp-ct .ht .list-ht span.active, .htsp-ct .sx .list-sx span:hover, .htsp-ct .sx .list-sx span.active { background: #f8f7f7; color: #f16927 }
.htsp { position: relative; z-index: 9; }
.htsp-ct .ht p.name, .htsp-ct .sx p.name { margin-bottom: 0; font-size: 14px; cursor: pointer; }
    .htsp-ct .ht p.name span, .htsp-ct .sx p.name span { text-transform: uppercase; margin-left: 6px; font-weight: 700; }
    .htsp-ct .ht p.name i, .htsp-ct .sx p.name i { margin-left: 6px }
.htsp-ct .ht .list-ht.active, .htsp-ct .sx .list-sx.active { opacity: 1; visibility: visible; transform: translateY(0); }
.lsp2 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 30px; }
.item-ct { border-radius: 5px; overflow: hidden; box-shadow: 0 0 14px -9px #000; }
    .item-ct .text { padding: 15px; background: #ebebeb }
    .item-ct .img img { width: 100%; height: 100%; object-fit: cover; }
    .item-ct .text h3 { margin-bottom: 15px }
    .item-ct .text .btn { margin-bottom: 0; display: flex; justify-content: space-between; align-items: center; }
    .item-ct .text .btn-lh { color: #f16927; font-weight: 700; }
        .item-ct .text .btn-lh:hover { color: #f99769; }
    .item-ct .text .btn-ct { color: #f16927; padding: 3px 12px; border: 1px solid #f16927; border-radius: 3px }
        .item-ct .text .btn-ct:hover { background: #f16927; color: #fff }
.pr-lsp { display: none; }
    .pr-lsp.active { display: block }
.tit-tab p { cursor: pointer; margin-bottom: 0; margin-right: 40px; font-size: 22px; font-weight: 700; text-transform: uppercase; padding-bottom: 15px; position: relative; transition: .2s linear; }
    .tit-tab p:last-child { margin-right: 0 }
.tit-tab { display: flex; margin-bottom: 30px; border-bottom: 1px solid #d0d0d0; justify-content: center; }
    .tit-tab p.active, .tit-tab p:hover { color: #f16927 }
    .tit-tab p:before { left: 0; right: 100%; content: ''; position: absolute; height: 3px; bottom: -1px; transition: .2s linear; background: #f16927; }
    .tit-tab p.active:before, .tit-tab p:hover:before { right: 0 }
.text-tab p { font-size: 14px; line-height: 1.6; margin-bottom: 15px }
.tab-dt { margin-bottom: 30px; padding-bottom: 40px; border-bottom: 1px solid #d0d0d0; }
.text-tab { display: none }
    .text-tab.active { display: block }
.sp-k { position: relative; }
    .sp-k p.name { padding-bottom: 0; margin-bottom: 20px; border-bottom: 0 }
.text-tab, .text-tab * { font-size: 14px; line-height: 1.6; }
    .text-tab img, .text-tab iframe { max-width: 100% }
.sph-ct { margin-bottom: 30px; display: block; overflow: hidden; }
    .sph-ct .img { width: 50%; float: left; }
    .sph-ct .text { width: 50%; float: left; padding-left: 30px }
        .sph-ct .text h1 { font-size: 22px; font-weight: 700; margin-bottom: 10px; }
        .sph-ct .text .content { font-size: 14px; line-height: 1.6; margin-bottom: 15px }
            .sph-ct .text .content p:last-child, .sph-ct .text ul:last-child { margin-bottom: 0 }
            .sph-ct .text .content ul { padding-left: 20px }
        .sph-ct .text .sl { position: initial; margin-bottom: 15px }
        .sph-ct .text .sl { text-transform: uppercase }
.lbut { display: block; overflow: hidden; margin-bottom: 15px; }
    .lbut .bt-lhmh { display: block; width: 49%; float: left; background-color: #f16927; background-image: url(../images/mail-w.png); background-repeat: no-repeat; background-position: 30px; padding-left: 35px; }
    .lbut .bt-down { width: 49%; float: left; display: block; background: #002f89; margin-left: 2%; background-image: url(../images/dow-w.png); background-repeat: no-repeat; background-position: 55px; }
    .lbut a { color: #fff; text-align: center; font-weight: 700; text-transform: uppercase; font-size: 14px; border-radius: 6px; padding: 10px; padding-left: 35px; }
    .lbut .bt-tv { background-color: #d9d9d9; width: 100%; float: left; margin-top: 2%; color: #333; background-image: url(../images/call-black.png); background-repeat: no-repeat; background-position: 80px; padding-left: 35px; }
        .lbut .bt-tv span { color: #e62020 }
.slide-mini2 img { max-width: 100%; }
.slide-mini2 { width: 280px; margin: 5px auto 0; }
    .slide-mini2 .item-big { padding: 2px; }
        .slide-mini2 .item-big.slick-current .item { border: 1px solid #f16927 }
    .slide-mini2 .item img, .slide-big2 .item img { width: 100%; height: 100%; object-fit: cover; }
    .slide-mini2 .item, .slide-big2 .item { border-radius: 5px; overflow: hidden; }
.l-tt2 { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0; margin-bottom: 15px; }
    .l-tt2 .item:first-child { grid-row: 1/1; grid-column: 1/3; display: flex; padding-bottom: 0; border-bottom: 0; margin-bottom: 15px; padding-top: 0; border-top: none; }
        .l-tt2 .item:first-child .text { width: calc(100% - 10px); padding-left: 0; margin-left: 20px; }
            .l-tt2 .item:first-child .text .content { margin-bottom: 15px; max-height: initial; }
            .l-tt2 .item:first-child .text h3 { margin-bottom: 15px; max-height: initial }
    .l-tt2 .item { padding-bottom: 25px; border-top: 1px solid #d0d0d0; display: flex; padding-top: 15px; }
        .l-tt2 .item .img { width: 225px; border-radius: 6px; overflow: hidden; }
        .l-tt2 .item .text { width: calc(100% - 225px); padding-left: 15px }
            .l-tt2 .item .text .content { margin-bottom: 10px }
        .l-tt2 .item:nth-of-type(2n+2) { padding-right: 10px; }
        .l-tt2 .item:nth-of-type(2n+1) { padding-left: 10px; }
        .l-tt2 .item:first-child { padding-left: 0; }
            .l-tt2 .item:first-child .img { height: auto !important; width: calc(100% - 10px); border-radius: 8px; overflow: hidden; padding-left: 0; padding-right: 0; }
        .l-tt2 .item .text h3 { font-size: 16px; text-transform: uppercase; }
        .l-tt2 .item .text .content, .l-tt2 .item .text .content * { font-size: 14px; margin-bottom: 0; line-height: 1.6 }
            .l-tt2 .item .text .content p { margin-bottom: 0 }
        .l-tt2 .item .img a { height: 100%; }
        .l-tt2 .item .img img { width: 100%; height: 100%; object-fit: cover; }
    .l-tt2 a.see-more { font-size: 14px; font-weight: 700; padding: 5px 22px; border: 1px solid #f16927; color: #f16927; display: table; text-transform: uppercase; border-radius: 5px; display: none; }
span.day { font-size: 14px; display: block; margin-bottom: 8px; padding-left: 20px; background: url(../images/cld.png) no-repeat; background-position: 0px; }
.l-tt2 a.see-more:hover { background: #f16927; color: #fff }
.l-tt2 a.see-more i { margin-left: 5px }
.news1 { margin-bottom: 40px; }
.l-tt2 .item:first-child a.see-more { display: inline-block; padding: 8px 22px; }
.dv2.tt2 .news-right { margin-bottom: 25px; }
.div-flex { display: flex; justify-content: space-between; align-items: center; }
.tit-tt2 h1 { font-size: 22px; margin-bottom: 8px; font-weight: 700; text-transform: uppercase; }
.tit-tt2 { padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #d0d0d0; }
.dt-tt2 .content p { margin-bottom: 15px; line-height: 1.6; }
.dt-tt2 ul { padding-left: 18px; }
.dt-tt2 img, .dt-tt2 iframe { max-width: 100%; }
.dt-tt2 { padding-bottom: 30px; margin-bottom: 25px; border-bottom: 1px solid #d0d0d0; }
.searchtd-ct form { display: flex; }
.searchtd-ct .form-group.select { width: 22%; margin-left: 1%; }
.searchtd-ct .form-group { width: 42%; margin-bottom: 0; }
.searchtd-ct button { width: 11%; margin-left: 1%; background-color: #f16927; border: 1px solid #f16927; color: #fff; text-transform: uppercase; font-size: 14px; padding-left: 20px; background-image: url(../images/ic-search-w.png); background-repeat: no-repeat; background-position: 17% 53%; }
.searchtd-ct input, .searchtd-ct select { width: 100%; height: 36px; border: 1px solid #dbdbdb; border-radius: 3px; padding-left: 8px; font-size: 14px; background: #f0f0f0; }
.list-ldtd { display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px }
    .list-ldtd .img { display: table; margin: 0 auto 20px }
        .list-ldtd .img img { max-width: 100%; transform: initial !important }
    .list-ldtd h3 { text-align: center; font-size: 18px; line-height: 1.5; margin-bottom: 12px; text-transform: uppercase; }
    .list-ldtd .text p { font-size: 14px; line-height: 1.6; margin-bottom: 0; text-align: center; }
    .list-ldtd .item { padding: 0 15px }
section.vttd { background: #f0f0f0; padding: 40px 0 30px }
.searchtd-ct { padding: 12px; background: #aaaaaa; margin-bottom: 20px; border-radius: 6px; }
.tabletd-ct table { margin-bottom: 25px; }
    .tabletd-ct table th, .tabletd-ct table td { padding: 10px; text-align: center; }
        .tabletd-ct table th:nth-of-type(2), .tabletd-ct td:nth-of-type(2) { text-align: left; }
    .tabletd-ct table th { background: #264693; color: #fff; font-size: 16px; }
    .tabletd-ct table td { background: #fff; border-bottom: 1px solid #d0d0d0; font-size: 14px; }
    .tabletd-ct table tr:last-child td { border-bottom: 0; }
.td2-ct { display: flex; }
    .td2-ct .left { width: calc(100% - 300px); padding-right: 30px }
    .td2-ct .right { width: 300px }
.tit-td2 h1 { margin-bottom: 8px; font-size: 22px; text-transform: uppercase; font-weight: 700; color: #333 }
.tit-td2 { padding-bottom: 12px; border-bottom: 1px dotted #d0d0d0; margin-bottom: 20px }
    .tit-td2 span.day { margin-bottom: 0 }
.td2-ct .left .content p { margin-bottom: 15px; line-height: 1.6; font-size: 14px }
.td2-ct .left .content img, .td2-ct .left .content iframe { max-width: 100% }
a.dkut, .formlh-td .btn-ut { color: #fff; font-size: 16px; font-weight: 700; padding: 8px 25px; border-radius: 6px; background: #f16927; text-transform: uppercase; transition: .2s linear; border: 1px solid #f16927; display: table; }
    a.dkut:hover, .formlh-td .btn-ut:hover { color: #f16927; background: #fff }
    a.dkut i, .formlh-td .btn-ut i { margin-left: 10px; }
.td-k { padding-top: 20px; margin-top: 30px; border-top: 1px solid #d0d0d0 }
    .td-k p.name { padding-bottom: 0; margin-bottom: 20px; border-bottom: 0 }
.list-tdk { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 15px; }
    .list-tdk .item { background: #f2f2f2; padding: 15px; display: flex }
        .list-tdk .item .img { width: 66px; height: 66px; border: 1px solid #d0d0d0; display: flex; align-items: center; justify-content: center; background: #fff; padding: 3px }
        .list-tdk .item .text { width: calc(100% - 66px); padding-left: 12px }
        .list-tdk .item h3 { margin-bottom: 5px; text-transform: uppercase }
        .list-tdk .item .locat { margin-bottom: 5px }
        .list-tdk .item span.day { margin-bottom: 0 }
.infor-r p.name { font-size: 22px; text-transform: uppercase; padding: 8px 15px; font-weight: 700; background: #e5e5e5; margin-bottom: 0; border-radius: 8px 8px 0 0; }
.infor-r .content { background: #f2f2f2; padding: 15px; }
    .infor-r .content p { margin-bottom: 10px }
        .infor-r .content p a { color: #1852aa }
.infor-r { margin-bottom: 20px }
a.dd { display: block; padding: 12px 55px 12px 25px; border-radius: 6px; background-color: #f16927; text-transform: uppercase; transition: .2s linear; border: 1px solid #f16927; color: #fff; font-weight: 700; text-align: center; background-image: url(../images/ic-dow.png); background-repeat: no-repeat; background-position: 90%; }
.formlh-td p.name { font-size: 18px; color: #f58f09; margin-bottom: 20px; font-weight: 700; }
.formlh-td .form-group label:first-child { width: 140px; display: block; }
.formlh-td .form-group input { width: calc(100% - 140px); height: 36px; border: 1px solid #dbdbdb; padding-left: 8px; }
.formlh-td .form-group label span { color: red }
.formlh-td .form-group { display: flex; align-items: center; margin-bottom: 15px; position: relative; font-size: 14px; overflow: hidden }
.formlh-td form > span { display: block; margin-bottom: 15px; margin-left: 140px; color: #898989; font-size: 14px; }
.formlh-td .btn-ut { margin-left: 140px; margin-bottom: 0 }
.formlh-td .form-group input[type="file"] { opacity: 0; visibility: hidden; position: absolute; }
.btn-update { background-color: #f2f2f2; border: 1px solid #dbdbdb; width: calc(100% - 140px); height: 36px; display: flex; align-items: center; padding-left: 40px; font-size: 14px; cursor: pointer; background-image: url(../images/ic-file.png); background-position: 2% center; background-repeat: no-repeat; }
.td3 h1 { margin-bottom: 10px; font-size: 22px; text-transform: uppercase; font-weight: 700 }
.td2-ct .left .td3 .content p { margin-bottom: 10px; font-size: 14px }
.td2-ct .left .td3 .content { margin-bottom: 15px }
.list-dv1 .item .img a { height: 100%; }
.list-dv1 .item a.seemore { font-weight: inherit; text-transform: initial; }
    .list-dv1 .item a.seemore:before { border: 5px solid transparent; border-left-color: #f16927; top: 5px; }
.dt-tt2 .content p:last-child { margin-bottom: 0; }
.alrt-f { color: #f16927; margin-top: 5px; text-align: center; font-size: 13px }
.total { text-align: right; margin-bottom: 20px; font-size: 14px; }
    .total span { color: #f16927; font-size: 16px; font-weight: bold; }
.list-group-item-success { color: #155724; background-color: #c3e6cb; }
.slide-nr .item a.img { display: block }
.slide-mini2 .item-big { height: 64px }
.slide-mini2 .item { height: 100% }
.fixed-ic { position: fixed; top: 50%; right: 0; z-index: 99; transform: translateY(-50%); }
    .fixed-ic a { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 3px; margin-bottom: 5px; }
        .fixed-ic a.g-h { background: #f58f09; position: relative }
            .fixed-ic a.g-h span { position: absolute; right: 3px; top: 0; font-size: 13px; color: #fff; }
                .fixed-ic a.g-h span small { font-size: 13px; }
            .fixed-ic a.g-h:hover { background: #f19e32; }
        .fixed-ic a.c-a { background: #e62020 }
            .fixed-ic a.c-a:hover { background: #e44444; }
        .fixed-ic a.m-e { background: #245ab1 }
            .fixed-ic a.m-e:hover { background: #4276ca; }
        .fixed-ic a.z-l { margin-bottom: 0; background: #00acd4 }
            .fixed-ic a.z-l:hover { background: #2cafce; }
.logo a { display: block }
.fct .item p:last-child { margin-bottom: 0 }
.item-vd iframe { width: 100%; height: 423px }
.item-vdgt iframe { width: 100%; height: 800px }
.no-before:before { display: none }
.list-spk .item-ct .img { height: 180px }
.qrcode { position: relative }
    .qrcode .qr { position: absolute; right: 0; bottom: 0; width: 100px; height: 100px }
        .qrcode .qr img { width: 100%; height: 100%; object-fit: cover }
label.error { width: initial !important; white-space: nowrap }
.item-prj .text * { position: absolute; opacity: 0; visibility: hidden; }
.td2-ct .content table th, .td2-ct .content table td { padding: 5px }
.td2-ct .content table tr:nth-child(2n + 1) { background-color: #ebebeb; }
.td2-ct .content { margin-bottom: 25px; font-size: 14px; }
    .td2-ct .content table { border: 1px solid #dbdbdb }
        .td2-ct .content table td:first-child { border-right: 1px solid #dbdbdb; }
.head-top .logo span span { display: block; color: #f58f09; font-weight: 700; font-family: 'Roboto', sans-serif; text-transform: uppercase; font-size: 18px; margin-left: 0; margin-top: 3px; }
.head-top .logo span { font-family: Hel; color: #002f89; font-size: 21.5px; text-transform: uppercase; display: block; margin-left: 20px; text-align: center; white-space: nowrap; }
.head-top .logo a { max-width: 550px; display: flex; align-items: center; }
@font-face { font-family: Hel; src: url('../fonts/UTM HELVETINS_1.TTF'); }
.inf-prj p span { font-weight: 700 }
.inf-prj p { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #d0d0d0; position: relative; padding-left: 28px; padding-top: 3px; }
    .inf-prj p:before { width: 20px; height: 20px; content: ''; background: url(../images/ic-dt.png) no-repeat; position: absolute; left: 0; top: 3px; }
    .inf-prj p:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0 }
    .inf-prj p.boss:before { background-position-y: -42px; top: 1px; }
    .inf-prj p.price:before { background-position-y: -84px; top: 1px; }
    .inf-prj p.hm:before { background-position-y: -126px; height: 25px; top: -1px; }
.inf-prj { margin-bottom: 25px }