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: #d4111b; 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: #d4111b; 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:#d4111b;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:#d4111b;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: #d4111b}
.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:#d4111b;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 #564169}
.dropdown-menu>li>a, .dropdown-menu>li>a:hover{color:white; padding: 3px 30px; text-decoration: none; white-space: nowrap}
.dropdown-menu{background-color:#2b0053 !important}
.dropdown-menu>li:not(:first-child){border-top:1px solid #564169}
.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 #d4111b}
.navbar-inverse .navbar-collapse{width:100vw;padding:0 calc((100% - 1200px)/2)}
.menu-right, .menu-right a{background-color:#2b0053 !important}
.menu-left{background-color:#d4111b !important}
.menu-right a:hover{color:#d4111b !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:#d4111b;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: #d4111b;margin-bottom: 10px}
#btnShowHide{float:right;margin-right:2px;display:none;padding-left:30px;color:#d4111b}
.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:#d4111b}
.chbox-container:hover input ~ .checkmark{border:1px solid #d4111b;color:#d4111b}
.chbox-container input:checked ~ .checkmark{background-color:#d4111b}
.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: #2b0053; 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: #d4111b}
.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: #d4111b !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 #564169; 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}
/* hoipro */

@media (min-width: 769px) {
  .title {
    font-size: 18px;
  }
}
.title {
  margin: 10px 0;
  text-transform: uppercase;
  font-weight: bold;
}

 @media (max-width:768px) {
                header {
                    height: 94px;
                   
                    background-image: url(css/images/mobile-banner-v5.webp); background-repeat: no-repeat; background-size: contain
                }
                header>a{display: block; padding: 0 20px}
            }
            #fixNav .button-menu {position: relative;width: 2rem;height: 1.4rem;display: -webkit-inline-box;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between}
            #fixNav .button-menu>span{display: block;height: 0.15rem;background: #1d1d1d;width: 22px;margin-bottom: -3px}
            #fixNav{position: fixed !important;width: 100%;z-index: 999; top: 0; left: 0; box-shadow: 0px 2px 2px rgba(0,0,0,0.5); /*Đổ bóng cho menu*/}
            #fixNav button.navbar-toggler{padding: 5px !important}
            #fixNav .container-fluid{padding-right: 25px}
            .modal{z-index: 9999 !important}
            .modal-title {font-weight: bold;color: #d4111b}
            .bootbox-body table {width: 92%}
            .bootbox-body table tr td:first-child {min-width: 150px}
            .bootbox-body table tr td {padding: 5px}
            .bootbox-body table tr td span {border-bottom: solid 1px #d9d9e8;padding-bottom: 3px}
            .bootbox-close-button{background: none; border: none; font-size: 21px}
            #keyword{margin-left: 10px; border-radius: 5px; border: 1px solid gray; padding: 2px 25px 2px 5px}
            .header-right i.fa-search{margin-left: -25px;position: absolute;top: 11px; cursor: pointer}
.imgSlide{width:100%; height: auto}
        .product>.parent>div:first-child{
		padding:10px 5px;position:absolute;display: flex;margin:0;height: 100%;align-items: center; width: 100%
		}
        .product>.parent a{
		z-index: 1; display: table-cell; width: 100%; text-align: center; text-decoration: none; font-family: 'Proxima-Nova-Bold'; height: 100%
		}
        .proTitle{
		color: white; margin-bottom: 5px; display: block
		}
        .proTitle:hover{
		color: white; text-shadow: 2px 2px #d4111b; text-decoration: none
		}
        .btnView{
		color: white; padding: 5px 16px; text-transform: uppercase; margin: auto; font-family: 'Proxima-Nova-Bold'; max-width: 120px; min-width: 100px
		}
        .btnView:hover{
		color: #007bff
		}
        .slider-wrapper{
		padding-left:0;padding-right:0; background-color:#d4111b
		}
        .slider-wrapper .container{
		margin: auto; padding: 8px 0
		}
        .slider-showrooms .container{
		margin:auto; padding: 0
		}
        .slider-showrooms{
		background-color: #f1f1f1
		}
        .slider-showrooms .divFlex{
		position: relative !important; display: flex; align-items: center
		}
        .slider-showrooms .divFlex .fa{
		position: absolute !important; z-index: 100; width: 30px; color: #cfc6bf; cursor: pointer; line-height: 1.5; font-size: 25px;
		}
        .slider-showrooms .divFlex .fa-chevron-right{
		right: 0; margin-right: -20px
		}
        .slider-showrooms .divFlex .fa-chevron-left{
		margin-left: -35px
		}
        #slider_showroom .nivo-nextNav{
		display: none
		}
        .slider-wrapper>div>div{
		text-align:center;color:white;font-family:serif;font-size:18px
		}
        #divHotline span {
		padding:0; background: white;color: #012968;border-radius: 10px;font-weight: bold; max-width: 262px; display: block; margin: 2px auto 3px auto
		}
        #divHotline span a{
		color: #012968
		}
        .parent{
		width:100%;border:1px solid white;overflow:hidden;position:relative;float:left;display:inline-block;cursor:pointer
		}
        .parent:hover{
		border:1px solid #e05d14;box-shadow:0 0 10px #e05d14;transition:1s
		}
        .parent:hover .child,.parent:focus .child{
		transform:scale(1.05)
		}
        .product .child{
		background-repeat:no-repeat;transition:all .5s;background-position:50%; background-size: cover
		}
        .product .child2{background-repeat:no-repeat;transition:all .5s;background-position:50%; background-size: contain}
        .companyInfo>div:first-child{margin-bottom: 25px;padding: 0 15px}
        .companyInfo>div:first-child>div:first-child{ padding-left: 0}
        .companyInfo>div:first-child>div:first-child>div{font-size: 25px; font-weight: bold; margin-bottom: 20px}
        .companyInfo>div:first-child>div:first-child>div>span{border-bottom: 5px solid #d4111b; padding-bottom: 5px}
        .companyInfo>div:first-child>div:first-child>p{text-align: justify}
        .companyInfo>div:first-child>div:nth-child(2){padding: 0}
        .companyInfo>div:first-child>div:nth-child(2)>img{width: 100%; height: auto; max-height: 420px}
        .companyInfo>div:nth-child(2)>div:first-child{padding-right: 0; max-height: 414px; overflow: hidden}
        .companyInfo>div:nth-child(2)>div:nth-child(2){padding-left: 0;padding-right: 25px}
        .companyInfo>div:nth-child(2)>div:nth-child(2) img{width: 103%; height: auto; border: 1px solid #f1e8e8}
        #slider_showroom_info_desktop, .nivo-caption {background-color: #f1f1f1 !important;}
        #slider_showroom_info_desktop .nivo-caption b{font-size:25px}
        #slider_showroom_info_desktop .nivo-caption span{padding:5px 10px;cursor:pointer;background-color:#d4111b;border-radius:8px;border:1px solid #d4111b;}
        #slider_showroom_info_desktop .nivo-caption span:hover, #slider_showroom_info .nivo-caption span:hover{background-color:white}
        #slider_showroom_info .nivo-caption span{padding:5px;cursor:pointer;background-color:#d4111b;border-radius:8px;border:1px solid #d4111b;}
        #slider_showroom_info_desktop .nivo-caption span a, #slider_showroom_info .nivo-caption span a,
        #slider_showroom_info_desktop .nivo-caption a, #slider_showroom_info .nivo-caption a{color:black}
        .divContact {margin-top: 20px}
        .divContact a {text-decoration:none}
        .divContact img {min-height: auto !important; position: relative !important; margin: 0 0 5px 15px}
        .divContact div {width: 50%; float: left}
        .divContact div:first-child {padding-left: 50px}
        .divContact label {display: block !important; color: #116be9}
        myspan {font-size: 16px}
        #slider_showroom .nivo-directionNav a, #slider_showroom_info_desktop .nivo-directionNav a{opacity: 75%}
        .congtrinh .child {background-size: contain;background-repeat: no-repeat;-webkit-transition: all .05s;transition: all .5s;background-position: 50%;padding-bottom: 100%}
        .product-title{z-index:1;padding:10px 5px;position:absolute;background-color:rgba(0,0,0,.4);color:#fff;top:0;left:0;right:0;margin:0px;font-family:monospace; font-size: 20px}
        .product-logo{z-index:1;position:absolute}
        .du-an h2{margin-top: 35px; text-align: center; margin-bottom: 15px; width: 100%}
        .du-an h5{color:#d4111b; text-align: center; margin-bottom: 20px}
        .du-an h2>a{color: #d4111b; text-transform: uppercase; font-weight: bold; font-family:Proxima-Nova-Bold; font-size: 30px}
        .projectInfo{text-align: center; position: relative}
        .projectInfo>img {width: 100%}
        .projectInfo>span {width: 26%; height: 68%; top:16%; padding-left: 3%; padding-top:3%; display: block; position: absolute; text-align: left; background: rgb(234, 239, 234, 0.8);}
        .projectInfo>span>div:first-child{font-weight: bold; font-family: Proxima-Nova-Bold; margin-bottom: 15px}
        .projectInfo>span>div:not(:first-child){margin-bottom: 5px; font-family: Proxima-Nova-Regular}
        .projectInfo>div:first-child {background-size: cover}
        .doi-ngu{min-height:180px;background-image:url("images/doingu-bg-2.jpg");background-size:cover;align-items:center; margin-top: 80px}
        .doi-ngu div{text-align:center;font-size:22px;padding:30px 0;font-family:monospace;color:white}
        .doi-ngu a{color:white}
        .doi-ngu>div>a, .du-an .link-all-projects>a{font-family:serif;font-size:smaller;color:white;background:#d4111b;padding:5px 15px;cursor:pointer;border-radius:16px;border:1px solid #fe5e01;}
        .doi-ngu>div>a:hover, .du-an .link-all-projects>a:hover{background-color:white;color:black!important}
        .langmoda-desktop .parent {border: 1px solid #cbc6c6 !important}
        .newsItem>a {font-family: serif;color: #2b0053; overflow: visible}
        .newsItem>a>.dateTime {position: absolute;margin-top: 40px;border: 2px solid #675656;background: white;font-weight: bold;width: 40px;font-size: 15px;text-align: center;margin-left: -10px; line-height: 1.3}
        .newsItem p {font-family: Source Sans Pro,sans-serif;font-size: 15px;text-align: justify; overflow: hidden;margin-top: 10px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical}
        .newsItem>div>a{font-family: serif !important;font-size: 15px;color:black !important;}
        .newsItem .parent {margin-bottom: 20px}
        .newsItem .parent:hover .child {transform: none !important}
        .newsItem .child {background-size: cover;background-repeat: no-repeat;transition: all .5s;background-position: 50%;padding-bottom: 60%}
        .newsItem>.title{clear: both; margin-bottom: 20px}
        .newsItem>.title>a{font-size: 14px; font-weight: 800; text-transform: uppercase}
        .txt-summary{text-align: justify; clear:both; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 7.3em;}
        .linkMore{margin-top: 30px; margin-bottom: 40px; position: relative; font-size: 15px; display: inline-block}
        .discover-button{margin: 30px auto 40px; padding: 8px 20px; border: 1px solid; color: black; width: 148px}
        .bx-wrapper{border: none; box-shadow: none; -webkit-box-shadow: none}
        .top-slide .bx-wrapper{margin-bottom: 0}
        .bxslider img{max-height: 526px; width: 100%}
        .bx-wrapper .bx-pager.bx-default-pager a {background: white}
        .bx-wrapper .bx-pager.bx-default-pager a.active {background: #e78914}
        .bx-has-pager{position: relative;margin-top: -40px}
        .chandatang{padding-right:12px; width: 40%; float: left}
        .chandatang .child{background-size: contain !important}
        .separator{height: 12px; background-color: #d7d3d0; margin: 15px 0}
        .companyInfo .btnView{background-color: #003f53}
        .du-an .link-all-projects{text-align: center; font-size: 20px}
        .highlightProductDesktop {position: absolute;width: 100%;height: 100%; margin-top: -145px}
        /*** for mobile ***/
        @media (max-width:768px){
            .slider-wrapper img{width: 85%;margin-bottom: 10px}
            .product a.square{padding-top: 20%}
            .product a.rectangle, .product a.square2{padding-top: 20%}
            .projectInfo .onlyMobile{margin-top:10px}
            .projectInfo>div:first-child {padding-bottom: 80%}
            .projectInfo>span {width: 50%; padding-left: 1%}
            .projectInfo>span>div:first-child {font-size: 17px}
            .projectInfo>span>div:last-child {margin-bottom: 30px}
            .projectInfo .btnView {border: none !important; margin-top: 30px; display: inline-block; background: #d4111b; font-size: 12px}
            #slider_showroom_info img{min-height:300px}
            .lineTitle>span{font-weight: normal; font-size: 28px}
            .parent{max-height: 280px}
            .newsItem .parent{max-height: none !important}
            .product{padding: 0}
            .product>.parent {margin-bottom: 5px}
            .pro1, .pro2, .pro3, .pro4, .pro5, .pro6, .pro7, .pro8{padding-bottom: 70%}
            .slider-wrapper{margin-bottom: 10px}
            .btnView{border: 2px solid white}
            .companyInfo .btnView{padding: 4px 9px}
            .companyInfo{margin-top: 15px}
            .divVideo{padding-left: 0}
            .slider-container{padding: 0}
            .main-title a{font-size: 25px !important}
            .congtrinh .col-12{padding: 0; margin-bottom: 15px}
            .doi-ngu span{display: none}
            .mynghe1 {margin-bottom: 5px}
            .mynghe1 .child {padding-bottom: 50%; background-size: contain}
            .mynghe2{padding-right: 2px}
            .mynghe2 .parent{max-height: 100%}
            .mynghe2 .child {padding-bottom: 158%; background-size: contain}
            .divMyNghe3-4{padding-left: 2px}
            .divMyNghe3-4>div:first-child .parent{margin-bottom: 4px}
            .divMyNghe3-4 .child, .myngheTLD .child2{background-size: contain}
            .divMyNghe3-4 .mynghe3{padding-bottom: 70%}
            .divMyNghe3-4 .mynghe4{padding-bottom: 85%}
            .mynghe5{padding-right: 0; margin-bottom: 5px}
            .plogo-bottom-right {display: none}
            .myngheTLD{margin-bottom: 5px}
            .myngheTLD>.col-6:first-child{padding-left: 0; padding-right: 2px}
            .myngheTLD>.col-6:nth-child(2){padding-left: 2px; padding-right:0}
            .truda{padding-bottom: 100%}
            .luuhuong{padding-bottom: 80%}
            .denda .parent{max-height: 100%}
            .denda .child2{padding-bottom: 183%}
            .divMyNghe3-4{margin-bottom: 5px}
            .mynghe12{margin-top: 3px}
            .mynghe13_14{margin-top: 5px}
            .mynghe13_14 .row{margin: 0}
            .mynghe13{padding-right: 5px}
            .mynghe13 .child2{padding-bottom: 59% !important}
            .companyInfo>div:nth-child(2)>div:nth-child(2) img{max-height: 300px; margin: 10px}
            .product-title2 {z-index: 1;padding: 5px 1px;position: absolute;color: #fff;top: 35%;left: 0;right: 0;font-family: monospace;border: 2px solid white;text-transform: uppercase;font-weight: bold;width: 64%;margin: auto;text-align: center; font-size: 15px !important}
            .proTitle {font-size: 35px}
            .companyInfo > div:first-child > div:first-child > p:nth-child(2) {display: none}
            .congtrinh>div{margin: 6px 0}
            .congtrinh .block0{padding-left: 0; padding-right: 5px}
            .congtrinh .block1{padding-left: 5px; padding-right: 0}
            #slider_shows img{min-height: 220px !important}
            .slider_showroom_info>img{min-height: 300px !important}
            #slider_showroom_info .nivo-directionNav{display: none !important}
            .fa-2x{color: #d4111b}
        }
        /*** for computer ***/
        @media (min-width:769px){
            .parent-title{margin:0;padding: 0 5px 10px 5px}
            #slider_showroom_info_desktop .nivo-nextNav, #slider_showroom .nivo-prevNav{display: none}
            .nivoSlider img{
			min-height:350px
			}
            .pro1, .pro4{
			padding-bottom: 100%
			}
            .product a.square{padding-top: 40%}
            .product a.rectangle{padding-top: 10%}
            .product a.square2{padding-top: 23%}
            .projectInfo>div:first-child {/*margin-right: 128px; margin-left: 128px;*/padding-bottom: 37%; max-width: 1180px; margin: auto}
            .projectInfo>span {width: 26%; padding-left: 3%}
            .projectInfo>span>div:first-child {font-size: 26px}
            .projectInfo>span>div:not(:first-child){font-size: 18px}
            .projectInfo .btnView {margin-top: 50px; display: inline-block}
            .product>.parent:first-child{margin-bottom: 30px}
            .group1 .rectangle1{padding-bottom: 45%}
            .group2 .rectangle2, .pro8{padding-bottom: 37%}
            .group2 .rectangle1, .pro7{padding-bottom: 77%}
            .slider-wrapper{margin-top: 50px; margin-bottom: 50px}
            .btnView{background-color: #d4111b}
            .companyInfo .btnView{padding: 5px 12px}
            .companyInfo>div:first-child>div:first-child{margin-bottom: 15px}
            .doi-ngu{display: flex}
            .mynghe1 .child {padding-bottom: 110%}
            .mynghe2{padding-left: 26px;padding-right: 12px; margin-bottom: 24px}
            .mynghe2 .child {padding-bottom: 55%}
            .mynghe5{padding-right: 10px}
            .divMyNghe3-4{margin-bottom: 25px}
            .divMyNghe3-4 .mynghe4{background-size: contain !important}
            .mynghe13, .mynghe14{padding-right: 10px}
            .mynghe12_13_14{margin-top: 25px}
            .mynghe14{margin-top: 25px}
            .companyInfo>div:nth-child(2)>div:nth-child(2){border-left: 2px solid #d4111b}
            .product-title2{z-index:1;padding:10px 5px;position:absolute;background-color:rgba(0,0,0,.4);color:#fff;top:0;left:0;right:0;margin:0;font-family:monospace; font-size: 20px !important}
            .proTitle{font-size: 40px}
            .congtrinh>div{margin: 15px 0}
            .left, .right, .slider-wrapper, .subCompanyInfo, .animation{opacity: 0}
        }
        @media (min-width: 1200px) {
            #slider_shows img{max-height: 484px !important}
        }
        @media (min-width: 1500px) {
            .projectInfo>span {margin-left: 80px}
        }
        @media (min-width: 1600px) {
            .projectInfo>span {margin-left: 100px}
        }
        @media (min-width: 1700px) {
            .projectInfo>span {margin-left: 120px}
        }
        @media (min-width: 1800px) {
            #slider_shows img{max-height: 648px !important}
            .projectInfo>span {margin-left: 200px}
        }