@font-face { font-family: "bmsb"; src: url(../fonts/BAOMOI-SEMIBOLD_GDI.TTF); }
@font-face { font-family: "bm"; src: url(../fonts/BAOMOI_GDI_0.TTF); }
@font-face { font-family: "bmi"; src: url(../fonts/BAOMOI-ITALIC_GDI.TTF); }

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

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-thumb { background: #a2722c; }
body { font-family: "bm"; }
a { text-decoration: none !important; transition: .2s linear; }
    a:hover { color: #a2722c !important }
header a:hover { color: #ddc180 !important }
ul li { /* list-style-type: none; */ }
.head-top { background-color: #261511; border-bottom: 1px solid #8b7975; padding: 7px 0 6px; }
    .head-top .social a { color: #ffffff; margin-right: 25px; font-size: 18px }
        .head-top .social a:last-child { margin-right: 0 }
    .head-top .header-ct { display: flex; align-items: center; justify-content: space-between; }
    .head-top .language { position: relative; }
        .head-top .language .name { margin-bottom: 0; display: flex; align-items: center; color: #fff; font-size: 14px; padding-right: 22px; cursor: pointer; }
        .head-top .language img { margin-right: 5px; width: 24px; height: 16px; }
.menu-language { padding: 0; margin-bottom: 0; background-color: #ffffff; padding: 5px 15px 7px; border-radius: 0 0 5px 5px; border-top: 3px solid #a2722c; position: absolute; min-width: 135px; right: 0; top: 90%; box-shadow: 0px 4px 6px #0000005e; opacity: 0; visibility: hidden; transition: .2s linear; z-index: 999; }
    .menu-language.active { opacity: 1; visibility: visible; top: calc(100% + 5px); }
    .menu-language a { color: #261511; }
.head-top .language .name:before { content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #ffffff; position: absolute; right: 0; }
.menu-language a:hover { color: #a2722c }
.menu-language li { margin-bottom: 3px; }
    .menu-language li:last-child { margin-bottom: 0; }
.head-middle { background-color: #261511; padding: 12px 0; }
    .head-middle .header-ct { display: flex; align-items: center; justify-content: space-between; position: relative; }
.logo a { display: block; }
    .logo a img { max-width: 100%; }
.head-middle .contact { display: flex; }
    .head-middle .contact .item { margin-right: 30px; text-align: center; }
        .head-middle .contact .item:last-child { margin-right: 0 }
        .head-middle .contact .item .img { margin-bottom: 3px }
        .head-middle .contact .item .text a { color: #fff; font-size: 14px; }
            .head-middle .contact .item .text a:hover { color: #a2722c }
        .head-middle .contact .item .img a { display: block; }
.head-middle .form-search { position: relative; margin-left: 50px; }
    .head-middle .form-search input { width: 535px; height: 48px; border: 0; border-radius: 3px; padding: 0 52px 0 18px; }
    .head-middle .form-search button { width: 48px; height: 48px; position: absolute; right: 0; top: 0; bottom: 0; border: initial; background-color: #fff; border-radius: 0 3px 3px 0; transition: .2s linear; }
        .head-middle .form-search button:hover { background-color: #d0d0d0 }
        .head-middle .form-search input:focus, .head-middle .form-search button:focus { outline: none }
.head-bottom { background-color: #433330; position: relative; }
    .head-bottom.fixed { animation-name: fadeInDownMenu; animation-duration: .5s; position: fixed; top: 0; left: 0; right: 0; z-index: 100; }
    .head-bottom ul { margin-bottom: 0; padding-left: 0; }
    .head-bottom .menu-top { display: flex; align-items: center; }
        .head-bottom .menu-top > li > a { color: #ffffff; }
        .head-bottom .menu-top > li { /* padding: 12px 26px; */ position: relative; list-style-type: none; }
        .head-bottom .menu-top .sub-menu { opacity: 0; visibility: hidden; position: absolute; min-width: 285px; left: 0; top: 100%; background-color: #fff; transition: all .3s linear; border-top: 3px solid #a2722c; border-radius: 0 0 6px 6px; padding: 6px 15px; box-shadow: 0px 6px 6px #00000040; z-index: 100; transform: translateY(5px); }
        .head-bottom .menu-top > li > a img { max-width: 100% }
        .head-bottom .menu-top > li > a { display: block; font-size: 14px; font-family: bmsb; text-transform: uppercase; padding: 12px 20px; position: relative; }
        .head-bottom .menu-top li a:hover, .head-bottom .menu-top li a.active { color: #ddc180 }
        .head-bottom .menu-top > li > a:before { width: 1px; content: ''; background-image: url(../images/ic-bf.png); height: 100%; position: absolute; right: 0; top: 0; bottom: 0; background-size: 100% 100%; }
        .head-bottom .menu-top > li:last-child > a:before { display: none }
    .head-bottom .sub-menu li a { color: #333333; }
        .head-bottom .sub-menu li a:hover { color: #a2722c; }
    .head-bottom .sub-menu li { margin-bottom: 5px; font-size: 14px; list-style-type: none; }
        .head-bottom .sub-menu li:last-child { margin-bottom: 0 }
.banner-ct { padding: 40px 0; min-height: 400px; }
.top-banner { display: flex; justify-content: space-between; margin-bottom: 35px; }
    .top-banner .item { width: 49%; position: relative; box-shadow: 0 0 10px #868686; }
        .top-banner .item .img { border: 3px solid #ffffff; }
            .top-banner .item .img a { display: block; }
            .top-banner .item .img img { max-width: 100% }
        .top-banner .item .text { position: absolute; left: 3px; right: 3px; bottom: 3px; text-align: center; height: 110px; background-image: url(../images/bg-h3.png); padding: 30px 20px 15px; display: flex; justify-content: center; align-items: center; }
            .top-banner .item .text h3 { margin-bottom: 0; font-family: bmsb; font-size: 25px; text-transform: uppercase; max-height: 60px; overflow: hidden; }
                .top-banner .item .text h3 a { color: #fff; }
                    .top-banner .item .text h3 a:hover { color: #a2722c }
.slide-banner .item { text-align: center; }
    .slide-banner .item .text h3 { font-size: 15px; margin-bottom: 0; }
    .slide-banner .item .text a { color: #333; white-space: nowrap; }
    .slide-banner .item .img { margin-bottom: 5px; }
        .slide-banner .item .img a { display: block; }
        .slide-banner .item .img img { max-width: 100%; transition: .2s linear; filter: grayscale(100%); }
    .slide-banner .item:hover .text h3 a { color: #a2722c }
    .slide-banner .item:hover .img img { filter: initial }
.slide-banner { position: relative }
.prev-slbn { font-size: 32px; color: #848484; position: absolute; left: -10px; top: calc((100% - 48px)/2); }
.next-slbn { color: #848484; font-size: 32px; position: absolute; right: -10px; top: calc((100% - 48px)/2); }
.top-project { padding: 50px 0 40px }
.tit-h2 h2 { font-size: 24px; padding-bottom: 12px; margin-bottom: 30px; position: relative; text-align: center; text-transform: uppercase; }
    .tit-h2 h2:before { width: 58px; height: 2.5px; background-color: #333; content: ''; position: absolute; bottom: 0; left: calc((100% - 58px)/2); }
    .tit-h2 h2 a { color: #333; font-family: bmsb; }
        .tit-h2 h2 a:hover { color: #a2722c }
.list-top-prj { position: relative; }
    .list-top-prj .item .img img { max-width: 100% }
    .list-top-prj .item .img a { display: block }
    .list-top-prj .item .text { position: absolute; top: 22px; left: 25px; right: 25px; bottom: 22px; background-color: rgb(255 255 255 / 90%); text-align: center; justify-content: center; align-items: center; display: flex; opacity: 0; visibility: visible; transition: .3s linear; transform: scale(0.9, 0.9); }
    .list-top-prj .item:hover .text { opacity: 1; visibility: visible; transform: scale(1,1) }
    .list-top-prj .item .text:before { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; border: 3px solid #000; content: ''; }
    .list-top-prj .item { position: relative; }
        .list-top-prj .item .img { height: 258px !important; overflow: hidden }
.dp-flex { padding: 0 30px; position: relative; }
.list-top-prj .item .text h3 { font-family: bmsb; font-size: 18px; text-transform: uppercase; margin-bottom: 2px; }
    .list-top-prj .item .text h3 a { color: #261511; }
.list-top-prj .item .text p { margin-bottom: 0px; font-size: 15px; color: #333; }
    .list-top-prj .item .text p a { color: #333 }
    .list-top-prj .item .text p:last-child { margin-bottom: 0; }
.prev-sltprj, .next-sltprj { font-size: 32px; color: #777777; position: absolute; left: -20px; top: calc((100% - 48px)/2); }
.next-sltprj { left: initial; right: -20px }
.slide-mobile { display: none; }
.product { background-color: #f4f4f4; padding: 40px 0 20px; }
.list-hot-item { display: flex; margin-bottom: 30px; }
    .list-hot-item .img-left { width: 345px; height: 591px; }
    .list-hot-item .slide-right { width: calc(100% - 345px); }
    .list-hot-item .img-left a { display: block; height: 100% }
    .list-hot-item .img-left img { max-width: 100%; height: 100% }
    .list-hot-item .slide-right .item { padding: 18px 20px; border-right: 1px solid #d0d0d0; background-color: #fff; height: 295px; }
        .list-hot-item .slide-right .item .img { overflow: hidden; margin-bottom: 15px; height: 165px; display: flex; align-items: center; justify-content: center; }
            .list-hot-item .slide-right .item .img a { display: block; height: 100%; }
            .list-hot-item .slide-right .item .img img { width: 100%; min-height: 100%; object-fit: cover; }
        .list-hot-item .slide-right .item .text { text-align: center; }
            .list-hot-item .slide-right .item .text h3 { font-family: bmsb; font-size: 16px; margin-bottom: 5px; }
                .list-hot-item .slide-right .item .text h3 a { color: #333; }
            .list-hot-item .slide-right .item .text .id-item, .list-it .item .text .id-item { font-size: 14px; color: #666666; margin-bottom: 3px; display: block; }
        .list-hot-item .slide-right .item .price, .list-it .item .price { font-size: 18px; color: #a2722c; font-family: bmsb; margin-bottom: 0; }
            .list-hot-item .slide-right .item .price .price-fix, .list-it .item .price .price-fix { font-size: 14px; color: #666666; text-decoration: line-through; margin-right: 5px; }
    .list-hot-item .slide-right .item-big .item:first-child { border-bottom: 1px solid #d0d0d0 }
    .list-hot-item .slide-right .slide-pc { position: relative }
.prev-slr, .next-slr { width: 28px; height: 28px; background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #000; box-shadow: 0 0 4px rgb(0 0 0 / 58%); position: absolute; top: calc((100% - 28px)/2); left: -15px; }
.next-slr { left: initial; right: -15px }
.list-hot-item .slide-right .slide-pc .lslide.active + .item-big + .item-big .item { border-right: initial; }
.top-search { background-color: #fff; padding: 20px 20px 0; }
    .top-search .name-div { display: flex; align-items: center; justify-content: space-between; padding-bottom: 12px; border-bottom: 1px solid #d0d0d0; }
.name-div .name { font-size: 18px; margin-bottom: 0; font-family: bmsb; text-transform: uppercase; }
    .name-div .name a { color: #333; }
.name-div .btn-search { padding-left: 20px; position: relative; color: #333; }
    .name-div .btn-search:before { content: ''; width: 11px; height: 11px; left: 0; position: absolute; top: 6px; background-image: url(../images/ic-seemore.png); }
.list-item-hots .slider { display: grid; grid-template-columns: repeat(5, 1fr); }
.list-item-hots .item { border-right: 1px solid #d0d0d0; }
    .list-item-hots .item:last-child { border-right: 0 }
    .list-item-hots .item .text h3 { font-size: 16px; font-family: bmsb; margin-bottom: 0 }
        .list-item-hots .item .text h3 a { color: #333; }
    .list-item-hots .item .text .count-item { margin-bottom: 0; color: #666666; font-size: 15px; }
.list-item-hots .item { display: flex; flex-direction: row-reverse; padding: 0 8px 0 11px; }
    .list-item-hots .item .img { width: 90px; height: 80px; display: flex; align-items: center; justify-content: center; }
        .list-item-hots .item .img a { display: block; }
    .list-item-hots .item .text { display: flex; align-items: center; padding-right: 10px; width: calc(100% - 90px); }
        .list-item-hots .item .text .dp-flex { padding: 0 }
    .list-item-hots .item:first-child .text { padding-left: 0 }
    .list-item-hots .item .img img { max-width: 100% }
    .list-item-hots .item:first-child { padding-left: 0 }
.all-sp { background-color: #f4f4f4; padding: 20px 0 40px; }
.tit-h2-all { display: flex; align-items: center; justify-content: space-between; position: relative; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #d0d0d0; text-transform: uppercase; }
    .tit-h2-all h2 { font-size: 24px; color: #333; font-family: bmsb; margin-bottom: 0; }
    .tit-h2-all:before { height: 2px; width: 66px; background-color: #000; left: 0; bottom: -1px; position: absolute; content: ''; }
    .tit-h2-all h2 a { color: #333333; }
    .tit-h2-all > a { font-size: 15px; color: #261511; text-transform: initial; padding-right: 12px; position: relative; }
        .tit-h2-all > a:before { content: "\f105"; font: normal normal normal 14px/1 FontAwesome; position: absolute; right: 0; top: 4px }
.list-it .item .text h3 { font-size: 16px; margin-bottom: 2px }
    .list-it .item .text h3 a { color: #333; font-family: bmsb }
.list-it .item .text { text-align: center; padding: 15px 5px 22px; }
.list-it .item .img { overflow: hidden; height: 175px; }
    .list-it .item .img a { display: block; height: 100%; }
    .list-it .item .img img { width: 100%; min-height: 100%; object-fit: cover; }
.list-it .item { background-color: #fff }
.list-it { position: relative; }
    .list-it .lSSlideWrapper { position: initial }
    .list-it .lSAction > a { right: -40px; opacity: 1; text-align: center }
    .list-it .lSAction > .lSPrev:before { content: "\f104"; }
    .list-it .lSAction > .lSPrev { left: -40px }
    .list-it .cl-action { display: none }
    .list-it .lSAction > a:before { content: "\f105"; font: normal normal normal 14px/1 FontAwesome; font-size: 30px; }
.prev-lit, .next-lit { font-size: 32px; color: #666; position: absolute; left: -30px; top: calc((100% - 48px)/2); }
.next-lit { left: initial; right: -30px }
.all-sp .listitem { margin-bottom: 35px; }
    .all-sp .listitem:last-child { margin-bottom: 0px; }
.introduce { padding: 40px 0 55px; }
.introduce-ct { display: block; overflow: hidden; }
    .introduce-ct .introd { width: 48%; float: left; }
    .introduce-ct .count-xd { width: 49%; float: right; }
.tith2-ic { margin-bottom: 16px; }
    .tith2-ic h2 { font-size: 24px; margin-bottom: 0; padding: 3px 0; position: relative; display: flex; align-items: center; text-transform: uppercase; padding-left: 40px; font-family: 'bmsb'; }
.count-xd .tith2-ic h2 { padding-left: 36px; }
.videoid-ct .tith2-ic h2 { padding-left: 50px; }
.tith2-ic h2:before { content: ''; width: 30px; height: 30px; position: absolute; left: 0; top: 0; background-repeat: no-repeat; }
.introd .tith2-ic h2:before { background-image: url(../images/ic-tit-gth.png); }
.count-xd .tith2-ic h2:before { background-image: url(../images/ic-tit-count.png); }
.videoid-ct .tith2-ic h2:before { background-image: url(../images/ic-tit-vd.png); width: 39px; height: 32px; }
.tith2-ic h2 a { color: #333333; }
.introd .text p { font-size: 15px; color: #333; margin-bottom: 30px; text-align: justify; }
    .introd .text p:last-child { margin-bottom: 0 }
.introd .text { margin-bottom: 30px }
.introd .btn-seemore { font-size: 15px; display: table }
    .introd .btn-seemore a { color: #333; position: relative; padding-right: 12px; position: relative; padding-bottom: 1px; }
        .introd .btn-seemore a:before { content: "\f105"; font: normal normal normal 14px/1 FontAwesome; position: absolute; right: 2px; top: 2px; transition: .3s linear; }
        .introd .btn-seemore a:after { left: 0; right: 3px; content: ''; background-color: #333; height: 1px; position: absolute; bottom: 0; transition: .3s linear; }
        .introd .btn-seemore a:hover:after { left: 0; right: 0; background-color: #a2722c }
        .introd .btn-seemore a:hover:before { right: 0; }
.form-count { background-color: #f4f4f4; padding: 30px 33px 35px 35px; }
    .form-count form { display: block; overflow: hidden; }
    .form-count select { width: 100%; height: 36px; border-radius: 4px; border: 1px solid #cacaca; padding-left: 8px; -webkit-appearance: none; background-image: url(../images/ic-down.png); background-repeat: no-repeat; background-position-x: 95%; background-position-y: center; }
    .form-count input { width: 100%; height: 36px; border-radius: 4px; border: 1px solid #cacaca; padding-left: 8px; }
        .form-count input:focus { border: 1px solid #a2722c; box-shadow: initial }
.form-control[readonly] { background-color: #ffffff }
.form-count input::-webkit-outer-spin-button, .form-count input::-webkit-inner-spin-button { -webkit-appearance: none; }
.form-count input[type=number] { -moz-appearance: textfield; padding-right: 22px; }
.form-count button { width: 100%; height: 36px; background-color: #261511; border-radius: 4px; border: 1px solid #261511; transition: .3s linear; color: #fff; text-transform: uppercase; font-family: 'bmsb'; margin-top: 5px; }
    .form-count button:hover { background-color: #a2722c; border: 1px solid #a2722c }
.form-count .form-group { margin-bottom: 14px; width: 49%; float: left; position: relative; }
    .form-count .form-group label.error { position: absolute; top: 0; right: 0; font-size: 12px; background: #a2722c9c; color: #Ffffff; padding: 3px 10px; border-radius: 3px }
    .form-count .form-group:nth-of-type(1), .form-count .form-group:nth-of-type(2) { margin-bottom: 10px }
    .form-count .form-group.width1-3 { width: calc(96%/3) }
.form-count .width1-3:nth-of-type(4), .form-count .width1-3:nth-of-type(5) { margin-left: 2%; }
.form-count .form-group.left { float: right; }
.form-count label { margin-bottom: 8px; font-size: 15px; color: #333; line-height: 1; }
.form-count .pickamct { position: relative; }
    .form-count .pickamct .dw-am { border-top: 6px solid #333; border-left: 6px solid transparent; border-right: 6px solid transparent; display: table; position: absolute; right: 6px; bottom: 10px; cursor: pointer; transition: .2s linear; }
    .form-count .pickamct .up-am { border-bottom: 6px solid #333; border-left: 6px solid transparent; border-right: 6px solid transparent; display: table; position: absolute; right: 6px; top: 9px; cursor: pointer; transition: .2s linear; }
    .form-count .pickamct .dw-am:hover { border-top: 6px solid #a2722c; }
    .form-count .pickamct .up-am:hover { border-bottom: 6px solid #a2722c; }
.video-id { background-color: #f6f6f6; padding: 40px 0 50px }
.list-vdid-ct { display: block; overflow: hidden; margin: 0 -10px; }
    .list-vdid-ct .item:first-child { height: initial; width: calc((100% - 60px)/2); }
        .list-vdid-ct .item:first-child .img { height: 326px; margin-bottom: 15px; }
    .list-vdid-ct .item { position: relative; width: calc((100% - 60px)/4); float: left; margin: 10px; }
        .list-vdid-ct .item .img { position: relative; overflow: hidden; height: 153px; }
            .list-vdid-ct .item .img:after { content: ''; background-image: url(../images/ic-play-vd.png); width: 32px; height: 32px; position: absolute; bottom: 47px; background-size: 100% 100%; left: 12px; }
        .list-vdid-ct .item:first-child .img:after { width: 54px; height: 54px; left: 50%; top: 50%; transform: translate(-50%, -50%); }
        .list-vdid-ct .item .img:before { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; background-color: rgb(0 0 0 / 25%); transition: .2s linear; }
        .list-vdid-ct .item .img a { display: block; height: 100%; }
        .list-vdid-ct .item .img img { width: 100%; min-height: 100%; transition: .3s linear; object-fit: cover; }
        .list-vdid-ct .item:hover .img img { transform: scale(1.1,1.1) }
        .list-vdid-ct .item .text { position: absolute; left: 12px; bottom: 15px; }
            .list-vdid-ct .item .text h3 { font-size: 16px; margin-bottom: 0; color: #ffffff; font-family: 'bmsb'; line-height: 1.1; max-height: 36px; overflow: hidden; }
                .list-vdid-ct .item .text h3 a { color: #fff; }
        .list-vdid-ct .item:first-child .text { position: initial; }
            .list-vdid-ct .item:first-child .text h3 a { color: #333333 }
.slide-rv a .border-img img { width: 100%; min-height: 100%; object-fit: cover; }
.slide-rv a .border-img { width: 65px; height: 65px; border: 3px solid #ffffff; border-radius: 50%; margin: 0 auto; margin-top: 11px; overflow: hidden; }
.slide-rv .lSSlideOuter .lightSlider { height: 86px !important; }
.slide-rv .slider-rv { display: flex; justify-content: space-evenly; }
.slide-rv { width: 279px; margin: -147px auto 0; position: relative; text-align: center; height: 86px; z-index: 99; }
.slider-rv .lslide.active + a { width: 86px !important; }
    .slider-rv .lslide.active + a .border-img { width: 86px; height: 86px; line-height: initial; margin-top: 0; overflow: hidden; }
.slide-rv .prevrv { position: absolute; top: calc((100% - 48px)/2); left: -50px; color: #fff; font-size: 32px; }
.slide-rv .nextrv { position: absolute; top: calc((100% - 48px)/2); right: -50px; color: #fff; font-size: 32px; }
.slider-comment { max-width: 750px; margin: 0 auto; }
    .slider-comment .text { text-align: center; font-size: 16px; color: #ffffff; }
    .slider-comment .detail-review .text { margin-bottom: 115px; }
        .slider-comment .detail-review .text p { line-height: 22px; height: 66px; overflow: hidden; }
.detail-name { bottom: 0; text-align: center; }
    .detail-name p { margin-bottom: 0; color: #ffffff; font-size: 15px; }
    .detail-name .name { font-family: bmsb; margin-top: 8px; }
.review { background-image: url(../images/bg-review.jpg); background-repeat: no-repeat; background-size: 100% auto; padding: 90px 0 120px; }
.tit-h2-no { position: relative; padding-bottom: 58px; text-align: center; margin-bottom: 30px; }
    .tit-h2-no:before { background-image: url(../images/ic-review.png); background-repeat: no-repeat; background-size: 100% 100%; width: 58px; height: 45px; content: ''; position: absolute; bottom: 0; left: calc((100% - 58px)/2); }
    .tit-h2-no h2 { font-size: 24px; font-family: bmsb; margin-bottom: 0; color: #fff; text-transform: uppercase; }
.ques { padding: 75px 0 80px }
.list-ans { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; }
    .list-ans .item:first-child { display: block; }
        .list-ans .item:first-child h2 { margin-bottom: 0; font-size: 29px; color: #333; font-family: bmsb; text-transform: uppercase; padding-left: 15px; position: relative; }
            .list-ans .item:first-child h2:before { content: ''; width: 3px; background-color: #333; top: 5px; bottom: 5px; position: absolute; left: 0; }
    .list-ans .item { display: flex; }
        .list-ans .item .img { width: 78px; padding: 2px 0 0 2px }
        .list-ans .item .text { width: calc(100% - 78px); padding-left: 10px }
        .list-ans .item .img img { max-width: 100%; }
        .list-ans .item .text p { margin-bottom: 0; font-size: 16px; line-height: 1.4; }
.qttk { background-image: url(../images/bg-qttk.jpg); background-size: 100% auto; background-repeat: no-repeat; padding: 60px 0 70px; }
.tit-2-re h2 { margin-bottom: 0; text-align: center; color: #fff; font-size: 24px; font-family: bmsb; text-transform: uppercase; }
.tit-2-re { margin-bottom: 30px }
.list-qttk .slider { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 15px; }
.list-qttk .item .img img { max-width: 100% }
.list-qttk .item { position: relative; }
.list-qttk .text img { max-width: 100% }
.list-qttk .text p { margin-bottom: 10px; color: #fff; font-size: 18px; font-family: bmsb }
.list-qttk .item .text p:last-child { margin-bottom: 0 }
.list-qttk .text { width: 140px; text-align: center; position: absolute; top: 48px; right: 35px; }
.support { padding: 60px 0 40px; border-bottom: 1px solid #d0d0d0; }
.list-sup .item .img { width: 153px; height: 153px; border: 2px solid #ffffff; border-radius: 50%; overflow: hidden; margin: 0 auto 15px; box-shadow: 0 0 6px #333 }
    .list-sup .item .img a { display: block; }
    .list-sup .item .img img { max-width: 100%; }
.list-sup .item .text h3 { font-size: 16px; margin-bottom: 5px; font-family: 'bmsb'; }
.list-sup .item { padding-top: 6px }
    .list-sup .item .text h3 a { color: #333 }
    .list-sup .item .text .job { font-size: 16px; margin-bottom: 6px; }
    .list-sup .item .text { text-align: center; }
        .list-sup .item .text .call { color: #b40808; background-image: url(../images/ic-call-red.png); background-repeat: no-repeat; padding: 2px 0 2px 22px; background-position-y: center; display: table; margin: 0 auto 8px; }
        .list-sup .item .text .contact { display: flex; justify-content: center; }
            .list-sup .item .text .contact a { width: 30px; height: 30px; text-align: center; display: flex; align-items: center; justify-content: center; border: 1px solid #575757; border-radius: 50%; color: #575757; margin-right: 6px; }
.list-sup .slider { margin-bottom: 25px; }
.prev-slsp, .next-slsp { width: 36px; height: 36px; border: 1px solid #575757; border-radius: 50%; font-size: 26px; color: #575757; display: flex; align-items: center; justify-content: center; }
.prev-slsp { margin-right: 10px; }
.list-sup .cl-action { display: flex; justify-content: center; }
.prev-slsp:hover, .next-slsp:hover { border: 1px solid #a2722c; }
.imgdt-ct .item img { max-width: 100% }
.img-dt { padding: 20px 0; border-top: 1px solid #d0d0d0; }
.imgdt-ct .item a { display: block }
.imgdt-ct .item { display: flex; align-items: center; height: 60px !important; }
.footer { background-color: #261511; padding: 30px 0 }
.ft-ct { display: flex; }
    .ft-ct .item { width: 25%; padding-right: 20px; }
        .ft-ct .item .alrt-email { color: #ffffff }
        .ft-ct .item:nth-of-type(1) { width: 26%; }
        .ft-ct .item:nth-of-type(4) { width: 24%; }
        .ft-ct .item p { color: #ffffff; margin-bottom: 3px; position: relative; }
            .ft-ct .item p a { color: #ffffff; }
            .ft-ct .item p.name { font-family: bmsb; text-transform: uppercase; margin-bottom: 8px; padding-left: 0 !important; }
            .ft-ct .item p:last-child { margin-bottom: 0; }
        .ft-ct .item:first-child p { padding-left: 20px }
            .ft-ct .item:first-child p.call:before { content: "\f095"; font: normal normal normal 14px/1 FontAwesome; position: absolute; left: 1px; top: 6px; }
            .ft-ct .item:first-child p.mail:before { content: "\f0e0"; font: normal normal normal 14px/1 FontAwesome; position: absolute; left: 0; top: 5px; }
            .ft-ct .item:first-child p.address:before { content: "\f041"; font: normal normal normal 14px/1 FontAwesome; position: absolute; left: 2px; top: 5px; }
        .ft-ct .item form input { height: 36px; border: initial; padding-left: 8px; width: 100%; }
            .ft-ct .item form input::placeholder { color: #9e9e9e; font-size: 15px }
        .ft-ct .item form { position: relative; margin-bottom: 15px; }
            .ft-ct .item form label.error { color: #dc3545; margin-bottom: 0; padding: 0 }
            .ft-ct .item form button { height: 32px; position: absolute; right: 2px; top: 2px; background-color: #251411; border: initial; width: 36px; display: flex; align-items: center; justify-content: center; transition: .2s linear; }
                .ft-ct .item form input:focus, .ft-ct .item form button:focus { outline: none }
                .ft-ct .item form button:hover { background-color: #a2722c }
.ct-sca { display: flex; }
    .ct-sca a { width: 36px; height: 36px; border-radius: 50%; border: 2px solid #fff; color: #fff; display: flex; align-items: center; justify-content: center; margin-right: 8px; background-color: transparent; }
        .ct-sca a:last-child { margin-right: 0 }
        .ct-sca a:hover { border: 1px solid #a2722c; background-color: #a2722c; color: #fff !important; }
.menu-ft { padding: 20px 0; }
.menuft-ct { display: flex; justify-content: space-between; }
.menu-left a { color: #333; margin-right: 5px; padding-right: 10px; border-right: 1px solid #000; line-height: 1; }
    .menu-left a:last-child { border-right: 0; padding-right: 0; margin-right: 0 }
.sticker-menu, .bg-black, .tog-show-sub { display: none; }
.mnrow-ct { /* display: flex; */ /* align-items: center; */ padding: 0; margin: 0; }
    .mnrow-ct li { display: inline-block }
    .mnrow-ct a { color: #333; font-size: 15px; margin-right: 10px }
    .mnrow-ct i { margin-right: 10px }
    .mnrow-ct a:last-child { margin-right: 0 }
    .mnrow-ct a:hover, .mnrow-ct a.active { color: #a2722c !important }
.menu-row { padding: 20px 0 }
section { background-color: #f4f4f4; }
.frame-map { border: 1px solid #d0d0d0; height: 400px; }
    .frame-map iframe { width: 100%; height: 100% }
.map-frame { padding-bottom: 40px; }
.lh-ct { display: flex; justify-content: space-between; }
.if-left { width: 50%; padding-right: 50px; }
.form-right { width: 50%; }
.form-ct { padding-bottom: 40px }
.if-left h1, .form-right h2 { font-size: 20px; color: #333; margin-bottom: 20px; font-family: "bmsb"; text-transform: uppercase; }
.if-left p { margin-bottom: 12px; font-size: 17px; color: #333; padding-left: 24px; background-repeat: no-repeat; background-position-y: center; }
    .if-left p.address { background-image: url(../images/ic-add.png); background-position-y: 4px; background-position-x: 2px; }
    .if-left p.call { background-image: url(../images/ic-call.png); background-position-x: 3px; }
    .if-left p.mail { background-image: url(../images/ic-mail.png) }
    .if-left p a { color: #333; }
.form-right input { width: 100%; height: 42px; border: 1px solid #d0d0d0; border-radius: 8px; padding-left: 10px; }
.form-right textarea { width: 100%; height: 94px; border: 1px solid #d0d0d0; border-radius: 8px; padding-left: 10px; padding-top: 6px }
.form-right button { height: 50px; width: 170px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #fff; font-family: 'bmsb'; background-color: #433330; border: 1px solid #433330; text-transform: uppercase; padding-right: 22px; transition: .3s linear; background-image: url(../images/ic-long-right-w.png); background-repeat: no-repeat; background-position-y: center; background-position-x: 90%; float: right; }
    .form-right button:hover { background-color: #fff; color: #433330; background-image: url(../images/ic-long-right-b.png); }
.form-right input::placeholder.form-right textarea::placeholder { outline: none }
.form-right .form-group.width1-2 { width: 49%; float: left; }
    .form-right .form-group.width1-2.margin { margin-left: 2%; }
.form-right .form-group:nth-of-type(4) { clear: both }
.form-right .form-group { margin-bottom: 8px; position: relative; }
    .form-right .form-group label.error { color: red; position: absolute; top: 0; right: 0; margin: 0; background: #e9ecef; padding: 3px 5px; border-radius: 5px; font-size: 13px; }
    .form-right .form-group.last { margin-bottom: 13px; }
.banner.side-mn .top-banner { margin-bottom: 0; }
.tit-h1-g h1, .tit-h1-g h2 { font-size: 24px; font-family: bmsb; position: relative; text-align: center; padding-bottom: 10px; margin-bottom: 25px; text-transform: uppercase; color: #333 }
    .tit-h1-g h1 a, .tit-h1-g h2 a { color: #333; }
    .tit-h1-g h1:before, .tit-h1-g h2:before { content: ''; width: 50px; background-color: #000; height: 2px; left: calc((100% - 50px)/2); bottom: 0; position: absolute }
.menu-link { display: flex; justify-content: center; margin-bottom: 30px }
    .menu-link a { color: #333; margin-right: 12px; padding-right: 13px; position: relative; font-family: bmsb; }
        .menu-link a.active { color: #a2722c; }
        .menu-link a:before { content: ''; background-color: #afafaf; top: 1px; bottom: 1px; right: 0; position: absolute; width: 1px; }
        .menu-link a:last-child { margin-right: 0; padding-right: 0 }
            .menu-link a:last-child:before { display: none }
.list-item-da .slider { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; }
.list-item-da .item .img { margin-bottom: 10px; height: 272px; overflow: hidden; position: relative; cursor: pointer; }
    .list-item-da .item .img a { display: block; height: 100%; }
    .list-item-da .item .img img { width: 100%; min-height: 100%; object-fit: cover; transition: .3s linear; }
    .list-item-da .item .img:hover img { transform: scale(1.1,1.1) }
.list-item-da .item .text h3 { font-size: 16px; margin-bottom: 0; text-align: center; height: 39px; overflow: hidden; cursor: pointer; }
    .list-item-da .item .text h3 a { color: #333; font-family: bmsb; }
.list-item-da { margin-bottom: 35px; }
.top-da { padding-bottom: 40px }
.p-pager a, .p-pager span { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border: 1px solid #c8c8c8; margin-right: 8px; color: #333; }
.p-pager { display: flex; justify-content: center; }
    .p-pager a:hover, .p-pager a.active-page, .p-pager span.active-page, span.active { color: #a2722c !important; border: 1px solid #a2722c }
.h1-bdb h1, .h1-bdb p { font-size: 24px; font-family: 'bmsb'; text-transform: uppercase; margin-bottom: 0; line-height: 1.3; }
.h1-bdb { padding-bottom: 6px; margin-bottom: 20px; position: relative; border-bottom: 1px solid #d0d0d0; }
    .h1-bdb:before { width: 50px; content: ''; height: 3px; background-color: #000; position: absolute; left: 0; bottom: -1px; }
.all-form-gh { display: block; overflow: hidden; }
.formgh-right { width: 350px; float: right; background-color: #fff; padding: 15px 18px 22px 18px; border: 1px solid #d0d0d0; display: block; overflow: hidden; position: relative; }
.table-left { width: calc(100% - 350px); float: left; padding-right: 20px; }
.formgh-right > p { color: #000; font-size: 16px; padding-bottom: 5px; border-bottom: 1px solid #d0d0d0; margin-bottom: 8px; }
.formgh-right .price-big { float: right; }
.formgh-right .price-mn { color: #333; float: right }
.formgh-right .price-all { color: #a2722c; font-family: bmsb; font-size: 20px; float: right; line-height: 1; }
.formgh-right .note { display: block; text-align: right; font-size: 13px; color: #727272; }
.formgh-right p.nt { padding-bottom: 0; border-bottom: 0; margin-bottom: 10px; font-size: 14px; color: #000; }
.formgh-right > a { text-align: center; display: block; width: 48%; float: left; font-family: 'bmsb'; font-size: 16px; padding: 8px; border-radius: 6px; transition: .3s linear; }
.formgh-right a.dh { color: #fff; background-color: #433330; border: 1px solid #433330; }
.formgh-right a.mt { margin-left: 4%; color: #000; background-color: #dcc080; border: 1px solid #dcc080; }
    .formgh-right a.mt:hover { background-color: #fff; color: #dcc080 !important }
.formgh-right a.dh:hover { background-color: #fff; color: #433330 !important }
.form-gh { padding-bottom: 60px; }
.table-gh.head { height: 38px; padding: 0 20px; background-color: #f4f4f4; border-top: 1px solid #d0d0d0; }
.table-gh { display: flex; align-items: center; border: 1px solid #d0d0d0; background-color: #fff; border-top: 0; padding: 10px 20px; }
    .table-gh.head p { font-size: 16px; color: #333; font-family: bmsb; margin-bottom: 0; }
        .table-gh.head p:first-child, .table-gh .item:first-child { width: 55%; display: block; overflow: hidden; }
        .table-gh.head p:nth-of-type(2), .table-gh .item.form { width: 10%; text-align: center; }
        .table-gh.head p:nth-of-type(3), .table-gh .item.price { width: 25%; text-align: center; }
        .table-gh.head p:last-child, .table-gh .item.bin { width: 10%; text-align: center; }
    .table-gh .item.price { font-size: 18px; color: #a2722c; font-family: bmsb }
    .table-gh .item .img { width: 105px; overflow: hidden; float: left; }
        .table-gh .item .img img { max-width: 100%; min-height: 100%; object-fit: cover; transition: .3s linear; }
    .table-gh .item .text h3 { font-size: 16px; margin-bottom: 3px; font-family: bmsb }
        .table-gh .item .text h3 a { color: #333; }
    .table-gh .item .text .id { font-size: 14px; color: #666666; margin-bottom: 3px }
    .table-gh .item .text .price { font-size: 18px; color: #a2722c; font-family: bmsb; margin-bottom: 0; }
    .table-gh .item .text { width: calc(100% - 105px); float: left; padding-left: 15px }
    .table-gh .item .img:hover img { transform: scale(1.1,1.1) }
    .table-gh .item:last-child { text-align: center; display: flex; justify-content: center; align-items: center; }
        .table-gh .item:last-child a { line-height: 1; margin-top: -3px; }
    .table-gh .item.form input { width: 60px; height: 24px; border: 1px solid #d0d0d0; text-align: center; }
        .table-gh .item.form input::-webkit-outer-spin-button, .table-gh .item.form input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
        .table-gh .item.form input[type=number] { -moz-appearance: textfield; }
    .table-gh .item.form .dw-am, .table-gh .item.form .up-am { width: 24px; height: 24px; border: 1px solid #d0d0d0; margin-right: 2px; position: relative; display: flex; justify-content: center; align-items: center; cursor: pointer; }
    .table-gh .item.form .up-am { margin-right: 0; margin-left: 2px; }
    .table-gh .item.form .dw-am:before { width: 8px; height: 0px; position: absolute; content: ''; left: 8px; top: 11px; background-color: #000; }
    .table-gh .item.form .pickamct { display: flex; justify-content: center; margin: 0; padding: 0; }
.formgh-right .name { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; color: #fff; background-color: #433330; position: absolute; left: 0; top: 0px; right: 0; padding: 8px 5px 8px 20px; font-family: 'bmsb'; }
.formgh-right.ftt { border-top: 0; padding-top: 52px; }
.formgh-right .name span { font-family: bm }
.formgh-right .item { display: block; overflow: hidden; position: relative; padding-bottom: 5px; border-bottom: 1px solid #d0d0d0; margin-bottom: 8px; }
    .formgh-right .item .img { width: 105px; height: 70px; float: left; }
        .formgh-right .item .img a { display: block }
        .formgh-right .item .img:hover img { transform: scale(1.1,1.1) }
    .formgh-right .item img { max-width: 100%; transition: .3s linear }
    .formgh-right .item .text { padding-left: 15px; width: calc(100% - 105px); float: left; position: relative; }
        .formgh-right .item .text h3 { font-size: 16px; font-family: bmsb; margin-bottom: 4px }
            .formgh-right .item .text h3 a { color: #333; }
        .formgh-right .item .text p { margin-bottom: 4px }
            .formgh-right .item .text p.id { margin-bottom: 5px; font-size: 14px; color: #666666 }
            .formgh-right .item .text p.price { font-family: bmsb; font-size: 18px; color: #a2722c; }
        .formgh-right .item .text .count { position: absolute; right: 0; bottom: 3px; font-size: 16px; color: #333 }
.form-tt p.name { background-color: #f4f4f4; font-size: 16px; color: #333; margin-bottom: 0; font-family: 'bmsb'; border: 1px solid #d0d0d0; padding: 6px 5px 6px 16px; border-top: 0 }
    .form-tt p.name:first-child { border-top: 1px solid #d0d0d0 }
.form-tt form { display: block; overflow: hidden; }
    .form-tt form .pd-form { padding: 36px 16px 26px; overflow: hidden; border: 1px solid #d0d0d0; background: #ffffff; border-top: initial; }
    .form-tt form input[type=text] { height: 40px; border: 1px solid #d0d0d0; padding-left: 8px; width: 100%; border-radius: 5px }
.form-tt select { height: 40px; border: 1px solid #d0d0d0; padding-left: 8px; width: 100%; border-radius: 5px; -webkit-appearance: none; background-image: url(../images/arb-select.png); background-repeat: no-repeat; background-position-y: center; background-position-x: 95%; color: #777676; font-size: 14px }
.form-tt .form-group.select-f { width: calc(96%/3); float: left; }
.form-tt form input::placeholder { color: #777676; font-size: 14px }
.form-tt .form-group { margin-bottom: 15px }
    .form-tt .form-group.select-f.mg { margin-left: 2% }
    .form-tt .form-group.w1-7 { width: 66%; float: left; }
    .form-tt .form-group.w1-3 { width: 32%; float: left; margin-left: 2%; }
.form-tt form .form-group label { margin-bottom: 0 }
form.f-b .form-group { margin-bottom: 9px; display: flex; align-items: center; }
    form.f-b .form-group input { margin-right: 5px }
form.f-b { margin-bottom: 20px; padding: 30px 16px 23px; }
.form-tt a.return { color: #005bac; display: flex; align-items: center; float: left; margin-top: 10px; }
.form-tt button.htdh, .form-tt button { float: right; font-size: 16px; color: #fff; font-family: 'bmsb'; padding: 9px 30px; background-color: #433330; border: 1px solid #433330; border-radius: 6px; transition: .3s linear; }
.form-tt a.htdh:hover { color: #433330 !important; background-color: #fff }
.form-tt a.return i { margin-right: 5px; }
.list-ant { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 25px; margin-bottom: 30px; }
    .list-ant .item { background-color: #fff; }
        .list-ant .item .img { overflow: hidden; height: 175px; }
        .list-ant .item .text { text-align: center; padding: 15px 5px 22px; }
        .list-ant .item .img:hover img { transform: scale(1.1,1.1) }
        .list-ant .item .img a { display: block; height: 100% }
        .list-ant .item .img img { width: 100%; min-height: 100%; object-fit: cover; transition: .3s linear; }
        .list-ant .item .text h3 { font-size: 16px; margin-bottom: 2px }
            .list-ant .item .text h3 a { color: #333; font-family: bmsb }
        .list-ant .item .text { text-align: center; padding: 15px 5px 22px; }
            .list-ant .item .text .id-item { font-size: 14px; color: #666666; margin-bottom: 3px; display: block; }
        .list-ant .item .price { font-size: 18px; color: #a2722c; font-family: bmsb; margin-bottom: 0; }
            .list-ant .item .price .price-fix { font-size: 14px; color: #666666; text-decoration: line-through; margin-right: 5px; }
.furniture { padding-bottom: 40px; position: relative; }
.other-prj { padding: 45px 0 50px; }
.question { padding: 10px 0 75px; }
.ques-ct .name { font-family: 'bmsb'; font-size: 24px; color: #333; text-align: center; margin-bottom: 25px; text-transform: uppercase; line-height: 1.6; }
    .ques-ct .name span { display: block; font-size: 18px; }
.list-ques .slider { display: grid; grid-template-columns: repeat(3, 1fr); row-gap: 30px; column-gap: 25px; }
.list-ques .item { background-color: #fff }
    .list-ques .item .img { overflow: hidden; height: 222px; }
        .list-ques .item .img a { display: block }
        .list-ques .item .img img { width: 100%; min-height: 100%; object-fit: cover; transition: .3s linear; }
        .list-ques .item .img:hover img { transform: scale(1.1, 1.1) }
    .list-ques .item .text h3 { font-size: 18px; text-align: center; margin-bottom: 0; font-family: 'bmsb'; padding: 0 20px; max-height: 44px; overflow: hidden; height: 44px; display: flex; justify-content: center; align-items: center; }
        .list-ques .item .text h3 a { color: #333; }
    .list-ques .item .text { position: relative; padding: 47px 0 23px; }
        .list-ques .item .text .ic-img { width: 76px; height: 76px; text-align: center; display: flex; justify-content: center; align-items: center; border: 1px solid #fff; border-radius: 50%; position: absolute; background-color: #fff; top: -38px; left: calc((100% - 76px)/2); }
            .list-ques .item .text .ic-img img { max-width: 100%; }
.count-sl { background-image: url(../images/bg-count.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 70px 0; }
.csl-ct { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 60px; padding: 0 20px 0 0; }
    .csl-ct .item { display: flex; align-items: center; }
        .csl-ct .item .img { width: 72px; height: 72px; }
        .csl-ct .item .text { width: calc(100% - 72px); padding-left: 15px; text-align: center; color: #fff }
            .csl-ct .item .text span { display: block; font-family: bmsb; font-size: 48px; line-height: 1; }
            .csl-ct .item .text p { margin-bottom: 0; font-size: 18px; }
.form-cal { padding: 35px 0 45px }
.form-calmmn { }
.form-calmn input { height: 34px; width: 100%; border: 1px solid #d0d0d0; border-radius: 4px; padding-left: 8px; }
    .form-calmn input:focus { box-shadow: initial; border: 1px solid #a2722c }
.form-calmn select { height: 34px; width: 100%; border: 1px solid #d0d0d0; border-radius: 4px; }
.form-calmn .btnco input { }
.form-calmn label { font-size: 15px; color: #333; margin-bottom: 5px; }
.form-calmn { background-color: #f4f4f4; padding: 30px 32px; border: 1px solid #d0d0d0; }
    .form-calmn .form-group.width-25 { width: 24.1%; float: left; }
    .form-calmn .form-group.width-20 { width: calc(47%/3); float: left; }
    .form-calmn form { display: block; overflow: hidden; }
    .form-calmn .mg-2 { margin-left: 1.2%; }
    .form-calmn button { background-color: #261511; color: #fff; font-size: 16px; font-family: bmsb; text-transform: uppercase; border: 1px solid #261511; border-radius: 5px; padding: 5px 45px; width: 170px; margin: 0 auto; transition: .2s linear; clear: both; display: table; }
        .form-calmn button:hover { background-color: #fff; color: #261511 }
    .form-calmn .form-group.mgb { margin-bottom: 30px; }
.note-prj { padding: 70px 0 90px; }
    .note-prj h2 { font-family: bmsb; color: #333; font-size: 24px; margin-bottom: 25px; text-transform: uppercase; }
.text-prj p { font-size: 16px; color: #333; }
    .text-prj p:last-child { margin-bottom: 0; }
.text-prj img { max-width: 100%; height: auto !important }
.ct-t-m { background-image: url(../images/bg-cttm.jpg); background-size: 100% auto; background-repeat: no-repeat; padding: 65px 0 60px; }
.tith2-w h2 { font-size: 24px; padding-bottom: 12px; margin-bottom: 30px; position: relative; text-align: center; text-transform: uppercase; color: #fff; font-family: bmsb; }
    .tith2-w h2:before { width: 58px; height: 2.5px; background-color: #fff; content: ''; position: absolute; bottom: 0; left: calc((100% - 58px)/2); }
.cttm-ct form { display: block; overflow: hidden; width: 570px; margin: 0 auto; }
    .cttm-ct form input { height: 46px; padding-left: 12px; border: 1px solid #fff; border-radius: 6px; width: 100%; }
.cttm-ct .form-group label.error { color: red; position: absolute; top: 0; right: 0; margin: 0; background: #e9ecef; padding: 3px 5px; border-radius: 5px; font-size: 13px; }
.cttm-ct form .form-group { margin-bottom: 8px; position: relative }
    .cttm-ct form .form-group:nth-of-type(4) { clear: both }
    .cttm-ct form .form-group.width1-2 { width: calc(50% - 5px); float: left; }
    .cttm-ct form .form-group.margin { margin-left: 10px; }
    .cttm-ct form .form-group.mgb { margin-bottom: 10px; }
.cttm-ct form input::placeholder, .cttm-ct form textarea::placeholder { font-size: 16px; color: #7a7a7a; }
.cttm-ct form textarea { width: 100%; padding: 6px 0 0 12px; height: 90px; border-radius: 6px; }
.cttm-ct form button { font-size: 14px; font-family: 'bmsb'; color: #261511; background-color: #ddc180; border: 1px solid #ddc180; width: 156px; height: 50px; padding-right: 22px; transition: .3s linear; background-image: url(../images/ic-l-r-b.png); background-repeat: no-repeat; background-position-y: center; background-position-x: 80%; position: relative; left: 50%; transform: translateX(-50%); }
    .cttm-ct form button:hover { color: #fff; background-image: url(../images/ic-l-r-w.png); background-color: #261511; border: 1px solid #261511 }
    .cttm-ct form button:focus, .cttm-ct form input:focus, .cttm-ct form textarea:focus { outline: none }
.btnco input::-webkit-outer-spin-button, .btnco input::-webkit-inner-spin-button { -webkit-appearance: none; }
.btnco input[type=number] { -moz-appearance: textfield; }
.btnco .dw-am { border-top: 6px solid #333; border-left: 5px solid transparent; border-right: 5px solid transparent; display: table; position: absolute; right: 6px; bottom: 9px; cursor: pointer; transition: .2s linear; }
.btnco .up-am { border-bottom: 6px solid #333; border-left: 5px solid transparent; border-right: 5px solid transparent; display: table; position: absolute; right: 6px; top: 9px; cursor: pointer; transition: .2s linear; }
.btnco { position: relative; }
.question.mn-size .list-ques .item .text { padding: 18px 0 15px; }
.tit-ic { text-align: center; font-family: bmsb; color: #333; font-size: 24px; position: relative; }
    .tit-ic h1 { font-size: 24px; margin-bottom: 28px; padding-bottom: 11px; position: relative; text-transform: uppercase; }
        .tit-ic h1:before { width: 60px; height: 2px; background-color: #000; left: calc((100% - 60px)/2); content: ''; position: absolute; bottom: 0; }
.img-ic { width: 50px; margin: 0 auto 10px }
.text-mt { margin-bottom: 40px; }
    .text-mt p { margin-bottom: 20px; font-size: 16px; }
    .text-mt img { max-width: 100%; height: auto !important }
a.seemore { color: #ffffff !important; font-family: 'bmsb'; text-transform: uppercase; border: 1px solid #261511; background-color: #261511; display: table; padding: 7px 35px; border-radius: 6px; margin: 0 auto; }
.question.mn-size .list-ques { margin-bottom: 30px; }
a.seemore:hover { background-color: #fff; color: #261511 !important; }
.news-ct { display: flex; }
    .news-ct .news-c, .news-detail { width: calc(100% - 300px); padding-right: 30px }
    .news-ct .news-p { width: 300px }
.list-news .item { display: flex; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #d0d0d0; }
    .list-news .item .img { width: 300px; overflow: hidden; height: 170px; cursor: pointer; }
        .list-news .item .img img { width: 100%; min-height: 100%; object-fit: cover; }
        .list-news .item .img a { display: block; }
    .list-news .item .text { width: calc(100% - 300px); padding-left: 20px; }
        .list-news .item .text h3 { font-size: 18px; margin-bottom: 12px; font-family: 'bmsb'; text-transform: uppercase; max-height: 44px; overflow: hidden; cursor: pointer; }
            .list-news .item .text h3 a { color: #261511; }
        .list-news .item .text p { font-size: 16px; max-height: 96px; margin-bottom: 0; overflow: hidden; }
.news-c .p-pager { justify-content: flex-start; }
.list-top-news .item { display: flex; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #d0d0d0 }
    .list-top-news .item .img { width: 90px; height: 90px; overflow: hidden }
        .list-top-news .item .img img { width: 100%; min-height: 100%; object-fit: cover; }
        .list-top-news .item .img a { display: block; height: 100%; }
    .list-top-news .item .text { width: calc(100% - 90px); padding-left: 12px }
        .list-top-news .item .text h3 { font-size: 16px; margin-bottom: 0 }
            .list-top-news .item .text h3 a { color: #333 }
    .list-top-news .item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0 }
.list-top-news { margin-bottom: 30px }
.list-news-sl .item { background-color: #fff; }
    .list-news-sl .item .img { height: 170px; overflow: hidden; }
        .list-news-sl .item .img a { display: block; }
        .list-news-sl .item .img img { max-width: 100%; }
    .list-news-sl .item .text h3 { font-size: 16px; margin-bottom: 0; text-align: center; padding: 0 20px; height: 39px; overflow: hidden; }
        .list-news-sl .item .text h3 a { color: #333; font-family: bmsb; }
    .list-news-sl .item .text { padding: 20px 0 22px; }
.list-news-sl { position: relative; }
.prev-nsl, .next-nsl { color: #ffffff; background-color: #0000009e; position: absolute; left: 0; top: 27%; z-index: 10; font-size: 22px; padding: 5px 6px; border-radius: 0 5px 5px 0; }
.next-nsl { left: initial; right: 0; border-radius: 5px 0 0 5px }
.news { padding-bottom: 60px; }
.detail-news { margin-bottom: 30px }
    .detail-news p { color: #333; margin-bottom: 15px; }
    .detail-news img, .detail-news iframe, .detail-news video { max-width: 100%; }
    .detail-news h1 { font-size: 20px; margin-bottom: 20px; color: #261511; font-family: 'bmsb'; }
    .detail-news h2, .detail-news h3 { font-size: 16px; margin-bottom: 20px; color: #261511; }
.social-br { display: flex; margin-bottom: 30px }
    .social-br a { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 1px solid #898686; border-radius: 50%; color: #898686; margin-right: 8px; }
        .social-br a:hover { border: 1px solid #a2722c }
.other-news .slider { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; }
.other-news .item { background-color: #fff }
    .other-news .item .img { overflow: hidden; height: 150px; }
        .other-news .item .img a { display: block; height: 100%; }
        .other-news .item .img img { width: 100%; min-height: 100%; object-fit: cover; transition: .3s linear; }
        .other-news .item .img:hover img { transform: scale(1.1,1.1) }
    .other-news .item .text { padding: 15px 15px 18px }
        .other-news .item .text h3 { font-size: 16px; margin-bottom: 0; height: 72px; overflow: hidden; line-height: 24px; }
            .other-news .item .text h3 a { color: #333; font-family: bmsb; }
.inp-sx { position: absolute; right: 0; top: -10px; z-index: 92; }
.select-sort > span { background-color: #ffffff; display: inline-block; line-height: 20px; width: 210px; padding: 5px 10px; border: 1px solid #adb5bd; border-radius: 5px; color: #6c757d; font-size: 14px; }
    .select-sort > span:before { content: '\f107'; font: normal normal normal 14px/1 FontAwesome; position: absolute; top: 5px; right: 10px; font-size: 20px; font-weight: 700; color: #6c757d }
.lst-cus-radio { position: absolute; width: 100%; right: 0; top: 100%; background-color: #ffffff; padding: 12px; display: none; }
    .lst-cus-radio label { width: 100% }
.cus-radio label { float: left; width: 17px; height: 20px; margin: 0; }
.cus-radio [type="radio"] { position: absolute; left: -9999px; }
    .cus-radio [type="radio"]:not(:checked) + label, .cus-radio [type="radio"]:checked + label { position: relative; padding-left: 1.95em; cursor: pointer; }
        .cus-radio [type="radio"]:not(:checked) + label:before,
        .cus-radio [type="radio"]:checked + label:before { content: ''; position: absolute; left: 0; top: 2px; width: 17px; height: 17px; border: 1px solid #ababab; background: #ffffff; border-radius: 13px; }
        .cus-radio [type="radio"]:checked + label:before { border: 1px solid #433330; }
        .cus-radio [type="radio"]:not(:checked) + label:after { opacity: 0; transform: scale(0); }
        .cus-radio [type="radio"]:not(:checked) + label:after,
        .cus-radio [type="radio"]:checked + label:after { content: ''; position: absolute; top: 6.5px; left: 4.5px; width: 7px; height: 7px; border-radius: 6px; background: #a2722c; transition: all .2s; }

.funi-ct { position: relative; }
.inp-sx select { padding-left: 8px; width: 215px; height: 32px; border: 1px solid #d0d0d0 }
.gth-text { margin-bottom: 30px; overflow: hidden; }
.dtitem-ct { display: flex; background-color: #fff; padding: 18px 22px; }
    .dtitem-ct .slide-glr { width: 49%; position: relative; }
    .dtitem-ct .dt-item { width: 51%; padding-left: 25px; }
.dtit-ct h1 { font-size: 24px; color: #333; font-family: bmsb; text-transform: uppercase; margin-bottom: 5px; }
.dtitem-ct .price { color: #a2722c; font-size: 27px; font-family: bmsb; }
    .dtitem-ct .price span { font-size: 18px; color: #666666; margin-right: 8px; text-decoration: line-through; }
.dtit-ct p { padding-bottom: 6px; margin-bottom: 6px; border-bottom: 1px solid #dbdbdb }
    .dtit-ct p:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 }
.dtit-ct { margin-bottom: 15px }
.btn-dt { display: flex; margin-bottom: 20px; }
.input-nb input { width: 86px; height: 48px; border: 1px solid #d0d0d0; font-size: 20px; padding: 0 10px; }
    .input-nb input::-webkit-outer-spin-button, .form-count input::-webkit-inner-spin-button { -webkit-appearance: none; }
    .input-nb input[type=number] { -moz-appearance: textfield; }
.input-nb .btnco .dw-am { bottom: 16px; border-top: 5px solid #6f6f6f; border-left: 4px solid transparent; border-right: 4px solid transparent; }
.input-nb .btnco .up-am { top: 17px; border-bottom: 5px solid #6f6f6f; border-left: 4px solid transparent; border-right: 4px solid transparent; }
.input-nb { width: 86px; position: relative }
.btn-dt .buynow, .btn-dt .contact { width: calc((100% - 114px)/2); margin-left: 15px; text-align: center; height: 48px; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #fff; padding-left: 30px; }
.btn-dt .buynow { background-color: #261511; border: 1px solid #261511; background-image: url(../images/ic-buynow.png); background-repeat: no-repeat; background-position-y: center; background-position-x: 40px; }
    .btn-dt .buynow:hover { color: #261511 !important; background-color: #fff; background-image: url(../images/ic-buy-b.png); }
.btn-dt .contact:hover { color: #675b58 !important; background-color: #fff; background-image: url(../images/ic-ct-b.png); }
.btn-dt .contact { background-color: #675b58; border: 1px solid #675b58; background-image: url(../images/ic-contact.png); background-repeat: no-repeat; background-position-y: center; background-position-x: 50px; }
.dt-item .social-br { margin-bottom: 0; }
.dt-item-pr { padding-bottom: 20px; }
.infor-item { padding-bottom: 40px; }
.ifit-ct { padding: 25px 20px; background-color: #fff; }
.tit-scroll a { font-family: bmsb; font-size: 20px; color: #333; padding-right: 12px; margin-right: 12px; position: relative; }
.tit-scroll { padding-bottom: 8px; margin-bottom: 20px; border-bottom: 3px solid #eeeeee; display: flex; }
    .tit-scroll a:after { top: 3px; bottom: 3px; width: 1px; background-color: #9b9b9b; right: 0; content: ''; position: absolute; }
    .tit-scroll a:last-child:after { display: none }
    .tit-scroll a:before { left: 0; right: 100%; height: 3px; background-color: #000; position: absolute; content: ''; bottom: -11px; left: 0; transition: .3s linear; }
    .tit-scroll a:hover:before, .tit-scroll a.active:before { right: 12px; }
    .tit-scroll a.active { color: #a2722c }
.item-dtid p { margin-bottom: 15px; }
.item-dtid img { max-width: 100%; height: auto !important }
.item-dtid p:last-child { margin-bottom: 0; }
.item-dtid { margin-bottom: 35px; display: none; }
    .item-dtid.active { display: block }
.list-othitem .slider { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 25px; }
.other-item { padding-bottom: 40px; }
.list-othitem .item .text h3 { font-size: 16px; margin-bottom: 2px }
    .list-othitem .item .text h3 a { color: #333; font-family: bmsb }
.list-othitem .item .text { text-align: center; padding: 15px 5px 22px; }
.list-othitem .item .img { overflow: hidden; height: 175px; }
    .list-othitem .item .img a { display: block; height: 100%; }
    .list-othitem .item .img img { width: 100%; min-height: 100%; object-fit: cover; }
.list-othitem .item .price { font-size: 18px; color: #a2722c; font-family: bmsb; margin-bottom: 0; }
.list-othitem .item { background-color: #fff; }
    .list-othitem .item .text .id-item { font-size: 14px; color: #666666; margin-bottom: 3px; display: block; }
    .list-othitem .item .price .price-fix { font-size: 14px; color: #666666; text-decoration: line-through; margin-right: 5px; }
.slide-mini { width: 300px; margin: 0 auto; position: relative; }
.slide-glr img { width: 100%; min-height: 100%; object-fit: cover; }
.slide-mini .item { width: 90px !important; height: 62px; border: 2px solid #d0d0d0; }
.slider-glr { margin-bottom: 12px; }
.prev-glr, .next-glr { font-size: 32px; color: #333333; position: absolute; left: -22px; bottom: 5px; }
.next-glr { left: initial; right: -15px; }
.bndt-ct img { width: 100%; }
.banner-dt { position: relative; }
    .banner-dt .form-dt { position: absolute; left: 0; top: 90px; right: 0; }
.ct-form { width: 450px; background-color: #fff; padding: 30px 25px; border-radius: 8px; }
.banner-dt .form-dt .container { display: flex; justify-content: flex-end; }
.ct-form h1 { font-size: 24px; color: #261511; margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px solid #d0d0d0; font-family: 'bmsb'; text-transform: uppercase; }
.ct-form p { margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px solid #d0d0d0; display: flex; justify-content: space-between; }
    .ct-form p span.name { font-family: bmsb; font-size: 17px; width: 150px; padding-right: 5px; }
    .ct-form p span.text { font-size: 16px; text-align: right; width: calc(100% - 150px); }
.ct-form .table { margin-bottom: 0 }
.infor-project { padding: 60px 0 50px }
.ct-form .table p:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 }
.ifprj-ct .infor h2, .ifprj-ct .image h2 { font-size: 24px; color: #261511; font-family: 'bmsb'; text-transform: uppercase; margin-bottom: 20px; }
.ifprj-ct .infor .text { font-size: 16px }
    .ifprj-ct .infor .text p { margin-bottom: 15px }
        .ifprj-ct .infor .text p:last-child { margin-bottom: 0 }
.ifprj-ct .infor .text img{max-width:100%;}
.ifprj-ct .infor { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #d0d0d0 }
.ifprj-ct .l-image { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; margin-bottom: 40px; }
    .ifprj-ct .l-image img { max-width: 100%; transition: .3s linear; }
    .ifprj-ct .l-image .item { height: 278px; overflow: hidden; display: block; }
        .ifprj-ct .l-image .item:hover img { transform: scale(1.1,1.1) }
.text-from-ct .name { font-size: 20px; margin-bottom: 11px; color: #261511; text-transform: uppercase; text-align: center; font-family: 'bmsb'; }
.text-from-ct .text { font-size: 18px; text-align: center; display: block; color: #261511; margin-bottom: 20px }
.text-from-ct .btn-fr-ct { font-size: 14px; font-family: 'bmsb'; color: #fff; background-color: #261511; border: 1px solid #261511; width: 190px; height: 50px; padding-right: 22px; transition: .3s linear; background-image: url(../images/ic-l-r-w.png); background-repeat: no-repeat; background-position-y: center; background-position-x: 80%; position: relative; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; }
    .text-from-ct .btn-fr-ct:hover { background-image: url(../images/ic-l-r-b.png); background-color: #fff; color: #261511 !important; }
.list-othprjs .slider { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; }
.list-othprjs .item { background-color: #fff }
.list-othprjs .img { overflow: hidden; height: 272px; }
    .list-othprjs .img img { width: 100%; transition: .3s linear; min-height: 100%; object-fit: cover; }
    .list-othprjs .img:hover img { transform: scale(1.1,1.1); }
.list-othprjs .text { padding: 20px 0 22px }
    .list-othprjs .text h3 { font-size: 16px; text-align: center; margin-bottom: 0; height: 39px; display: flex; align-items: center; justify-content: center; }
        .list-othprjs .text h3 a { color: #333; font-family: bmsb }
.text-from-ct { margin-bottom: 35px; }
.tit-scroll-ct h1 { font-size: 24px; font-family: bmsb; padding-bottom: 10px; margin-bottom: 15px; color: #333; text-transform: uppercase; text-align: center; position: relative }
    .tit-scroll-ct h1:before { width: 50px; height: 2px; background-color: #000; position: absolute; left: calc((100% - 50px)/2); bottom: 0; content: '' }
.scroll-gt a { font-size: 18px; color: #333; font-family: bmsb; padding-right: 10px; margin-right: 10px; position: relative; line-height: 1.2; }
    .scroll-gt a.active { color: #a2722c }
.scroll-gt { display: flex; justify-content: center; }
.tit-scroll-ct { padding-bottom: 40px }
    .tit-scroll-ct a:after { content: ''; top: 2px; bottom: 2px; right: 0; width: 1px; background-color: #a6a6a6; position: absolute; }
    .tit-scroll-ct a:last-child:after { display: none }
    .tit-scroll-ct a:last-child { padding-right: 0; margin-right: 0 }
.gtc-ct { display: flex }
    .gtc-ct .img { width: 43% }
        .gtc-ct .img img { max-width: 100% }
    .gtc-ct .text { width: 57%; padding-left: 30px; }
        .gtc-ct .text h2 { font-size: 24px; color: #333; margin-bottom: 18px; font-family: bmsb }
        .gtc-ct .text p { font-size: 16px; margin-bottom: 15px }
            .gtc-ct .text p span { font-family: bmsb }
            .gtc-ct .text p:last-child { margin-bottom: 0 }
.gtc { padding-bottom: 60px }
.tn-sm { background-image: url(../images/bg-tnsm.jpg); padding: 90px 0; background-size: 100% 100%; }
.tn-sm-ct .item h4 { color: #ddc180; font-family: bmsb; text-transform: uppercase; }
.tn-sm-ct .item .img { margin-bottom: 15px; height: 65px; display: flex; align-items: flex-end; justify-content: flex-start; }
    .tn-sm-ct .item .img img { max-width: 100%; }
.tn-sm-ct .item .text p { margin-bottom: 8px; padding-left: 22px; color: #fff; font-size: 18px; background-image: url(../images/ic-p.png); background-repeat: no-repeat; background-position-y: 4px; }
.tn-sm-ct { display: flex; }
    .tn-sm-ct .item .text p:last-child { margin-bottom: 0 }
    .tn-sm-ct .item:nth-of-type(1) { width: 39%; }
    .tn-sm-ct .item:nth-of-type(2) { width: 39%; }
    .tn-sm-ct .item:nth-of-type(3) { width: 22%; }
    .tn-sm-ct .item { padding-right: 50px; }
.ques.bg-x { background-color: #f4f4f4; }
.dnkt-ct { display: flex; }
    .dnkt-ct .name-btn { width: 20%; padding-right: 30px; float: left; }
    .dnkt-ct .slide-dn { width: 80%; }
.slide-dn .item .img { background-color: #f4f4f4; text-align: center; display: flex; align-items: flex-end; justify-content: center; height: 290px; }
    .slide-dn .item .img img { max-width: 100% }
.slide-dn .item { position: relative; }
.item-dnkt { padding: 75px 0 55px; }
.slide-dn .item .text { background-color: #261511; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; padding-top: 30px; opacity: 0; visibility: hidden; transition: .3s linear; transform: translateY(-100%); }
.slide-dn .item:hover .text { opacity: 1; visibility: visible; transform: translateY(0); }
.slide-dn .item .text .name { font-family: 'bmsb'; }
.slide-dn .item .text p { color: #ffffff; margin-bottom: 5px; }
    .slide-dn .item .text p.note { padding: 10px 41px; text-align: left; position: relative; margin-bottom: 0; max-height: 164px; overflow: hidden; }
        .slide-dn .item .text p.note span { max-height: 164px; overflow-y: auto; display: block; }
            .slide-dn .item .text p.note span::-webkit-scrollbar { width: 0px; }
        .slide-dn .item .text p.note:before { width: 26px; height: 19px; background-image: url(../images/ic-mn.png); position: absolute; content: ''; top: 0; left: 10px; }
        .slide-dn .item .text p.note:after { width: 25px; height: 19px; background-image: url(../images/ic-dn.png); position: absolute; content: ''; bottom: 0; right: 10px; }
.prev-sldn, .next-sldn { height: 38px; width: 38px; border: 1px solid #433330; display: inline-block; text-align: center; font-size: 28px; display: flex; justify-content: center; align-items: center; color: #433330; border-radius: 50%; float: left; }
.prev-sldn { margin-right: 10px }
.name-btn .name { margin-bottom: 15px; text-transform: uppercase; font-size: 21px; font-family: 'bmsb'; line-height: 1.2; padding-bottom: 5px; position: relative; }

    .name-btn .name:before { height: 2px; left: 0; bottom: 0; /* right: 0; */ background-color: #6e6360; content: ''; width: 100%; position: absolute; }
.item-dnkt:nth-child(2n) { background-color: #f4f4f4; }
.itsv-ct { display: flex; }
    .itsv-ct .txt-left { width: 63%; padding-right: 30px; }
        .itsv-ct .txt-left h2 { font-size: 24px; font-family: bmsb; color: #333; margin-bottom: 25px; text-transform: uppercase; }
        .itsv-ct .txt-left .list-service { display: grid; grid-template-columns: repeat(2, 1fr); row-gap: 25px; column-gap: 35px }
.list-service .name { font-size: 22px; color: #333; font-family: bmsb; margin-bottom: 12px; padding-left: 16px; background: url(../images/tg-p.png); background-repeat: no-repeat; background-position-y: center; }
.list-service p { margin-bottom: 0; font-size: 16px; padding-left: 16px; }
.list-service .text { }
.itsv-ct .img-right { width: 37%; text-align: right; }
    .itsv-ct .img-right img { max-width: 100%; }
.item-service { padding: 30px 0 50px }
.qttk-gt { }
    .qttk-gt h2 { font-size: 24px; color: #333; font-family: bmsb; margin-bottom: 0; padding: 35px 0; text-align: center; text-transform: uppercase; }
.list-qttkgt { }
    .list-qttkgt .item { display: flex; position: relative; }
    .list-qttkgt .img { width: 50%; overflow: hidden; height: 290px; position: relative; z-index: 1; }
        .list-qttkgt .img img { transition: .3s linear; max-width: 100%; width: 100%; }
        .list-qttkgt .img:hover img { transform: scale(1.1, 1.1) }
    .list-qttkgt .text { width: 50%; background-color: #f4f4f4; position: absolute; left: 0; right: 0; width: 100%; height: 100%; display: block; }
    .list-qttkgt .item:nth-child(2n) { flex-direction: row-reverse; }
    .list-qttkgt .text .container { height: 100% }
    .list-qttkgt .item:nth-child(2n + 1) .text-ct { padding-left: 53%; }
    .list-qttkgt .item:nth-child(2n) .text-ct { padding-right: 50%; }
    .list-qttkgt .text h3 { font-size: 24px; color: #5a3c27; margin-bottom: 12px; font-family: bmsb; }
    .list-qttkgt .text p { margin-bottom: 7px; padding-left: 20px; background-image: url(../images/ic-qttk.png); background-repeat: no-repeat; background-position-y: 3px; }
        .list-qttkgt .text p:last-child { margin-bottom: 0; }
    .list-qttkgt .item:first-child .text p { width: 50%; float: left; }
    .list-qttkgt .item .text-ct { display: flex; align-items: center; height: 100%; }
    .list-qttkgt .text-padding { display: block; overflow: hidden }
.scroll-gt.fixed { position: fixed; top: 45px; left: 0; right: 0; background-color: #fff; box-shadow: 0px 4px 4px #acabab; padding: 8px 20px; z-index: 99; }
.list-othprjs .img a { display: block; height: 100%; }
.table-left.mobile { display: none; }
.form-tt { display: block; overflow: hidden; }
.popup-vd .bgblack { z-index: 102; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); }
.popup-vd { position: fixed; width: 100%; height: 100%; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; pointer-events: none; transition: all 0.5s ease; display: flex; }
    .popup-vd.active { opacity: 1; visibility: visible; pointer-events: all; }
    .popup-vd .ifr-tv { z-index: 103; position: relative; width: 900px; height: initial; margin: auto; top: 0; max-width: calc(100% - 30px); z-index: 103; position: relative; }
        .popup-vd .ifr-tv iframe { width: 100%; height: 506px; border: none; }
    .popup-vd .close-pu { right: 20px; top: 20px; color: #fff; cursor: pointer; opacity: 1; width: 50px; height: 50px; background: rgba(0,0,0,0); border-radius: 100%; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: absolute; z-index: 1000; }
        .popup-vd .close-pu:before, .popup-vd .close-pu:after { display: block; content: " "; position: absolute; top: 14px; left: 23px; width: 4px; height: 22px; border-radius: 4px; background: #fff; -webkit-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; }
        .popup-vd .close-pu:before { transform: rotate(45deg); }
        .popup-vd .close-pu:after { transform: rotate(-45deg); }

.sm-lst-iv { background: rgb(226, 226, 226); display: flex; justify-content: center; padding: 8px 0px; }
    .sm-lst-iv a { font-size: 14.65px; font-weight: 600; text-transform: uppercase; background: rgb(255, 255, 255); margin-right: 6px; color: rgb(51, 51, 51); padding: 6px 18px; border-radius: 5px; }
    .sm-lst-iv .tth1-ct { display: flex; }
        .sm-lst-iv .tth1-ct h1 { font-size: 18px; margin: 0 10px 0 0; }
            .sm-lst-iv .tth1-ct h1 span { color: #5a3c27; }
        .sm-lst-iv .tth1-ct > span { font-size: 14px; }
.left-list .item-new h3, .left-list .item-new h3 a { font-size: 20px; color: #5a3c27; font-weight: 700 }
.left-list .item-new p { margin-bottom: 0 }
.left-list .item-new { margin-bottom: 20px }

.bn-sm { position: relative; }
    .bn-sm img { width: 100%; }
.shn-h1 { font-size: 45px; font-weight: 600; color: rgb(255, 255, 255); text-transform: uppercase; position: absolute; margin-bottom: 0px; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.show-fgh { position: relative }
    .show-fgh .tooltips-gh, .icgh-mbhtt .tooltips-gh { position: absolute; z-index: 10; width: 250px; right: 0; background: #fff; border: 1px solid #d8d7d7; border-top: 2px solid #ddc180; box-shadow: inset 0 0 8px -5px rgba(0,0,0,.5); border-radius: 3px; top: 35px; padding: 26px 10px 20px; }
.hidden { display: none }
.show-fgh .tooltips-gh:before, .icgh-mbhtt .tooltips-gh:before { top: -10px; right: 20px; position: absolute; content: ''; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 10px solid #ddc180; }
.tooltips-gh p { font-size: 14px; margin-bottom: 11px; position: relative; color: #333; padding-left: 22px; text-align: center; }
.show-fgh .tooltips-gh a, .icgh-mbhtt .tooltips-gh a { background: #ddc180; width: 100%; display: block; height: 32px; padding: 0; line-height: 32px; text-align: center; color: #ffffff; text-transform: none; border-radius: 5px; border: 1px solid #ddc180; }
.btn-closett { position: absolute; width: 18px; height: 18px; top: 10px; right: 10px; cursor: pointer; }
    .btn-closett:before, .btn-closett:after { width: 14px; content: ''; height: 2px; background: #000; position: absolute; transform: rotate(45deg); top: 5px; left: 5px; }
    .btn-closett:after { transform: rotate(315deg); }
.checkgt { display: block; position: relative; padding-left: 29px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 12px; }
    .checkgt input { position: absolute; opacity: 0; cursor: pointer; }
.checkmark { position: absolute; top: 4px; left: 10px; height: 13px; width: 13px; background-color: #fff; border-radius: 50%; border: 1px solid #6c757d; }
.checkgt:hover input ~ .checkmark { background-color: #a2722c; border: 1.5px solid #a2722c; }
.checkgt input:checked ~ .checkmark { border: 1.5px solid #a2722c; background-color: #a2722c }
.checkmark:after { content: ""; position: absolute; }
.checkgt input:checked ~ .checkmark:after { display: block; }
.checkgt .checkmark:after { top: 2px; left: 2px; width: 7px; height: 7px; border-radius: 50%; }

.hidden-type { display: none }
.form-inputsend { background-color: #ffffff; padding: 20px 20px 15px 10px; margin-bottom: 20px; border: 1px solid #d0d0d0; border-top: initial; }
.infor-ck ul { padding: 0 0 0 15px; margin-bottom: 0; }
    .infor-ck ul li { list-style-type: unset; }
/*NotFound*/
.notfound { background: url(../images/bg_404.jpg) no-repeat 100%; background-size: 100%; font-family: 'open_sanslight'; font-size: 100%; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; height: 79vh; display: flex; align-items: center; }
    .notfound .content { width: 70%; margin: 0 auto 0; }
.logo_notfound { padding: 1em; text-align: center; padding: 1% 1% 5% 1%; }
    .logo_notfound h1 { display: block; padding: 2em 0em; }
    .logo_notfound span { font-size: 2em; color: #fff; }
        .logo_notfound span img { width: 40px; height: 40px; vertical-align: bottom; margin: 0px 10px; }
.buttom_notfound { background: url(../images/bg2_404.png) no-repeat 100% 0%; background-size: 100%; text-align: center; vertical-align: middle; margin: 0 auto; width: 556px; padding-bottom: 15px; max-width: 100%; }
.seach_bar { padding: 2em; }
    .seach_bar p { font-size: 1.5em; color: #fff; font-weight: 300; margin: 2em 0em 0.9em 0em; }
    .seach_bar span a { font-size: 1em; color: #fff; text-decoration: underline; font-weight: 300; }
.search_box { background: #F1F3F6; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; padding: 6px 10px; position: relative; cursor: pointer; width: 75%; margin: 0 auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; box-shadow: inset 0 0 5px rgba(156, 156, 156, 0.75); -moz-box-shadow: inset 0 0 5px rgba(156, 156, 156, 0.75); -webkit-box-shadow: inset 0px 0px 5px rgba(156, 156, 156, 0.75); }
    .search_box img { vertical-align: middle; margin-right: 10px; }
    .search_box form input[type="text"] { border: none; outline: none; background: none; font-size: 1em; color: #999; width: 100%; height: 32px; }
    .search_box form button[type="submit"] { border: none; cursor: pointer; background: url(../images/search_404.png) no-repeat 0px 1px; position: absolute; right: 0; width: 34px; height: 25px; outline: none; -webkit-appearance: none; top: 9px; }
/*end*/
.lg-toolbar .lg-icon, .lg-actions .lg-next, .lg-actions .lg-prev { opacity: 1; color: #ffffff !important; }
.lg-actions .lg-prev { left: -60px }
.lg-actions .lg-next { right: -360px; }
.lg-backdrop { background-color: #00000066 !important; }
.hidden, .hidden-mb { display: none !important }

.lg-outer .lg { overflow: initial; }
.lg-sub-html { position: absolute; top: 0; right: -300px; bottom: 0; left: initial; width: 350px; background: #ffffff !important; padding: 180px 15px 0; }
/*slide 3D*/
.slide-swct { position: relative; overflow: hidden }
.slick-slider { }
.slick-dots { text-align: right; position: absolute; bottom: 0; left: 0; right: 0; }
.slick-track { max-width: 100% !important; transform: translate3d(0, 0, 0) !important; perspective: 100px; }
.slick-slide { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; opacity: 0; width: 100% !important; transform: translate3d(0, 0, 0); transition: transform 1s, opacity 1s; }
.slick-snext,
.slick-sprev,
.slick-snext2,
.slick-sprev2 { display: block; }
.slick-current { opacity: 1; position: relative; display: block; z-index: 2; }
.slick-snext { opacity: 1; transform: translate3d(150px, 0, -20px); z-index: 1; perspective: 1000px; }
.slick-snext2 { opacity: 1; transform: translate3d(320px, 0, -40px); z-index: 0; perspective: 1000px; }
.slick-sprev { opacity: 1; transform: translate3d(-150px, 0, -20px); }
.slick-sprev2 { opacity: 1; transform: translate3d(-320px, 0, -40px); }
.slick-initialized .slick-slide { padding: 20px 0 }

@keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) }
    50% { opacity: 1 }
}

.slick-arrow { background: url(../images/ic-right-l.png)no-repeat; width: 36px; height: 36px; background-size: 100% 100%; border: initial; text-indent: -9999px; position: absolute; top: calc(50% - 18px); right: 150px; border-radius: 50%; }
    .slick-arrow:focus { border: initial; outline: initial; }
    .slick-arrow:first-child { left: 150px; transform: rotate(180deg); }
.slick-slide .img { box-shadow: 0 0 15px rgba(0,0,0,.25); border: 9px solid #ffffff; width: 260px; height: 345px; overflow: hidden; margin: 0 auto; z-index: 99; position: relative; }
    .slick-slide .img img { width: 100%; min-height: 100%; object-fit: cover }
.slick-slide .text a { text-align: center; color: #000; opacity: 0; visibility: hidden; transition: all .5s linear; display: block; font-size: 16px; margin-top: 20px; transform: translateY(-30px) }
.slick-active.slick-slide .text a { opacity: 1; visibility: visible; transform: translate(0); animation-name: zoomIn; animation-duration: 1s }
.slick-slide .text:focus, .slick-slide .text a:focus { outline: initial }
.rev_slider { background-color: initial }
.slide-sw { background-color: #f4f4f4; padding: 60px 0 40px }
/*End*/
.wrapper-product { overflow: hidden }
.filter-product { width: calc(25%); float: left }
.sla-tskc > p { font-size: 18px; font-weight: 700; }
.grid-product-view_v2 { width: 75%; float: left; }
    .grid-product-view_v2 .grid-product-view { grid-template-columns: repeat(3,1fr) }
.filter-product ul { padding-left: 0; margin-bottom: 0 }
.filter-product .sla-tskc ul li { font-size: 14px; color: #333333; line-height: 22px; margin: 6px 0; }
.filter-product .sla-tskc ul lib { padding: 0 2px }
.filter-product .sla-tskc ul li input[type=checkbox] { display: none; }
.filter-product .sla-tskc ul li label { position: relative; padding-left: 22px; margin-bottom: 5px; }
.filter-product .sla-tskc ul li span:before { content: ""; display: inline-block; width: 16px; height: 16px; margin: 0; margin-right: 6px; background-color: #fff; border-radius: 3px; position: absolute; left: 0; border: 1px solid #c0c0c5; top: 3px }
.filter-product ul.manufacture li span:before { top: 7px }
.filter-product .sla-tskc ul li input[type=checkbox]:checked + span:before { content: "\2713"; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); font-size: 12px; color: #000; text-align: center; line-height: 15px; border: 1px solid #ddd }
.filter-product .sla-tskc ul li.hided { display: none; }
.wrbl-txt { display: inline-block; vertical-align: top; line-height: 22px; padding: 0 0 0 5px !important; background: #a2722c; font-size: 12px; color: #fff; border-radius: 4px; position: relative; width: auto; margin: 0px 5px 0 0; height: 22px; cursor: pointer; }
    .wrbl-txt i { position: absolute; top: 5px; right: 6px; font-weight: 300; font-size: 12px; }
    .wrbl-txt:after { content: ''; float: right; width: 22px; height: 22px; border-radius: 0 4px 4px 0; background: #433330; margin-left: 5px; }
.seeamu { text-align: center }
/*submenu*/
.wrap-sub-menu { position: absolute; top: 100%; left: 0; right: 0; background: #ffffff; z-index: 999; border-top: 3px solid #a2722c; padding: 10px 0; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all .3s linear; box-shadow: 0 0 15px rgba(0,0,0,.3); }
.head-bottom .menu-top > li.nullrep:hover .wrap-sub-menu { visibility: visible; opacity: 1; transform: translate(0) }
.head-bottom .menu-top > li.nullrep { position: initial }
.sub-menu_v2 { width: 80%; position: initial; float: left; padding-right: 10px; }
    .sub-menu_v2 .item { width: 20%; float: left; padding: 10px; text-align: center }
        .sub-menu_v2 .item a { display: block; text-align: center; color: #000 }
        .sub-menu_v2 .item img { width: 50px; display: block; margin: 0 auto 5px; height: 50px; object-fit: contain }
        .sub-menu_v2 .item a:hover img { filter: drop-shadow(0px 0px 15px #ffc107) invert(0%);; }
        .sub-menu_v2 .item span { background-color: #e9ecef; display: block; border-radius: 5px; overflow: hidden; padding: 8px 0; margin-bottom: 5px; }
.atrit-banner { width: 20%; float: right; text-align: center; border-left: 1px solid #dadada }
    .atrit-banner a { display: block; margin: 10px 0; position: relative }
        .atrit-banner a:after { content: ''; position: absolute; pointer-events: none; top: 0; left: -100%; width: 120%; height: 100%; opacity: 0; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .15)35%, rgba(255, 255, 255, .2), 70%, rgba(255, 255, 255, .3) 100%); transform: skewX(-25deg) }
        .atrit-banner a:hover:after { opacity: 1; left: 120%; transition-property: left, top, opacity; transition-duration: 1s, 2s, .1s; transition-timing-function: ease }
    .atrit-banner img { width: 180px; object-fit: contain; }
.seemore-bst a { border: 1px solid #5a3c27; display: table; margin: 0 auto; padding: 5px 20px; color: #5a3c27 !important; text-transform: uppercase; cursor: pointer; }
    .seemore-bst a:hover { background-color: #5a3c27; color: #ffffff !important }
.alrt-contact { text-align: center; background: #28a745; color: #ffffff; padding: 5px 30px; display: table; margin: 10px auto 0; border-radius: 3px; }
    .alrt-contact.alrt-danger { background: red }
.loader,
.bar { width: 60px; height: 20px; margin: 0 auto; }
.bar { position: absolute; display: flex; align-items: center; }
    .bar::before,
    .bar::after { content: ""; position: absolute; display: block; width: 10px; height: 10px; background: #fff; background: #433330; opacity: 0; box-shadow: 1px 1px 4px rgba(0,0,0,.15); border-radius: 10px; animation: slideleft 2.5s ease-in-out infinite; }
.bar1::before { animation-delay: 0.00s }
.bar1::after { animation-delay: 0.3s }
.bar2::before { animation-delay: 0.60s }
.bar2::after { animation-delay: 0.90s }
.bar3::before { animation-delay: 1.20s }
.bar3::after { animation-delay: 1.50s }

@keyframes slideleft {
    10% { opacity: 0; transform: scale(0); right: 0 }
    50% { opacity: 1; transform: scale(1) }
    90% { opacity: 0; transform: scale(0); right: 100% }
}

.text-center { clear: both }
/*Comment*/
.prRating .starLight { background-image: url(../images/icondetaildesktop.png); background-repeat: no-repeat; background-position: 0 0; width: 12px; height: 12px; display: inline-block; }
.prRating .starHaft { background-image: url(../images/icondetaildesktop.png); background-repeat: no-repeat; background-position: -208px -16px; width: 12px; height: 12px; display: inline-block }
.prRating .starDark { background-image: url(../images/icondetaildesktop.png); background-repeat: no-repeat; background-position: -15px 0; width: 12px; height: 12px; display: inline-block }
.prRating { display: flex; }
    .prRating span { margin-right: 10px; cursor: pointer; }
/*end*/
.slider-member .slider a { display: block; height: 190px; overflow: hidden; position: relative }
    .slider-member .slider a:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #0000006e; opacity: 0; transition: all .2s linear; z-index: 9 }
    .slider-member .slider a:after { content: "\f030"; font: normal normal normal 14px/1 FontAwesome; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; font-size: 21px; width: 40px; height: 40px; text-align: center; background-color: #261511; line-height: 40px; display: block; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,.6); opacity: 0; transition: all .2s linear; z-index: 9 }
    .slider-member .slider a:hover:before, .slider-member .slider a:hover:after { opacity: 1 }
.slider-member a i { display: block }
.slider-member a img { width: 100%; object-fit: cover; min-height: 100%; transition: all .8s linear }
.slider-member a:hover img { transform: scale(1.1,1.1) }
.slider-member { position: relative; }
.infor-member { padding-bottom: 25px; }
.header-pop { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9999; display: none; height: 80vh; width: 60vw; }
    .header-pop .desc { display: block; color: #000; padding: 20px 15px 10px; width: 350px; right: 0; float: right; position: fixed; z-index: 999999; overflow: hidden; }
        .header-pop .desc .img { width: 80px; height: 80px; overflow: hidden; float: left; border: 1px solid #d0d0d0; padding: 5px; }
            .header-pop .desc .img img { width: 100%; object-fit: contain; height: 100%; vertical-align: top; }
        .header-pop .desc .text { width: calc(100% - 80px); float: left; padding-left: 14px; font-size: 12px; }
        .header-pop .desc h3 { font-weight: 700; font-size: 20px; margin: 0px 0 15px; }
        .header-pop .desc .btn-dt .buynow { width: 160px; margin-left: 0; background-position-x: 10px; height: 40px; }
        .header-pop .desc .btn-dt { margin-bottom: 0 }
/*Comment*/
.head-rate .titH2b { float: left; width: calc(100% - 250px); margin: 6px 0 }
.btn-ratenow { float: right; padding: 0 20px; text-transform: uppercase; color: #fff; background: #1c348d; line-height: 36px; height: 36px; border-radius: 3px; font-size: 12px; font-weight: 700; cursor: pointer; border: 1px solid #1c348d; transition: .3s linear; }
    .btn-ratenow:hover { background: #fff; color: #1c348d }
    .btn-ratenow .close,
    btn-ratenow.active .open { display: none }
    .btn-ratenow.active .close { display: inline-block }
.Rate-detail_ .box_ { border: 1px solid #d8d8d8; border-radius: 0; display: grid; grid-template-columns: 50% 50%; padding: 20px; margin-bottom: 20px; width: 100%; }
.box-rated { padding: 0 20px 0 0 }
    .box-rated .top .point-rated { font-size: 30px; font-weight: bold; line-height: 24px; color: #f5a623; display: inline-block; margin-right: 5px }
    .box-rated .top .vote-star .rating > label:before,
    .box-rated .top .vote-star .rating > .star-v1:before { font-size: 20px }
    .box-rated .box { margin-top: 0; }
        .box-rated .box .line-rate { overflow: hidden; margin-bottom: 10px }
            .box-rated .box .line-rate .lv-rate { color: #3694e8; float: right; margin-left: 10px; cursor: text; font-size: 14px }
            .box-rated .box .line-rate .lv-star { width: 40px; float: left; height: 30px; padding-top: 0; vertical-align: top }
                .box-rated .box .line-rate .lv-star i { font-size: 18px; margin-left: 4px }
            .box-rated .box .line-rate .tool-pct { position: relative; width: 164px; height: 16px; background: #eee; float: left; border-radius: 3px; margin-top: 2px; margin-left: 10px; overflow: hidden }
                .box-rated .box .line-rate .tool-pct span { position: absolute; top: 0; left: 0; background: #f5a623; transition: all .35s; height: 100% }
.customer-rate-box { border-top: 0; border-radius: 0; overflow: hidden; padding: 0; display: none; margin: 0; grid-column-start: 1; grid-column-end: 3 }
    .customer-rate-box textarea { width: 100%; padding: 10px; height: 150px; border: 1px solid #ccc; border-bottom: 0; margin-bottom: -8px }
    .customer-rate-box.active { display: block }
    .customer-rate-box .content-faq { height: 150px; border-radius: 0; background: #fff }
    .customer-rate-box .upload-img-faq { border-radius: 0; background: #f1f1f1 }
.feedback-question { padding: 0 20px; font-family: 'Open Sans', sans-serif }
    .feedback-question > p { font-weight: bold; margin-bottom: 5px }
.feedback { overflow: hidden; margin: 10px 0 }
    .feedback > div { display: inline-block; vertical-align: top; padding: 0 5px; margin-right: 10px; cursor: pointer }
        .feedback > div:last-child { margin: 0 }
        .feedback > div > .icon { border-radius: 50%; overflow: hidden; width: 40px; height: 40px; display: inline-block; vertical-align: top; margin-right: 8px }
    .feedback div span { Display: inline-block; vertical-align: top; line-height: 40px }
.question { overflow: hidden }
    .question > span { font-weight: 500; line-height: 24px }
.question-ed { overflow: hidden; display: table; margin-top: 10px }
    .question-ed .q-good { float: left; margin-right: 15px; color: #006abf; font-size: 12px }
        .question-ed .q-good b,
        .question-ed .q-bad b { font-weight: 600 }
    .question-ed .q-bad { float: right; margin-left: 15px; color: #006abf; font-size: 12px }
.line-question { float: left; position: relative; width: 160px; height: 16px; background: #eee; border-radius: 3px; margin-top: 3px; overflow: hidden }
    .line-question span { position: absolute; top: 0; left: 0; background: #6cba71; transition: all .35s; height: 100% }
span.count-turn-rated { font-size: 13px }
.head-rate { margin-bottom: 20px; overflow: hidden }
    .head-rate .titH2b { float: left; width: calc(100% - 200px); margin: 6px 0; font-size: 18px; color: #333; font-weight: 700 }
.frm-comment { margin-bottom: 30px; width: 100%; }
    .frm-comment textarea { border-radius: 0; border: 1px solid #dedede; height: 120px; width: 100%; padding: 10px; font-size: 14px }
    .frm-comment .action { display: table; width: 100%; background: #fff }
        .frm-comment .action .img input { display: none }
        .frm-comment .action > * { display: table-cell; border: 1px solid #dedede; border-collapse: collapse; padding: 7.5px }
        .frm-comment .action .img { width: 110px; border-right: 0 }
            .frm-comment .action .img label { font-weight: 400; font-size: 13px }
    .frm-comment label.error { display: none !important; }
    .frm-comment .action .img label span { width: 27px; height: 20px; display: block; margin-right: 10px; background-image: url(../images/ic-camera.jpg); background-repeat: no-repeat; float: left }
    .frm-comment .action .input { text-align: right }
    .frm-comment .action input.error { border: 1px solid red !important; }
    .frm-comment .action .input .processing { display: none; line-height: 1; float: right }
        .frm-comment .action .input .processing.show { display: inherit }
    .frm-comment .action .input > * { margin-left: 3.5px; display: inline-block; }
    .frm-comment .action .input input { height: 30px; border: 1px solid #dedede; padding: 0 15px; font-size: 14px; color: #000 }
        .frm-comment .action .input input::placeholder { color: #000 }
        .frm-comment .action .input input:read-only { border: 0; color: gray }
    .frm-comment .action .input button { background: #1c348d; line-height: 30px; color: #fff; padding: 0 10px; border: 1px solid #dadada }
.vote-star { display: inline-block; vertical-align: middle }
    .vote-star .rating { border: 0; display: table-cell; vertical-align: middle }
        .vote-star .rating > input { display: none }
        .vote-star .rating > label:before,
        .vote-star .rating > .star-v1:before { margin: 2px; font-size: 13px; font-family: FontAwesome; display: inline-block; content: "\f005"; text-shadow: 0 0 1px rgba(0, 0, 0, 0.5) }
        .vote-star .rating > label,
        .vote-star .rating > .star-v1 { color: #ddd; float: right; margin-bottom: 0 }
        .vote-star .rating > .star-v1 { float: left }
            .vote-star .rating > .star-v1.active { color: #f5a623 }
        .vote-star .rating > input:checked ~ label,
        .vote-star .rating:not(:checked) > label:hover,
        .vote-star .rating:not(:checked) > label:hover ~ label { color: #ffd700 }
            .vote-star .rating > input:checked + label:hover .vote-star .rating > input:checked ~ label:hover,
            .vote-star .rating > label:hover ~ input:checked ~ label,
            .vote-star .rating > input:checked ~ label:hover ~ label { color: #ffed85 }
.insert-img,
.insert-img_Reply,
.insert-img-rate,
.insert-img-rate_Reply { width: 100px; margin-top: 10px; position: relative }
    .insert-img img,
    .insert-img_Reply img,
    .insert-img-rate img,
    .insert-img-rate_Reply img { width: 100% }
    .insert-img i,
    .insert-img_Reply i,
    .insert-img-rate i,
    .insert-img_Reply-rate i { font-weight: 400; width: 40px; height: 40px; text-align: center; line-height: 20px; border-radius: 50%; background: rgba(125, 125, 125, 0.38); font-size: 11px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }
        .insert-img i:before,
        .insert-img_Reply i:before,
        .insert-img-rate i:before,
        .insert-img-rate_Reply i:before { font-size: 35px; position: absolute; width: 35px; height: 20px; color: #007bffa3; top: 0; left: 0; bottom: 0; right: 0; margin: auto; content: "\f00d"; border: 0 }
.list-c-d-detail-rate .item { padding: 10px; border: 1px solid #f1f1f1; margin-bottom: 10px; border-radius: 5px; background: #f9f9f9; display: flex; }
    .list-c-d-detail-rate .item .info p { display: block; margin: 0 0 5px }
.list-c-d-detail-rate .lst-repply-rate .item .info p { clear: both; }
.list-c-d-detail .item .info span,
.list-c-d-detail-rate .item .info span { font-size: 13px; color: gray; transition: all .3s linear }
    .list-c-d-detail .item .info span.by { font-weight: 700; color: #333; font-size: 14px }
        .list-c-d-detail .item .info span.by small,
        .list-c-d-detail-rate .item .info span.by small { background: #eebc49; line-height: 14px; display: inline-block; text-transform: uppercase; padding: 2px 8px; border-radius: 3px; margin-left: 5px }
    .list-c-d-detail-rate .item .info span.by { font-weight: 700; font-size: 14px; float: left; margin-right: 10px; }
.list-c-d-detail .item .info .time-span,
.list-c-d-detail-rate .item .info .time-span { font-size: 13px; margin-left: 0; color: gray !important; }
.list-c-d-detail .item .info span._replay,
.list-c-d-detail-rate .item .info span._replay-rate { font-size: 14px; cursor: pointer; color: #788ad6 }
.list-c-d-detail .item .info span._show-reply,
.list-c-d-detail-rate .item .info span._show-reply-rate { cursor: pointer; color: #788ad6; font-size: 13px; }
.list-c-d-detail .item .info span._show-reply,
.list-c-d-detail-rate .item .info span._show-reply-rate { cursor: pointer }
.list-c-d-detail .item .info span:hover,
.list-c-d-detail-rate .item .info span:hover { color: #ddac3a }
.list-c-d-detail-rate .lst-repply-rate .item { background: #ffffff; border: none; border-left: 2px solid #9e9e9e; border-radius: 0; margin: 10px 15px; display: flex; }
.list-c-d-detail-rate .item .avt { display: inline-block; margin-right: 10px; float: left; }
    .list-c-d-detail .item .avt label, .list-c-d-detail-rate .item .avt label { font-weight: 400; margin-bottom: 0; background: #cccccc; color: #ffffff; padding: 5px; }
.page-comment ul li a,
.pagi-reply ul li a,
.page-rate ul li a,
.pagi-reply-rate ul li a { width: 24px; height: 24px; border-radius: 16px; background: #eaeaea; color: #333333; display: block; text-align: center; line-height: 24px; margin-right: 5px; text-decoration: none; font-size: 12px; }
    .page-comment ul li a.active,
    .pagi-reply ul li a.active,
    .page-rate ul li a.active,
    .pagi-reply-rate ul li a.active { color: #fff; background: #da2032; }
.page-comment ul li.disabled,
.page-comment ul li.hidden,
.pagi-reply ul li.hidden,
.pagi-reply ul li.disabled,
.page-rate ul li.hidden,
.pagi-reply-rate ul li.hidden,
.pagi-reply-rate ul li.disabled,
.page-rate ul li.disabled { display: none !important; }
.page-reply, .page-reply-rate { font-size: 13px; color: #006abf; padding-top: 10px; cursor: pointer; }
    .page-reply i, .page-reply-rate i { margin-right: 5px; }
.list-c-d-detail .item .avt { display: inline-block; margin-right: 10px; float: left }
.list-c-d-detail .item .info,
.list-c-d-detail-rate .item .info { width: 100%; float: left; overflow: hidden; display: block; }
    .list-c-d-detail .item .info .action > span, .list-c-d-detail-rate .item .info .action > span { color: #006abf; font-size: 13px; padding: 0 7px; position: relative; cursor: pointer; }
    .list-c-d-detail .item .info .action span:first-child { padding-left: 0; }
    .list-c-d-detail .item .info .action > span:after, .list-c-d-detail-rate .item .info .action > span:after { content: ''; position: absolute; width: 3px; height: 3px; border-radius: 3px; background: #b9b9b7; bottom: 3px; left: -5px; }
    .list-c-d-detail-rate .item .info .action .input-file span:after { display: none; }
    .list-c-d-detail .item .info .action span:first-child:after { display: none; }
    .list-c-d-detail .item .info .action .replycmt + span:after { right: -2px; }
    .list-c-d-detail .item .info > p { margin-bottom: 5px; }
.list-c-d-detail .item { display: flex; padding: 5px 0; }
    .list-c-d-detail .item .avt img { width: 26px; height: 26px; object-fit: contain }
.lst-repply.lst-repply { position: relative; background-color: #f8f8f8; padding: 15px; margin-top: 20px; display: table; width: 100% }
.lst-repply.hiden { display: none }
.lst-repply:before { content: " "; position: absolute; top: -15px; left: 10px; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 16px solid #f8f8f8 }
.alrt-comment { background: #ff7d7d; padding: 5px 20px; margin-top: 15px; border-radius: 4px; display: inline-block; float: right }
    .alrt-comment.alrt-success { background: #07ca43; color: #fff }
.frm-reply { margin-top: 10px; margin-bottom: 0 }
.lst-repply .item { border-bottom: 1px solid #dcdcdc; padding: 10px 0 }
    .lst-repply .item:first-child { padding-top: 0; display: flex; }
    .lst-repply .item:last-child { border-bottom: 0; padding-bottom: 0 }
.hidden { display: none }
.count-cmt { font-weight: 700; margin-bottom: 20px }
.closebtn { position: fixed; top: 0; right: 0; z-index: 99999; width: 75px; height: 75px; background: #f4f4f4; color: #bbb; text-align: center; font-size: 12px; cursor: pointer; line-height: 20px }
    .closebtn span { font-size: 42px; padding: 20px 0 10px 0; display: block; margin: 0 auto }
.left-list { padding-bottom: 40px }
.lnews-ct { padding-top: 20px }
.alrt-popup { display: none; }
#headerr { margin-bottom: 10px; text-align: right; font-size: 14px }
    #headerr > span { font-weight: 700; font-size: 14px; margin-top: 20px; display: inline-block }
.alrt-popup { position: fixed; top: 0; left: 0; background-color: #0000009c; width: 100%; height: 100%; z-index: 999 }
    .alrt-popup .desc { background-color: #fff; width: 500px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 20px; border-radius: 5px; max-width: calc(100% - 15px); box-shadow: 0 0 20px rgba(0,0,0,.5) }
        .alrt-popup .desc p { margin-bottom: 5px; font-size: 16px; text-align: left; font-weight: 700; }
            .alrt-popup .desc p span { font-weight: 400; margin-left: 9px; }
        .alrt-popup .desc h2 { color: #5a3c27; font-size: 25px; text-align: center; text-transform: uppercase; font-weight: 700; margin-bottom: 20px; }
        .alrt-popup .desc > span { text-align: center; display: block; line-height: 20px; }
.close-u { position: absolute; top: 0px; right: 5px; font-size: 20px; cursor: pointer; }
.form-tt .form-group:last-child { clear: both; margin: 30px 0; display: block }
.form-tt .form-group textarea { width: 100%; border: 1px solid #dadada; border-radius: 5px; font-size: 14px; padding: 12px; }
.skiptranslate { display: none !important }
body { top: 0 !important }

.list-video .item .img:after { content: ''; background-image: url(../images/ic-play-vd-2.png); width: 50px; height: 50px; position: absolute; bottom: 47px; background-size: 100% 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.list-video .item .img:before { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; background-color: rgb(0 0 0 / 25%); transition: all .2s linear; }
.list-video .item { background-color: #fff; padding: 15px 15px 10px }
    .list-video .item .img { height: 230px }