html, body {font-family: sans-serif; font-size: 15px}
.dropdown-menu[data-bs-popper]{top: 0 !important} /** sửa lỗi xuất hiện khoảng trống khi bấm báo mũi tên đi xuống ở menu **/
a{text-decoration: none}
.text-justify{text-align: justify}
.text-right{text-align: right}
.form-control:focus{box-shadow: none}
header nav.navbar{background: white !important; padding: 0}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='White' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") ;
}
.navbar-toggler{color: white !important;}
a.nav-link{padding-right: 10px}
.header{border-bottom: 1px solid #eee;padding: 5px; padding-bottom: 30px; font-size: 13px}
.header a{color: darkblue}
.header>div{margin:auto}
.header-left{float: left}
.header-left>a:first-child{float: left}
.header-left>a:nth-child(2){margin: 0 8px}
.header-right {display: flex; align-items: center}
.header-right, .header-right>span{float: right}
.header-right>span{margin-left: 20px}
.header-right img{margin-right: 3px}
.header-right>a{margin: 2px}
.mobile-header{width: 114px}
.mobile-header .navbar-header{height: 30px; background: #fe7201; margin-left: 3px}
button.navbar-toggler{float: right; font-size: 15px; padding: 5px 21px}
span.navbar-toggler-icon{margin-top: -1px}
.divSearch{display: flex}
.divSearch input{max-width: 185px; height: 30px}
.btnSearch{background-color: #fe7201; height: 30px; margin-left: 3px}
.container-fluil{width: 100%}
.nav .fa{float: right; margin-left: 8px}
.footer>div{margin: auto}
.footer>div:first-child{padding-left: 0}
.footer>div>div{text-align:justify}
.footer .hiddenM>div:first-child{padding-left: 0}
input, textarea{outline: none}
.divBanner{height:160px;align-items:center; width: 100%; background-size: 100% 100%}
.plogo-bottom{bottom:0}
.plogo-bottom-right{bottom:0;right:0}
.plogo-top{top:0}
.product-logo>img{width:50px}
.subTitle{text-align:center;background-color:#ccc;font-size:20px;font-weight:bold}
.showroom-title{z-index:1;padding:15px 10px;position:absolute;background-color:rgba(0,0,0,.4);color:#fff;top:0;left:0;right:0;margin:0}
.showroom-desc{font-size:13px}
.homeFilter{position:absolute;top:0;height:100%;display:flex;align-items:center;padding-top:33%}
.homeFilter>div:first-child{margin-top:-40px}
.homeFilter>.divSelect{position:absolute;overflow:hidden;background:white url(images/icon-select.png) no-repeat 95% 50%}
.divSelect{width:300px;overflow:hidden;background:white url(images/icon-select.png) no-repeat 95% 50%}
.divSelect>select>option{color:black}
.divSelect>select{padding:2px 8px;width:100%;height:30px;border:none;box-shadow:none;background:transparent;background-image:none;font-size:14px;-webkit-appearance:none;color:gray}
.homeFilterDesktop{position:absolute;width:100%;height:100%}
.homeFilterDesktop>div:first-child{height:100%;padding-top:12%}
.homeFilterDesktop>div:first-child>.divSelect{text-align:right}
.homeFilterDesktop>.col-md-6>.divSelect{margin-left:calc(100% - 310px)}
.homeFilterDesktop>.col-md-6>.divSelect:nth-child(2){margin-top:10px}
#SpNbDesktop{padding-left:0;height:100%;top:calc(100% - 145px)}
#SpNbDesktop>div, #SpNbMobile>div{background:white;opacity:0.8;border-radius:5px 5px 0 0;height:145px;text-align:center}
#SpNbMobile{height:100%;display:flex;align-items:flex-end}
#SpNbDesktop>div div, #SpNbMobile>div div{font-family:serif;padding:0 14px}
#SpNbDesktop>div>div:first-child, #SpNbMobile>div>div:first-child{font-size:20px;margin-bottom:5px}
#SpNbDesktop>div>a, #SpNbMobile>div>a{color:black;background:#fe7201;padding:8px 15px;cursor:pointer;font-weight:bold;border-radius:4px;border:1px solid #fe5e01}
#SpNbDesktop>div>a:hover, #SpNbMobile>div>a:hover{background:white}
.youtube{position:relative;padding-bottom:54%;padding-top:30px;height:0;overflow:hidden}
.youtube iframe, .youtube object, .youtube embed{position:absolute;top:0;left:0;width:99%;height:100%}
.main-title{text-align: center;font-weight: bold;font-family: serif;font-size:18px; width: 100%}
.main-title a{color:#fd7201;font-family:Proxima-Nova-Bold;font-weight:bold;font-size:30px;text-transform:uppercase}
.main-title a:hover{color:#02286A}
#divSearch{text-align:right;padding-right:0;float:right;width:calc(100% - 120px)}
#divSearch>form>div:first-child{width:calc(100% - 40px);float:left}
.divSubVideo{cursor:pointer; color: #337ab7}
.videoThumail{max-width:100%}
.divSubVideo>div:hover{color: #fe7201}
.newsTitle>a{color:black;font-weight:bold;white-space:normal;font-family:serif;font-size:20px}
.showroom{margin-bottom:40px;font-size:18px}
.showroom1{padding-left:0;padding-right:30px}
.showroom2{padding-left:15px;padding-right:15px}
.showroom3{padding-left:30px;padding-right:0}
.showroom4{padding-left:0;padding-right:30px}
.showroom5{padding-left:15px;padding-right:15px}
.showroom6{padding-left:30px;padding-right:0}
.news-summary{border-bottom:1px solid #9eb3d8;padding-bottom:15px}
.news-summary:not(:first-child){padding-top:15px}
.news-first{font-family:serif;font-size:15px;text-align:justify;max-height:60px;overflow:hidden}
.news-avar{padding-left:0}
.showroom-address{padding-left:0;padding-right:0}
.bx-wrapper{max-width:100% !important}
hr{margin-top:5px;margin-bottom:10px}
::placeholder{color:#fe7201;opacity:0.6}
#searchMobile{text-align:center !important;margin:5px auto;display:none;padding-left:15px;padding-right:15px}
#inputSearch{text-indent:5px;height:32px}
.web-url{padding-left:15px;padding-top:10px;line-height:25px;padding-bottom:15px;color: grey}
.web-url a{color:grey;font-size:12px}
.div-separator{margin:10px 0 0 0;background-color:#eee;padding:10px 0}
.viewmore{margin-bottom:20px}
.topMenu{float:right;list-style:none;margin-right:15px;font-family:serif;font-weight:300}
.topMenu a{color:#787878; cursor: pointer}
#divThumbVideo>div{text-align:center}
#divThumbVideo>div>div{text-align:center;width: 50%;float: left; margin-bottom: 10px}
#divThumbVideo>div>div>div{font-size: 12px;margin-top: 5px}
.nivo-caption{background:white !important;color:black !important;top:0 !important;padding:5px 0 !important;text-align:justify;font-size:18px;font-family:monospace}
header {position:relative; z-index:100}
.navbar-inverse{background:white;border-color:white;position:relative;margin-bottom:0;padding-bottom: 0}
.navbar-header{width:100%}
.nav>li>a{color:white;text-transform:uppercase;display: block; text-decoration: none; font-weight: bold}
.navbar-collapse{padding-left:0}
.dropdown-menu div{border-bottom: 1px solid beige; height: 30px; min-width: 250px}
.dropdown-menu>li{padding: 5px 0 5px 10px}
.dropdown-menu>li:not(:first-child){border-top:1px solid lightblue}
.dropdown-menu>li>a, .dropdown-menu>li>a:hover{color:white; padding: 3px 30px; text-decoration: none; white-space: nowrap}
.dropdown-menu{background-color:#022869 !important}
.dropdown-menu>li:not(:first-child){border-top:1px solid lightblue}
.navbar-inverse .navbar-toggle .icon-bar{background-color:blue; width: 22px;height: 2px;display: block;border-radius: 1px;margin-bottom:4px}
.navbar-nav{width:100%}
.nav>li{display: block}
.imgLogo{padding:3px 0 0}
.page-title{margin:0;width:100%;font-family:serif;letter-spacing:.10em;font-size:25px;font-weight:300;color:white;text-align:center;text-shadow:1px 1px #fe7201}
.navbar-inverse .navbar-collapse{width:100vw;padding:0 calc((100% - 1200px)/2)}
.menu-right, .menu-right a{background-color:#022869 !important}
.menu-left{background-color:#fe7201 !important}
.menu-right a:hover{color:#fe7201 !important}
.menu-left a:hover{color:black !important}
/*.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:hover{background-color:white !important}*/
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background: none !important}
.navbar-inverse .navbar-toggle{border:none;float: right;background-color: transparent;padding: 9px 10px;margin-top: 8px}
.navbar-inverse .navbar-toggle:focus{outline:none}
#visit-shop{background-color:#fe7201;color:white;padding:8px 15px; text-align: center}
#pageTitle{background-size:cover}
.product-title4{text-align: justify; color:black;display: block; padding: 20px 0; clear: both}
#divFiler{border-bottom:1px solid #dfe6f3;margin-bottom:10px;padding-bottom:10px}
#divFiler>div:first-child{margin-bottom:12px}
#frameFilter{margin-top:5px}
.clearFilter{cursor: pointer; color: #fe7201;margin-bottom: 10px}
#btnShowHide{float:right;margin-right:2px;display:none;padding-left:30px;color:#fe7201}
.pagecontrol{color:black;letter-spacing:-0.1em;padding-right:3px;padding-left:3px;font-size:16px}
.pagenum{color:black;padding:0 4px}
.chbox-container{display:block;position:relative;padding-left:18px;margin-bottom:5px;font-family:serif;font-weight:100;cursor:pointer;color:#444;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.chbox-container input{position:absolute;opacity:0;cursor:pointer}
.checkmark{position:absolute;top:4;left:0;height:12px;width:12px;border:1px solid}
.chbox-container:hover{color:#fe7201}
.chbox-container:hover input ~ .checkmark{border:1px solid #fe7201;color:#fe7201}
.chbox-container input:checked ~ .checkmark{background-color:#fe7201}
.checkmark:after{content:"";position:absolute;display:none}
.chbox-container input:checked ~ .checkmark:after{display:block}
.chbox-container .checkmark:after{left:3px;top:0;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(35deg)}
#frameFilter>b{font-family:serif}
.select-style{border:1px solid #ccc;border-radius:3px;overflow:hidden;background:#fafafa url("images/icon-select.png") no-repeat 95% 50%;width:120px}
.select-style select{padding:2px 8px;width:100%;border:none;box-shadow:none;background:transparent;background-image:none;font-size:13px;-webkit-appearance:none}
.select-style select:focus{outline:none}
.footer{background-color: #022869; padding-top: 20px; padding-bottom: 55px}
.linkFirst{color: white; font-size: 13px; margin-bottom: 8px}
.linkSecond{color: white; font-size: 12px; margin: 3px 0}
.linkTop, .linkSecond a{color: white}
.footerBlock{padding-left: 0; margin-top: 15px; margin-bottom: 10px}
.footerBlock2{margin-top: 15px; margin-bottom: 10px}
.footer .footerBlock2 h4 {
   font-size: 15px;
}
.footer .footerBlock2 h4:not(.footer .footerBlock2 h4:first-child) {
    margin-top: 15px;
}
.footer .footerBlock2 p {
    margin-bottom: 5px;
    color: #cfcfcf;
}
.footer .footerBlock2 a {color:#fff;}
.footer .footerBlock2 a:hover{color: #fe7201}
.followme img{width: 36px; border-radius: 4px; margin-right: 5px}
.followme .linkSecond{margin-top: 30px}
.footer>div:nth-child(2)>div:first-child{padding-left: 0}
#language img{cursor: pointer}
#bottom-contact{position:fixed;bottom:0;padding:0 0 10px 5px;text-align:left;z-index:999;left:0}
.pt-4, .py-4 {padding: 0 !important}
.fa-cart-arrow-down{color: blue; font-size: 18px}
.bootbox.modal {background: none;margin-top: 50px}
.bootbox.modal .modal-footer{padding: 3px}
.col-sm-8, .col-sm-6, .col-sm-4, .col-md-3{float: left}
.page-direction a{color: #9999b3 !important}
.page-direction {margin-top:10px; font-size: 13px;color: #808080cc}
.dropdown-toggle::after{float: right; margin-right: 13px; right: 13px; margin-top: -13px; font-size: 18px; color: white}
.menu-right .nav-link>div{margin-left: 15px; color: white}
.menu-left>.nav-link>div{color: white !important}
.menu-left>.dropdown-menu{background-color: #fe7201 !important}
.navbar-light .navbar-toggler, .navbar-light .navbar-toggler:focus{border: none !important; outline: none; box-shadow: none}
.tblMenu{color: white;font-size: 14px}
.tblMenu td span{padding: 5px 0 5px 26px; border-bottom: 1px solid white; display: block;}
.tblMenu td span a{color: white}
.tblMenuShowroom td span{width: 130px}
.tblMenuShowroom tr>td:not(:nth-child(3)){padding-right: 30px}
.tblMenuProduction td span{width: 170px}
.tblMenuArt td span{width: 150px}
.tblMenuProduction tr>td:nth-child(1), .tblMenuArt tr>td:nth-child(1){padding-right: 15px; border-right: 1px solid}
.tblMenuProduction tr>td:nth-child(2), .tblMenuArt tr>td:nth-child(2){padding-left: 15px}
.bx-wrapper{border: none !important; box-shadow: none !important}
.select2-container--default .select2-results>.select2-results__options{max-height: 400px !important}
.button-underline{color: black !important}
.button-underline::before {
    position: absolute;
    content: '';
    width: 100%;
    bottom: -0.3rem;
    right: 0;
    left: 0;
    margin: 0 auto;
    height: 1px;
    background: #1d1d1d;
    -webkit-transition: width .4s cubic-bezier(.19,1,.22,1);
    transition: width .4s cubic-bezier(.19,1,.22,1);
}
.button-underline:hover::before{
    width: 0%;
}
.product-title2 h3 {
    font-size: 20px;
}
.product-title h3 {
    margin-top: 0 !important;
    font-size: 20px;
    margin-bottom: 0 !important;
}
@media (max-width:463px){.page-title{font-size:20px;line-height: 1.4em}
    #contact-email{display:none}
    #contact-phone{padding-right:15px}
    .homeFilter>.divSelect{width:280px}
    .homeFilter{left:calc(50% - 140px)}
    #SpNbDesktop>div, #SpNbMobile>div{width:280px;padding:10px 0}
}
@media (min-width:464px){.homeFilter>.divSelect{width:320px}
    .homeFilter{left:calc(50% - 160px)}
    #SpNbDesktop>div, #SpNbMobile>div{width:320px;padding:10px 20px}
}
@media (max-width:1100px){#searchMobile{display:block;margin:5px auto}
    .newsItem{border-bottom:1px solid #dfe6f3;margin-bottom:10px; padding-top: 10px}
    .porder0{padding-left:21px !important;padding-right:21px !important}
    .porder1{padding-left:21px !important}
    #divFilter{display:block !important}
    #tenChungLoai{margin-left:0 !important}
}
@media (min-width:1100px){
    #menu-left-firt{border-left:2px solid white; margin-right: 8px}
    #menu-right-first{padding-right:5px}
}
@media (max-width:975px){#btnShowHide{display:block !important}
    .homeFilter{display:block}
    .homeFilterDesktop{display:none}
}
@media (min-width:976px){
    .homeFilter{display:none}
    .homeFilterDesktop{display:block}
}
@media (min-width:380px){
    .lineTitle{overflow:hidden}
    .lineTitle>a{position:relative;font-family:Proxima-Nova-Bold;font-size:30px}
    .lineTitle>a:before{right:102%;margin-right:30px}
    .lineTitle>a:after{left:102%;margin-left:30px}
}
@media (min-width:769px){
    .onlyMobile, .hiddenC, .ico-switch{display: none !important;}
    .onlyComputer, .navbar-collapse{display: block !important}
    header .nav{flex-direction: row}
    .navbar-nav .dropdown-menu {position: absolute}
    .nav>li>a{padding: 15px}
    .lineTitle>a:before, .lineTitle>a:after{content:"";border-top:1px solid #cbd1dc;top:50%;width:100vw;position:absolute}
    #divFatherYoutube{padding-left:40px;padding-right:25px}
    .divFlex{display:flex;align-items:center}
    #slider_showroom_info_desktop, #logo_desktop{display:block}
    #slider_showroom_info, #logo_mobile, #hotline-mobile, #faceFanMobile{display:none}
    #top-ul{padding-left:0;margin-bottom:0;margin-left:4px}
    .dropdown-toggle{float:left}
    li.dropdown:hover>ul{display:block;margin-top:-1px}
    #inputSearch{max-width:150px}
    #pageTitle{min-height:170px;padding-top:95px}
    #langmoda-mobile{display:none}
    #lien-he>div{display:flex;align-items:center;padding:8px 0}
    #btnSearch{height:32px}
    .speFooterBlock{padding-left: 20px}
    .footer{margin-top: 30px}
    #main-vieo{width:75%;margin:0 auto}
    ul.dropdown-menu{margin-top: 50px !important}
    .dropdown-toggle::after{margin-right: -18px; margin-top: -15px}
    .navbar-light .navbar-nav .nav-link{padding-right: 20px}
    .warehouseHN{padding-left: 30px}
    .main-title{margin: 0 0 0;padding: 10px 0}
}
@media (max-width:768px){
    header .navbar{padding: 0 3px 0 0; margin-top: 3px; margin-bottom: 3px}
    .onlyMobile{display: block}
    .onlyComputer, .hiddenM{display: none !important}
    .menuShowroom{padding-left: 15px}
    #navbarNavDropdown{margin-top: 5px}
    header nav.navbar{top: 63px}
    .navbar-nav .dropdown-menu {position: static}
    .nav>li>a{padding: 9px 14px}
    #faceFanMobile{display:block}
    #divFatherYoutube{padding-left:0;padding-right:0;margin-top:20px}
    #divThumbVideo{margin-top:5px;margin-bottom:5px}
    .nav>li:not(:first-child){border-top:1px solid wheat}
    .nivo-caption{font-size:14px}
    .nivo-caption>b{font-size:18px}
    #slider_showroom_info{margin-bottom: 10px/*max-height:240px*/}
    #slider_showroom_info_desktop, #hotline-desktop, #logo_desktop{display:none}
    #slider_showroom_info, #logo_mobile{display:block}
    .navbar-nav{width:100%;padding-left:0;margin:0}
    #top-ul{padding-left:15px}
    .caret, #login{display:none}
    #visit-shop{width:160px;float:left;line-height:15px}
    #inputSearch{width:calc(100% - 167px);float:left;margin-left:6px}
    #divLogo{height:45px}
    #pageTitle{min-height:100px;display:flex;align-items:center}
    #langmoda-desktop{display:none}
    .product-title{font-size:17px}
    #lien-he>div>div>img{width:85%;margin-bottom:10px}
    #lien-he>div{margin-bottom:10px}
    .newsTitle{margin-top:15px !important}
    #divSearch{width:100%;margin-right:5px;margin-left:5px}
    #btnSearch{height:31px}
    #langmoda-mobile .parent{border: 1px solid #c7baba}
    .ct-ngoaithat .parent, .ct-noithat .parent {margin-bottom: 25px}
    .showroom1, .showroom2, .showroom3{padding-left:0;padding-right:0}
    .showroom4, .showroom5, .showroom6{padding-left:25px;padding-right:25px}
    .col-xs-6{width: 50%}
    .followme>h4{margin-top: 15px}
    .footer>div:nth-child(2)>div{padding-top: 20px; padding-left: 0}
    .footer>div:nth-child(2)>div:nth-child(1), .footer>div:nth-child(2)>div:nth-child(2){border-top: 1px solid #355aa0}
}
.description-archive {
    margin-top: 30px;
}
.imgSlide {
    max-height: 778px;
}
@media (min-width: 1200px) {
    .container {max-width: 1200px}
}

@media (min-width: 1800px) {
    .divBanner {height: 197px !important}
}
#btnGoToTop {display: none;position: fixed;bottom: 40px; right: 20px; z-index: 99;font-size: 18px;border: none;outline: none;background-color: #f37600;color: white;cursor: pointer;padding: 5px 10px;border-radius: 20px}
#btnGoToTop:hover {background-color: #555}