.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background: none; color: #264d6e; }
.list-item-collect h3 a:hover, .list-item-main-show h3 a:hover { color: #c79e9e; }
.nav-pills > li > a:hover { background: none; }
.nav-pills > li > a { color: black; padding: 0px 10px; border-radius: 0px; font-size: 18px; }
.nav-pills > li:nth-child(1) > a { border-right: 1px solid #cccccc; padding-left: 0px; }
.row-tab { margin-top: -10px; }
.list-collect { width: 100%; position: relative; }
.row-list-img .list-item-collect h3 a { text-transform: uppercase; color: #00345a; text-align: center; font-size: 14px; }
.img-collect img { width: 100%; height: 100%; object-fit: contain; }
.list-collect .img-collect { border: 1px solid #ccc; border-left: 0; padding: 6px; }
.list-collect-hover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; background: rgba(0, 0, 0, 0.60); opacity: 0; transition-property: border-radius,margin,width,height,opacity,background-color,z-index; -webkit-transition-duration: 0.7s,0.7s,0.7s,0.7s,0.7s,0.7s,0s; transition-duration: 0.7s,0.7s,0.7s,0.7s,0.7s,0.7s,0s; -webkit-transition-timing-function: ease-out,ease-out,ease-out,ease-out,ease-out,ease-out,linear; transition-timing-function: ease-out,ease-out,ease-out,ease-out,ease-out,ease-out,linear; -webkit-transition-delay: 0s,0s,0s,0s,0s,0s,0s; transition-delay: 0s,0s,0s,0s,0s,0s,0s; }
    .list-collect-hover h2 { color: white; font-size: 24px; margin-top: 60px; }
    .list-collect-hover img { position: absolute; top: 40%; left: 44%; }
.list-collect:hover .list-collect-hover { opacity: 1; }
.list-item-collect h3 a { font-size: 15px; color: #676767; }
.list-item-collect h3 { margin: 10px 0 0; text-align: center; line-height: 16px; }
.nav-pills { padding: 10px 0; border-bottom: 1px solid #cccccc; }
.qc img { width: 100%; }
.blog { position: relative; height: 155px; }
.blog-left { position: absolute; left: 0; width: 40%; top: 0; }
    .blog-left img { width: 100%; max-height: 160px; }
.blog-right { position: absolute; right: 0; width: 60%; top: 0; bottom: 0; padding: 0px 10px; }
    .blog-right h3 a { font-size: 18px; color: black; font-weight: bold; }
        .blog-right h3 a:hover, .row-list-img .list-item-collect h3 a:hover { color: #c79e9e; }
    .blog-right h3 { margin: 0px 0px 10px 0px; line-height: 17px; }
    .blog-right p { text-align: justify; font-size: 13px; color: #4a4a4a; }
.link { position: absolute; bottom: 10px; left: 42%; }
    .link a { color: #2f2f2f; }
        .link a:hover { color: #c79e9e; }
        .link a i { color: #858585; font-size: 12px; }
.scol-blog h1 { margin: 0px; padding-top: 15px; text-transform: uppercase; color: #003860; font-size: 20px; font-weight: bold; border-top: 2px solid #cccccc; }
.img-benner img { width: 100%; }
.list-link ul li { float: left; margin-right: 8px; }
    .list-link ul li a, .list-link ul li i { color: #4a4a4a; }
.list-link { overflow: hidden; padding: 10px 0px; border-bottom: 1px solid #cccccc; }
.list-item-main { height: 280px; overflow: hidden; }
.list-title-main-content h1 { margin: 20px 0px; text-transform: uppercase; color: black; font-size: 20px; font-weight: bold; /* font-size: 20px; */ /* font-weight: bold; */ font-family: arial; }
.list-po { height: 150px; overflow: hidden; position: relative; }
.list-item-main-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.list-item-main-img-hover { position: absolute; left: 0; right: 0; bottom: 0; top: 0; text-align: center; background: rgba(0, 0, 0, 0.60); opacity: 0; transition-property: border-radius,margin,width,height,opacity,background-color,z-index; -webkit-transition-duration: 0.7s,0.7s,0.7s,0.7s,0.7s,0.7s,0s; transition-duration: 0.7s,0.7s,0.7s,0.7s,0.7s,0.7s,0s; -webkit-transition-timing-function: ease-out,ease-out,ease-out,ease-out,ease-out,ease-out,linear; transition-timing-function: ease-out,ease-out,ease-out,ease-out,ease-out,ease-out,linear; -webkit-transition-delay: 0s,0s,0s,0s,0s,0s,0s; transition-delay: 0s,0s,0s,0s,0s,0s,0s; }
    .list-item-main-img-hover:hover { opacity: 1; }
    .list-item-main-img-hover img { margin-top: 52px; }
.list-item-main-img img { width: 100%; }
.list-item-main-show h3 { margin: 10px 0px; }
    .list-item-main-show h3 a { font-size: 20px; color: #0d1842; }
.list-item-main-show p { text-align: justify; color: #4a4a4a; }
select#set { padding: 5px; height: 30px; font-size: 13px; border-radius: 3px; }
.set { padding: 0px 6px; }
.set-1 { padding: 0px 6px 0px 0px; }
.set-2 { padding: 0px 14px 0px 6px; }
.row-list-img .list-item-collect h4 a { font-size: 15px; color: #676767; /* font-family: 'Roboto-Regular'; */ color: #00345a; font-size: 14px; }
.row-ero { margin: 0px; }
.ero { padding: 0; }

.home-pr .row-ero { margin: 0px -10px; }
.home-pr .ero { padding: 0px 8px; }
.list-item-collect { height: 63px; overflow: hidden; }
.next_tab-content { margin-top: -30px; float: right; }
    .next_tab-content a { color: #264d6e; font-size: 16px; }
        .next_tab-content a i { color: #264d6e; margin-left: 10px; }
#sync1 .item img { width: 100%; border: 1px solid #cccccc !important; }
#sync1 .item { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; }
#sync2 .item { height: 75px; margin: 5px; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; cursor: pointer; border: 1px solid #cccccc; }
#sync2 { width: 75%; margin: auto; }
    #sync2 img { width: 100%; }
.list-slyder .owl-prev { position: absolute; left: 15px; text-indent: -99999px; background: url(../images/logo/pre.png)no-repeat !important; padding: 5px 20px !important; bottom: -70px; opacity: 1 !important; }
.list-slyder .owl-next { position: absolute; right: 0px; text-indent: -99999px; background: url(../images/logo/next.png)no-repeat !important; padding: 5px 20px !important; bottom: -70px; opacity: 1 !important; }
.list-product h2 { margin: 0px; margin-bottom: 15px; font-size: 20px; font-size: 20px; font-weight: bold; font-family: arial; }
/*.list-product p {  font-family: arial; font-size: 14px; }*/
.table tr td { border: none !important; padding: 5px 10px; }
.table .td-1 { width: 25%; }
#number { width: 50px; height: 25px; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.sub-gh a { background: #003053; display: inline-block; padding: 5px 13px; margin-bottom: 0; font-size: 14px; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; color: white; text-transform: uppercase; display: flex; align-items: center; }
.row-shade { margin-top: 25px; }
.product-tab ul li a { text-transform: uppercase; color: black; }
.product-tab .nav-tabs > li.active > a { color: #244562; border: 1px solid white !important; background: #f3f3f3 !important; }
.product-tab .nav-tabs { padding-bottom: 1px; }
div#product-tab-2, div#product-tab-1 { padding: 15px 0px; }
    div#product-tab-2 p, div#product-tab-1 p { text-align: justify; }
.list-product-link h1 { margin: 20px 0px 10px 0px; text-transform: uppercase; color: black; font-size: 20px; font-weight: bold; }
.nd-spen { overflow: hidden; padding: 5px 0px; }
    .nd-spen ul li { float: left; border-right: 1px solid #cccccc; }
        .nd-spen ul li:last-child { border: none; }
        .nd-spen ul li a { color: #333; padding: 0px 10px; border-radius: 0px; text-transform: uppercase; font-size: 18px; }
            .nd-spen ul li a:hover, .nd-menu-right ul li a:hover { color: #bfbfbf; }
        .nd-spen ul li:nth-child(1) a { padding-left: 0px; }
.nd-list p { text-align: justify; }
.nd-list { overflow: hidden; padding: 10px 0px; margin-bottom: 20px; }
.list-item-nd h2 { margin: 0px; text-transform: uppercase; font-size: 20px; color: #333; }
.nd-menu-right h3 { text-transform: uppercase; font-size: 20px; text-align: center; padding-bottom: 10px; }
.nd-menu-right ul li a { color: #333 }
.nd-menu-right ul li { line-height: 35px; border-bottom: 1px solid #cccccc; }
.nd-menu-right ul { margin-top: -10px; }
.top-contact ul li:nth-child(1) a { padding-right: 0px; }
/*th�m*/
.log-menu { z-index: 1 }
.log-menu { min-width: 100px; padding: 0px 11px 5px; }
#mainMenu .mainMenu > li > ul > li { position: relative; background: white; transition-property: border-radius,margin,width,height,opacity,background-color,z-index; -webkit-transition-duration: 0.7s,0.7s,0.7s,0.7s,0.7s,0.7s,0s; transition-duration: 0.7s,0.7s,0.7s,0.7s,0.7s,0.7s,0s; -webkit-transition-timing-function: ease-out,ease-out,ease-out,ease-out,ease-out,ease-out,linear; transition-timing-function: ease-out,ease-out,ease-out,ease-out,ease-out,ease-out,linear; -webkit-transition-delay: 0s,0s,0s,0s,0s,0s,0s; transition-delay: 0s,0s,0s,0s,0s,0s,0s; }
    #mainMenu .mainMenu > li > ul > li:hover { }
    #mainMenu .mainMenu > li > ul > li > a { display: flex; align-items: center; }
        #mainMenu .mainMenu > li > ul > li > a > span { display: flex; width: 90px; height: 60px; align-items: center; justify-content: center; }
        #mainMenu .mainMenu > li > ul > li > a > h3 { width: calc(100% - 90px); }
    #mainMenu .mainMenu > li > ul > li:hover > a > h3 { color: #F66321 }
    #mainMenu .mainMenu > li > ul > li a h3 { color: black; text-transform: uppercase; font-size: 14px; display: block; text-align: left; margin: 0px; padding-left: 5px }
#mainMenu .mainMenu > li > ul { background: #f8f8f8 !important; top: 28px !important; }
#mainMenu .mainMenu > li:nth-child(11) > ul { top: 57px !important; }
#mainMenu .mainMenu > li:nth-child(10) > ul { top: 28px !important; right: 0; }
#mainMenu .mainMenu > li:nth-child(9) > ul { top: 23px !important; right: 0; }
#mainMenu .mainMenu > li:nth-child(8) > ul { right: 0px; }
#mainMenu .mainMenu > li:nth-child(7) > ul { right: 135px; }
#mainMenu .mainMenu > li:nth-child(6) > ul { right: 302px; }
#mainMenu .mainMenu > li:hover > ul { padding: 5px 5px 10px !important; }
#mainMenu .mainMenu > li > ul > li a img { /* position: absolute; */ left: 0; right: 0; top: 0; bottom: 0; display: block; margin: auto; width: 100%; height: 100%; object-fit: cover; }
.mainMenu > li > a:hover { background: #f8f8f8; }
.subMenu > li:hover .submenu-2 { opacity: 1; visibility: visible }
.subMenu > li .submenu-2 li:hover { background: rgba(0, 0, 0, 0.60) }
    .subMenu > li .submenu-2 li:hover a h3 { color: white !important; }
.mainMenu > li > a { font-weight: bold; padding: 6px; font-size: 18px; }
.example { box-shadow: 0 3px 5px #888; }
.logo.wow.fadeInLeft.animated.w-left { margin-top: -45px; }
.ar + .list-item-collect { height: auto; }
.submenu-2 li:hover a h3 { color: #fff }
.submenu-2 { position: absolute; left: 100%; top: 0; background: #ffffff; opacity: 0; visibility: hidden; transition: .2s linear; min-width: 200px; border: 1px solid #ccc; z-index: 99; }
    .submenu-2 li a { display: flex; align-items: center; transition: .2s linear; white-space: nowrap; padding-right: 10px; }
        .submenu-2 li a > span { display: flex; width: 50px; height: 42px; align-items: center; }
        .submenu-2 li a > h3 { margin-bottom: 0; font-size: 14px; font-weight: 400; text-transform: initial; width: calc(100% - 50px); margin: 0; text-align: center; }
.fb-comments.fb_iframe_widget, .fb-comments.fb_iframe_widget span, .fb-comments.fb_iframe_widget iframe { width: 100% !important; }
.call-fixed { position: fixed; bottom: 95px; left: 30px; z-index: 1000; }
._plvd-ct { position: absolute; visibility: visible; background-color: transparent; width: 40px; height: 40px; cursor: pointer; z-index: 10; transition: visibility .5s; left: 0; bottom: 0; display: block; right: 0; top: 0; margin: auto; transform: rotate(-3deg); }
    ._plvd-ct:before { width: 40px; height: 40px; top: 0; left: 0; position: absolute; background-color: #1c348d; border-radius: 100%; border: 2px solid transparent; transition: all .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; content: ''; }
    ._plvd-ct:after { content: ''; width: 36px; height: 36px; border: 1px solid #fff; position: absolute; left: calc((100% - 36px)/2); top: calc((100% - 36px)/2); border-radius: 50%; background-position: center; }
    ._plvd-ct .plvd-cirfill:before { content: ''; width: 54px; height: 54px; border: 1px solid #1c348d; position: absolute; border-radius: 50%; top: -7px; left: -7px; animation: zoomInBT 1.7s infinite ease-in-out; }
    ._plvd-ct .plvd-cirfill:after { content: ''; width: 78px; height: 78px; border: 1px solid #1c348d; position: absolute; border-radius: 50%; top: -19px; left: -19px; animation: zoomInBN 1.7s infinite ease-in-out; }
.plvd-cirfill { text-align: center; position: relative; color: #ffffff; display: flex; align-items: center; justify-content: center; height: 40px; font-size: 22px; }

@keyframes zoomInBN {
    0% { -webkit-transform: scale3d(0.7, 0.7, 0.7); transform: scale3d(0.7, 0.7, 0.7); opacity: 1 }
    50% { opacity: 0.2; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) }
    100% { -webkit-transform: scale3d(0.7, 0.7, 0.7); transform: scale3d(0.7, 0.7, 0.7); opacity: 0 }
}

@keyframes zoomInBT {
    0% { -webkit-transform: scale3d(0.7, 0.7, 0.7); transform: scale3d(0.7, 0.7, 0.7); opacity: 1 }
    50% { opacity: 0.4; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) }
    100% { -webkit-transform: scale3d(0.7, 0.7, 0.7); transform: scale3d(0.7, 0.7, 0.7); opacity: 0 }
}

.contact-fix { position: fixed; z-index: 99; border-radius: 30px; overflow: hidden; width: 45px; height: 45px; }
.contact-messenger { bottom: 30px; right: 20px; }
.contact-zalo { bottom: 20px; left: 28px; }
.contact-fix img { width: 100%; height: 100% }
.inline-radio input[type="radio"] { position: absolute; opacity: 0; visibility: hidden; }
.change-color .inline-radio { padding: 7px 15px; border-radius: 10px; background: #d0d0d0; font-size: 16px; margin-right: 5px; line-height: 1; transition: .2s linear; cursor: pointer; }
.change-color form { display: flex; }
.change-color .inline-radio:last-child { margin-right: 0 }
.inline-radio label { margin-bottom: 0; cursor: pointer; }
.inline-radio:hover, .inline-radio.active { background: #003053; color: #fff }
.change-color { margin-bottom: 10px }
.slsp { margin-bottom: 20px; align-items: center; }
    .change-color p.name, .slsp p.name { font-size: 14px; margin-bottom: 6px; color: #4a4a4a; margin-right: 10px; font-family: arial; font-weight: bold; }
    .slsp .form-flex { display: flex; }
    .slsp .down-app, .slsp .up-app { height: 34px; width: 34px; display: flex; align-items: center; justify-content: center; background: #e8e8e8; font-size: 18px; font-family: 'B'; cursor: pointer; }
    .slsp input { height: 34px; border: 1px solid #e8e8e8; width: 55px; text-align: center; font-size: 16px; }
.sub-gh.dt-l { display: flex }
    .sub-gh.dt-l a { margin-right: 20px }
        .sub-gh.dt-l a:last-child { margin-right: 0 }
.over-f { position: fixed; z-index: 1; top: 0; left: 0; width: 320px; background: #fff; padding: 10px; border-radius: 5px; border: 1px solid #d0d0d0; opacity: 0; visibility: hidden; }
.ero .list-collect:hover ~ .over-f { opacity: 1; visibility: visible; }
.over-f p.name { margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px solid #d0d0d0 }
.title-coll { background: #eaeff3; padding: 7px 10px; position: relative; margin-bottom: 7px; }
    .title-coll i { position: absolute; top: calc(50% - 9px); right: 10px; font-size: 18px; }
.nv-hotro { background: #f8f8f8; border-bottom: 1px solid #ccc; padding: 20px; }
    .nv-hotro:last-child { border: none; }
.nopadding { padding: 0 !important }
.nomargin { margin: 0 }
.fullwidth { width: 100%; }
.clwhite { color: #fff; }
.clblack { color: #000; }
.bold { font-weight: bold; }
.title-coll a { font-size: 18px }
.clear10 { clear: both; height: 10px; }
.center { text-align: center; }
.nv-hotro h5 { font-size: 18px; }
.clcam { color: #003663; }
.change-color select { font-size: 14px }
.home-pr .list-collect-hover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; background: rgba(0, 0, 0, 0.60); opacity: 0; transition-property: border-radius,margin,width,height,opacity,background-color,z-index; -webkit-transition-duration: 0.7s,0.7s,0.7s,0.7s,0.7s,0.7s,0s; transition-duration: 0.7s,0.7s,0.7s,0.7s,0.7s,0.7s,0s; -webkit-transition-timing-function: ease-out,ease-out,ease-out,ease-out,ease-out,ease-out,linear; transition-timing-function: ease-out,ease-out,ease-out,ease-out,ease-out,ease-out,linear; -webkit-transition-delay: 0s,0s,0s,0s,0s,0s,0s; transition-delay: 0s,0s,0s,0s,0s,0s,0s; }
    .home-pr .list-collect-hover h2 { color: white; font-size: 24px; margin-top: 60px; }
    .home-pr .list-collect-hover img { position: absolute; top: 40%; left: 44%; }

.home-pr .list-collect .img-collect { border: none !important; padding: 0 ; }
.row-list-img.row-ero .ero:nth-child(4n + 1) .list-collect .img-collect, .row-list-img.row-ero .ero:first-child .list-collect .img-collect { border-left: 1px solid #ccc }
span.desktop { display: none !important }
.popup-catalog { position: fixed; inset: 0; z-index: 999; transition: .2s linear; opacity: 0; visibility: hidden; }
    .popup-catalog .bg-black { position: absolute; inset: 0; z-index: 1; background: #0009; }
    .popup-catalog .content { position: absolute; z-index: 2; background: #fff; top: 40%; left: 50%; transform: translate(-50%, -50%); padding: 30px 50px; }
        .popup-catalog .content label { font-size: 14px; display: block; margin-bottom: 5px }
            .popup-catalog .content label span { color: red }
        .popup-catalog .content input { width: 300px; height: 32px; border: 1px solid #d0d0d0; border-radius: 3px }
        .popup-catalog .content p.name { font-size: 24px; font-weight: 700; text-align: center; text-transform: uppercase; color: #1c348d; margin-bottom: 15px }
        .popup-catalog .content button { width: 100%; height: 32px; background: #003663; color: #fff; border: #003663; border-radius: 3px; transition: .2s linear; font-size: 14px; border: 1px solid #003663 }
            .popup-catalog .content button:hover { background: #fff; color: #003663 }
.btn-close { position: absolute; z-index: 9999; background: #fff; right: 0; top: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.popup-catalog.active { opacity: 1; visibility: visible }
.bolocsp.fixed { position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 999; margin-top: 0; padding: 25px; }
    .bolocsp.fixed > div { max-width: 1300px; padding: 0 30px; display: block; overflow: hidden; margin: 0 auto; }
.child-bst li:hover { background: #b5b5b5; color: #fff; }
.nav-pills > li:hover > a { background: #f0f0f0 !important; padding: 0 10px !important }
.bst-home a { font-weight: bold; }
.sub-gh.text-align-right { display: flex; justify-content: flex-end; }
    .sub-gh.text-align-right a:not(:last-child) { margin-right: 15px }
#main-cart .table-header th { white-space: nowrap }
.bolocsp select { padding: 5px; height: 30px; font-size: 13px; border-radius: 3px; }