html,body{font-family:Roboto}
body,ul {margin: 0;padding: 0;list-style: none;}
.nav-link {color: #000000;background: #e6e3e3;margin-right: 10px;}
.nav-pills .nav-link.active {background-color: #D7241D;}
.select2-dropdown {width: 200px !important;}
.select2-selection {width: 200px !important;}
.select2-selection__arrow {right: -10px !important;}
.select2-selection__arrow b {margin-top: 0 !important;}
#section-1 {background: #fff;padding-bottom: 10px;}
#section-1 div span {font-size: 13px;color: #3e3e3e;}
#section-1 div span a {text-decoration: none;color: #3e3e3e;}
#section-1 div span a:hover {color: #d7241d;}
#section-1 div.left {text-align: left;}
#section-1 div.right {text-align: right;}
#section-2 {background: #fff;padding-bottom: 10px;}
#section-2 div.logo img {height:auto;width:auto;float:right}
#section-2 div h1 {font-size: 19px;height: 70px;font-weight: bold;text-align: center;color: #d7241d;padding-top: 15px;}
#section-2 div.search {margin-top: 16px;}
#section-2 div.search input {border-top-left-radius: 17px;border-bottom-left-radius: 17px;height: 34px;padding-left: 15px;outline: none;border: 1px solid #d5d5d5;font-size: 13px;width: 100%;}
#section-2 div.search button {position: absolute;top: 16px;right: 0px;width: 50px;text-align: center;height: 34px;display: block;background: #f05a28;border-radius: 0px 20px 20px 0px;border: 1px solid #f05a28;color: #fff;font-size: 13px;cursor: pointer;}
#section-3 {background: #fff;}
#section-3 ul li {display: inline-block;position: relative;}
#section-3 ul li a {text-decoration: none;color: #000000;text-transform: uppercase;padding: 0 7px;font-size: 15px;line-height: 35px;transition: .3s;display: block;}
#section-3 ul li a.selected {background: #DC6910;color: #fff;}
#section-3 ul li a:hover {background: #DC6910;color: #fff;}
#section-3 ul li ul {display: none;position: absolute;background: #fff;border: 1px solid #ccc;top: 100%;z-index: 2;}
#section-3 ul li:hover {background: #DC6910;}
#section-3 ul li:hover a {color: #fff;}
#section-3 ul li:hover ul {display: block;}
#section-3 ul li:hover ul li {width: 100%;background: #fff;}
#section-3 ul li:hover ul li a {color: #000000;white-space: nowrap;text-transform: none;}
#section-3 ul li:hover ul li:hover a {background: #fff;color: #d7241d;}
#section-4 {overflow: hidden;}
#section-4 .slider {height: 420px;}
#section-4 .slider .slick-slide {height: 420px;}
#section-4 .slider .slick-slide img {width: 100%;height: 100%;object-fit: cover;}
#section-5 .col-md-3 {padding-left: 0;padding-right: 0;}
#section-5 .feature {background: #669933;border: 5px solid #fff;margin-top: -100px;border-radius: 20px;height: 220px;}
#section-5 .feature h3 {text-align: center;padding: 5px 10px;margin:10px;color: #fff;font-weight: 600;text-transform: none;font-size: 14px;}
#section-5 .feature .image {overflow: hidden;height: 140px;width: 250px;display: block;margin-left: auto;margin-right: auto;border-radius: 20px;}
#section-5 .feature .image img {max-height: 140px;max-width:100%;display:block;margin:auto}
#section-5 .feature a {color: #fff;text-transform: none;font-size: 14px;line-height: 20px;font-style: italic;}
#section-6 .title-product {text-align: center;background: #DA251C;color: #fff;font-size: 18px;display: block;margin: 0 auto;padding: 10px 20px;font-weight: normal;text-transform: uppercase;margin-bottom: 40px;margin-top: 30px;}
#section-6 .product-hot-home {display: flex;justify-content: flex-start;flex-wrap: wrap;}
#section-6 .product-hot-home .item {margin-bottom: 30px;width: calc(20% - 2px);border: 1px solid #ccc;border-left: 0;}
#section-6 .product-hot-home .item:nth-child(1) {border-left: 1px solid #ccc;}
#section-6 .product-hot-home .item:nth-child(6) {border-left: 1px solid #ccc;}
#section-6 .product-hot-home .item:nth-child(11) {border-left: 1px solid #ccc;}
#section-6 .product-hot-home .item:nth-child(16) {border-left: 1px solid #ccc;}
#section-6 .product-hot-home .item:nth-child(21) {border-left: 1px solid #ccc;}
#section-6 .product-hot-home .item .img {height: 220px;overflow: hidden;}
#section-6 .product-hot-home .item .img img {max-width: 90%;display: block;margin: 0 auto;max-height: 220px;object-fit: cover;}
#section-6 .product-hot-home .item h4 a {font-size: 16px;font-weight: normal;text-decoration: none;display: block;text-align: center;padding-bottom: 10px;}
#section-7 .content-intro-home {padding-top: 40px;padding-bottom: 40px;background: #fdf1e4;}
#section-7 .content-intro-home img {height:100px;display: block;margin: 0 auto 20px;}
#section-7 .content-intro-home p {width:70%;display: block;margin: 0 auto;text-align:justify;font-size: 14px;font-style: italic;}
#section-7 .content-intro-home ul {width:70%;display: block;margin: 0 auto;font-size: 14px;font-style: italic}
#section-7 .content-intro-home li{margin-left:30px;list-style:circle}
#section-8 .box-title {margin-top: 30px;margin-bottom: 40px;text-align: center;}
#section-8 .box-title a {font-size:24px;padding-bottom: 10px;margin-bottom: 10px;text-transform: none;border-bottom: 5px solid #DC6910;text-decoration: none;color: #000000;padding: 0 40px;}
#section-8 .box-title a:hover {color: #DC6910;}
#section-8 .du-an .item {text-align: center;width: 30%;overflow: hidden;}
#section-8 .du-an .item .img {width: 100%;}
#section-8 .du-an .item .img img {width: 250px;height: 250px;border-radius: 125px;display: block;margin: 0 auto}
#section-8 .du-an .item p{margin:20px;line-height:25px;font-size:15px;font-weight:bold}
#section-8 .slick-prev:before,#section-8 .slick-next:before{font-size:40px;color:black}
#section-8 .slick-prev{cursor: pointer;position: absolute;left: -50px;top: calc(30% + 10px);z-index:2}
#section-8 .slick-next{cursor: pointer;position: absolute;right: -50px;top: calc(30% + 10px);z-index:2}
#section-9 {padding-bottom: 40px;}
#section-9 h4 {margin-top: 60px;font-weight: normal;font-size: 22px;border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 20px;}
#section-9 .httt {background: #eee;height: 315px;}
#section-9 .httt img {display: block;margin: 0 auto;}
#section-9 .httt p {margin: 0;padding: 0;margin-bottom: 3px;padding-left: 20%;font-style: italic;font-size: 16px;}
#section-9 .httt p i {color: #DA251B;}
#footer {background:#DC6910;color:#fff;}
#footer h2 {color:#FFF;text-transform:uppercase;font-size:20px;font-weight:normal;text-align:center;padding-top:30px;padding-bottom:20px;}
#footer h3 {font-size:18px;font-weight:normal;padding-bottom:10px;border-bottom:3px solid #fff;}
#footer p {margin-bottom:5px;font-size:14px;}
#footer .copyright {font-size:13px;margin-top:50px;padding-bottom:20px;background:#B3530D;padding:10px 0 10px 10px;text-align:center}
#wrapnoidung {padding-top: 15px;}
#wrapnoidung .sidebar .danhmucgioithieu h3 {padding:10px;background: #000;text-transform: uppercase;color: #fff;font-size: 15px;font-weight: normal;}
#wrapnoidung .sidebar .danhmucgioithieu ul li a {text-decoration: none;color: #000000;font-size: 14px;border-bottom: 1px dashed #ccc;display: block;padding-bottom: 8px;padding-top: 8px;}
#wrapnoidung .sidebar .danhmucgioithieu ul li:last-child a {border: 0;}
#wrapnoidung .sidebar .danhmuctintuc {padding-bottom: 20px;}
#wrapnoidung .sidebar .danhmuctintuc h3 {padding:10px;background: #000;text-transform: uppercase;color: #fff;font-size: 15px;font-weight: normal;margin-bottom: 0;}
#wrapnoidung .sidebar .danhmuctintuc ul li a {text-decoration: none;color: #000000;font-size: 14px;border-bottom: 1px solid #d4d4d4;background: #f1f1f1;display: block;padding-bottom: 8px;padding-top: 8px;}
#wrapnoidung .sidebar .danhmuctintuc ul li:last-child a {border: 0;}
#wrapnoidung .sidebar .sanphamcungloai h3 {padding:10px;margin-top: 20px;background: #DA251C;text-transform: uppercase;color: #fff;font-size: 15px;font-weight: normal;margin-bottom: 0;}
#wrapnoidung .sidebar .sanphamcungloai .item {border: 1px solid #ccc;margin-bottom: 20px;}
#wrapnoidung .sidebar .sanphamcungloai .item img {width: 100%;height: auto;object-fit: cover;}
#wrapnoidung .sidebar .sanphamcungloai .item h4 {text-align: center;}
#wrapnoidung .sidebar .sanphamcungloai .item h4 a {font-size: 16px;text-decoration: none;}
#wrapnoidung .product-same {display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top:30px}
#wrapnoidung .product-same .item {margin-bottom:30px;width: calc(25% - 2px);border: 1px solid #ccc;border-left: 0;}
#wrapnoidung .product-same .item:nth-child(4n + 1) {border-left: 1px solid #ccc;}
#wrapnoidung .product-same .item .img {height: 220px;overflow: hidden;}
#wrapnoidung .product-same .item .img img {max-width: 90%;display: block;margin: 0 auto;max-height: 220px;object-fit: cover;}
#wrapnoidung .product-same .item h4 a {font-size: 16px;font-weight: normal;text-decoration: none;display: block;text-align: center;padding-bottom: 10px;}
#wrapnoidung .gioithieu {margin-top: 10px;}
#wrapnoidung .gioithieu img {max-width: 100%;}
#wrapnoidung .gioithieu td {padding:5px;}
#wrapnoidung .bcr {padding-bottom: 10px;border-bottom: 1px solid #ccc;font-size: 14px;}
#wrapnoidung .menusanpham {background: #e5e6e5;padding-top: 7px;padding-bottom: 7px;}
#wrapnoidung .menusanpham button {cursor: pointer;border: 0;background: none;}
#wrapnoidung .menusanpham button i {font-size: 12px;}
#wrapnoidung .menusanpham button:first-child {margin-left: 10px;margin-right: 5px;}
#wrapnoidung .menusanpham button.at {border: 1px solid #ccc;box-shadow: 2px 1px 4px #9e9a9a;}
#wrapnoidung .menusanpham button.at i {color: #d97b0b;}
#wrapnoidung .menusanpham button:hover {border: 1px solid #ccc;box-shadow: 2px 1px 4px #9e9a9a;}
#wrapnoidung .menusanpham button:hover i {color: #d97b0b;}
#wrapnoidung .danhsachsanpham-gird {display: flex;margin-top: 20px;justify-content: flex-start;flex-wrap: wrap;}
#wrapnoidung .danhsachsanpham-gird .item {margin-bottom: 30px;width: calc(25% - 0.5px);border: 1px solid #ccc;border-left: 0;}
#wrapnoidung .danhsachsanpham-gird .item:nth-child(1) {border-left: 1px solid #ccc;}
#wrapnoidung .danhsachsanpham-gird .item:nth-child(5) {border-left: 1px solid #ccc;}
#wrapnoidung .danhsachsanpham-gird .item:nth-child(9) {border-left: 1px solid #ccc;}
#wrapnoidung .danhsachsanpham-gird .item:nth-child(14) {border-left: 1px solid #ccc;}
#wrapnoidung .danhsachsanpham-gird .item:nth-child(19) {border-left: 1px solid #ccc;}
#wrapnoidung .danhsachsanpham-gird .item .img {height: 220px;overflow: hidden;}
#wrapnoidung .danhsachsanpham-gird .item .img img {width: 90%;display: block;margin: 0 auto;max-height: 220px;object-fit: cover;}
#wrapnoidung .danhsachsanpham-gird .item h4 a {font-size: 16px;font-weight: normal;text-decoration: none;display: block;text-align: center;padding-bottom: 10px;}
#wrapnoidung .danhsachsanpham-gird .item p {display: none;}
#wrapnoidung .danhsachsanpham-gird .item:hover {border: 1px solid red;}
#wrapnoidung .danhsachsanpham-list {display: flex;margin-top: 20px;justify-content: flex-start;flex-wrap: wrap;}
#wrapnoidung .danhsachsanpham-list .item {margin-bottom: 30px;width: calc(100% - 2px);border: 1px solid #ccc;}
#wrapnoidung .danhsachsanpham-list .item .img {height: 150px;padding-top: 10px;width: 120px;float: left;overflow: hidden;}
#wrapnoidung .danhsachsanpham-list .item .img img {width: 90%;display: block;margin: 0 auto;max-height: 220px;object-fit: cover;}
#wrapnoidung .danhsachsanpham-list .item h4 {width: calc(100% - 140px);margin-top: 10px;float: left;padding-left: 20px;}
#wrapnoidung .danhsachsanpham-list .item h4 a {font-size: 16px;font-weight: normal;text-decoration: none;display: block;padding-bottom: 10px;}
#wrapnoidung .danhsachsanpham-list .item p {width: calc(100% - 140px);float: left;padding-left: 20px;}
#wrapnoidung .danhsachsanpham-list .item:hover {border: 1px solid red;}
#wrapnoidung .chitietsanpham {padding-top: 30px;}
#wrapnoidung .chitietsanpham .imgavt {margin-bottom: 40px;float: left;width: calc(50% - 20px);margin-right: 20px;}
#wrapnoidung .chitietsanpham .imgavt .slimg {margin-top: 15px;}
#wrapnoidung .chitietsanpham .imgavt .acimg {max-height:600px;max-width: 100%;object-fit: cover;}
#wrapnoidung .chitietsanpham .imgavt .slick-slide {height: 63px;object-fit: cover;cursor: pointer;}
#wrapnoidung .chitietsanpham .exc {margin-bottom: 40px;float: left;width: 50%;}
#wrapnoidung .chitietsanpham .exc h1 {font-size: 20px;margin-top: 10px;}
#wrapnoidung .chitietsanpham .exc p {font-size: 14px;}
#wrapnoidung .desc {clear: both;}
#wrapnoidung .desc .nav-link {border-top: 3px solid #ccc;}
#wrapnoidung .desc .nav-link.active {color: #000;border-top: 3px solid #000;background: #ccc;}
#wrapnoidung .duan {display: flex;justify-content: flex-start;flex-wrap: wrap;}
#wrapnoidung .duan .item {border-bottom: 1px dotted #ccc;padding-bottom: 20px;padding-top: 20px;width: 100%;}
#wrapnoidung .duan .item .img {float: left;width: 250px;}
#wrapnoidung .duan .item .img img {width: 100%;}
#wrapnoidung .duan .item h3 {float: left;margin-left: 10px;border-bottom: 1px dotted #ccc;padding-bottom: 20px;}
#wrapnoidung .duan .item h3 a {text-decoration: none;color: #000;font-size: 16px;font-style: italic;}
#wrapnoidung .duan .item p {float: left;font-size: 15px;width: calc(100% - 260px);padding-left: 10px;margin-bottom: 0;padding-bottom: 5px;}
#wrapnoidung .duan .item a {float: right;margin-right: 40px;text-decoration: none;}
#wrapnoidung .chi-tiet-du-an h1 {font-size: 20px;padding-top: 10px;padding-bottom: 10px;}
#wrapnoidung .chi-tiet-du-an .content {padding-bottom: 20px;}
#wrapnoidung .chi-tiet-du-an .content img {max-width: 100% !important;}
#wrapnoidung .congtycon {padding-top: 30px;display: flex;justify-content: space-between;flex-wrap: wrap;}
#wrapnoidung .congtycon .item {width: calc(50% - 10px);margin-bottom: 20px;}
#wrapnoidung .congtycon .item h3 {text-align: center;}
#wrapnoidung .congtycon .item h3 a {font-size: 15px;color: #D9231C;}
#wrapnoidung .congtycon .item img {width: 100%;height: 200px;object-fit: cover;}
#wrapnoidung .lienhe {display: flex;padding-top: 30px;padding-bottom: 30px;}
#wrapnoidung .lienhe .form {width: 320px;}
#wrapnoidung .lienhe .form h4 {font-size: 16px;color: #01509e;text-align: center;}
#wrapnoidung .lienhe .form input {margin-bottom: 20px;}
#wrapnoidung .lienhe .form button {margin-top: 20px;background: #b10505;border-bottom: 4px solid #730808;color: #fff;}
#wrapnoidung .lienhe .map {width: calc(100% - 320px);padding-left: 20px;float: left;display: flex;justify-content: space-between;flex-wrap: wrap;}
#wrapnoidung .lienhe .map .item {margin-bottom: 20px;width:45%;height: 370px;border: 1px solid #ccc;}
#wrapnoidung .lienhe .map .item h4 {font-size: 18px;text-align: center;}
#wrapnoidung .lienhe .map .item p {font-size: 14px;margin: 0;padding-bottom: 5px;padding-left: 5px;padding-right: 5px;}
.page{width:100%;padding:0 0 20px;background-color:white;display:flex;justify-content:center;align-items:center;font-size:16px;}
.page li{font-size:16px;margin:0 8px}
@media screen and (min-width: 992px) {
    .slicknav_menu {display: none;}
}

@media screen and (max-width: 991px) {
    #section-3 {display: none;}
    #section-1 {display: none;}
    #section-2 h1 {display: none;}
    #section-2 .logo img {display: block;margin: 0 auto;padding-top: 10px;}
    #section-2 .search button {right: 15px !important;}
    #section-2 .search input {width: calc(100% - 15px) !important;}
    #section-4 .slider {height: 250px;}
    #section-5 .feature {margin-top: 0;}
    #section-6 .product-hot-home,#wrapnoidung .product-same {display: flex;justify-content: space-between;}
    #section-6 .product-hot-home .item,#wrapnoidung .product-same  .item{width: calc(50% - 6px);border-left: 1px solid #ccc;}
    #section-9 .httt {height: 385px;}
    #section-9 .httt p {padding-left: 10%;}
    #pills-tab {display: flex;justify-content: center;}
    #pills-tab .nav-item {margin-bottom: 6px;}
    #wrapnoidung .sanpham .menusanpham {height: 43px;}
    #wrapnoidung .sanpham .menusanpham button {display: none;}
    #wrapnoidung .sanpham .danhsachsanpham-gird {justify-content: space-between;}
    #wrapnoidung .sanpham .danhsachsanpham-gird .item {width: calc(50% - 5px);border: 1px solid #ccc;}
    #wrapnoidung .chitietsanpham .imgavt {width: 100%;}
    #wrapnoidung .chitietsanpham .exc {width: 100%;}
    #wrapnoidung .chitietsanpham .desc {margin-bottom: 30px;}
    .duan .item .img {width: calc(100%) !important;}
    .duan .item .img img {width: calc(100%) !important;}
    .duan .item h3 {width: calc(100%) !important;padding-top: 10px;clear: both;}
    .duan .item p {width: calc(100%) !important;clear: both;}
    .lienhe {flex-wrap: wrap;}
    .lienhe .form {width: 100% !important;}
    .lienhe .map {padding-top: 20px;width: 100% !important;padding-left: 0 !important;margin-left: 0 !important;}
    .lienhe .map .item {width: calc(50% - 5px) !important}
}