:root {
    --color1: #4DBEFF; 
    --color2: #0F85CA;
    --color3: #333333;
    --white: #ffffff;
    --black: #000000;
}



body {
    font-size: 15px;
    font-family: "Open Sans", sans-serif;
    color: #000000;
    
}

h1, h2, h3, h4, h5, h6, strong {
    font-weight: 700;
}


h1 {
    font-size: 30px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 18px;
}

a {
    transition: all 0.2s;
}

a:hover {
    color: var(--color2);
}

img {
    max-width: 100%;
}



/********** HEADER **********/

.banner_web p {
    margin: 0;
}


.main_menu .navbar {
    background: #e7790f;
}

.main_menu .navbar-nav {
    width: 100%;
    justify-content: space-between;
}

.main_menu .navbar-nav > li:first-child a {
    font-size: 0;
}

.main_menu .navbar-nav li:first-child a i {
    font-size: 18px;
}

.main_menu a,
.main_menu .bp_toggle_arrow {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
}

.main_menu .navbar-nav li ul {
    border-radius: 0;
}

.main_menu .navbar-nav li ul li a {
    color: #000000;
    text-transform: none;
    font-weight: 400;
}

.main_menu .navbar-nav li ul li {
    border-bottom: 1px solid #ccc;
    padding: 8px 10px;
}

.main_menu .navbar-nav li ul li:last-child {
    border-bottom: none;
}


/*** Slide ***/

.slide_web .swiper-button-prev,
.slide_web .swiper-button-next {
    color: #ffffff;
}


/********** FOOTER **********/



/********** TRANG CHỦ **********/

.body_page {
    padding-top: 15px;
}

.box_left > h3 {
    background: #e59c1a;
    color: #ffffff;
    text-transform: uppercase;
    padding: 10px;
    font-weight: 600;
    margin-bottom: 0;
    border-radius: 4px 4px 0 0;
}

.category_pr .bp_category_option h3 {
    color: #91590f;
    font-weight: 600;
    padding: 10px 0;
    margin-bottom: 0;
    
}

.category_pr .bp_category_option h3:hover {
    color: #000000;
    
}

.category_pr .bp_category_option {
    border: 1px solid #cccccc;
    border-top: none;
    padding: 10px;
    display: block;
}


.discount {
    border: 1px solid #cccccc;
    border-radius: 5px;
    margin-top: 30px;
}

.discount img {
    border-radius: 5px;
}

/*** Cột phải ***/

.body_home_page .right_page h2 {
    background: #e59c1a;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 10px;
    margin: 10px 0 15px;
    border-radius: 4px;
}

.body_home_page .right_page .hot_product > h2 {
    margin: 0 0 15px;
}

.hot_product .owl-nav button span {
    font-size: 0;
    color: #ffffff;
    background: #7c7c7c;
    display: inline-flex;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-weight: 700;
}

.hot_product .owl-nav button span:before {
    font-family: bootstrap-icons;
    content: "\F285";
    font-size: 18px;
}

.hot_product .owl-nav .owl-prev span:before {
    content: "\F284";
}


.hot_product .owl-dots {
    display: none;
}

.hot_product #carousel_fav {
    position: relative;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 5px;
}

.hot_product #carousel_fav img {
    height: 200px;
    object-fit: cover;
}

.hot_product .card-body {
    display: none;
}

.hot_product .owl-nav {
    margin: 0;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

.hot_product .owl-theme .owl-nav [class*=owl-]:hover {
    background: none;
}


/*** Product ***/

.bp-group-button-qv-wl,
.products .bp_lbl_product_more {
    display: none;
}

.products .cls_img_product_focus img,
.products .bp_img_product img {
    height: 200px;
    object-fit: cover;
    border-radius: 0;
    
}

.products h2.product_title {
    background: none;
    font-size: 15px;
    padding: 0;
    margin-bottom: 7px;
    font-weight: 600;
}

.products .product_title a {
    color: #91590F;
}

.products .bp_content_product {
    text-align: center;
    padding: 10px;
}

.products .lien-he .bp_lbl_product_value {
    color: #91590F;
    font-size: 16px;
    font-weight: 700;
}

.products .bp_product_item  {
    /*margin-bottom: 20px;*/
}

.products .xem-toan-bo {
    text-align: right;
    margin: 10px 0 15px;
}

.products .xem-toan-bo a {
    color: #8c5a0a;
}

.products .xem-toan-bo a:hover {
    color: #d6a351;
}

/*** Công trình ***/

.products_home > .row {
    margin: 0;
    padding: 10px 0;
    border: 1px solid #eee;
    border-radius: 5px;
}

/********** FOOTER **********/

.footer .box-footer {
    background: #F59502;
    color: #ffffff;
    text-align: center;
    padding: 40px 0;
}

.footer h1 {
    font-size: 18px;
}


/********** COPY RIGHT **********/


/********* TRANG KHÁC ***********/

.body_page {
    padding-bottom: 60px;
}


.bp-product-header {
    margin-bottom: 10px;
}

.bp-product-header-right a {
    color: #000000;
}

/* Phân trang */

.phan_trang {
    margin-top: 30px;
}

.phan_trang> * {
    color: #525252;
    background: #fff;
    border-radius: 0;
    padding: 5px 15px;
    border: 1px solid #eee;
    margin-right: 5px;
    display: inline-block;
    font-size: 14px;
    transition: all 0.3s;
}

.phan_trang > *:hover, 
.phan_trang span {
    color: var(--white);
    background-color: #f4ba5d;
}



/********** TRANG SẢN PHẨM **********/


.body_products {
    padding-bottom: 60px;
}

.bp-category-title {
    color: #fff;
    font-size: 20px;
    background: #e29a27;
    padding: 9px 10px;
    text-transform: uppercase;
    font-weight: 600;
}

.body_products .bp_product_list {
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 5px;
}

.products .bp_img_product {
    height: auto;
}


.products .bp-product-link-details {
    display: none;
}

.body_products .bp_product_item {
    margin-bottom: 20px;
}


/********** TRANG CHI TIẾT SẢN PHẨM **********/

.bp-category-name {
    display: none;
}

/********** TRANG TIN TỨC **********/

.body_news .news .bp_news_info,
.body_news .news .bp-news-button-action {
   display: none;
}

.body_news .news .news_title a {
    color: #91590F;
}

.body_news .news a:hover {
    color: #fdaf47;
}

.body_news .news .bp_news_sub {
    font-size: 13px;
    text-align: justify;
}

.body_news .bp_block_item {
    margin-top: 30px;
}

/********** TRANG CHI TIẾT TIN **********/

.body_news .content_text_details {
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 15px;
}

.news_detail .title_h1 {
    margin-bottom: 15px;
    font-size: 20px;
    padding: 9px 10px;
    background: #e29a27;
    color: #ffffff;
    font-weight: 600;
}

.content_text_details h2 {
    margin: 20px 0 15px;
}

.content_text_details h3 {
    margin: 15px 0 10px;
}





/***** Form đăng ký *****/



/*** Phân trang ***/


/********** TRANG LIÊN HỆ **********/

.form_contact #contact_button button {
    background: #f70000;
    border: none;
    border-radius: 4px;
    padding: 8px 20px;
}

.form_contact #contact_button #contact_reset {
    background: #000000;
    color: #ffffff;
}

.right_contact {
    padding: 20px 15px;
    border: 1px solid #eee;
    border-radius: 5px;
}


/********** ZALO - HOTLINE **********/

.fcta-zalo-ben-trong-nut {
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}







/********** RESPONSIVE **********/


@media (min-width: 992px) {
  
    
    
 
}



@media (max-width: 1399px) {
    
    .products .cls_img_product_focus img,
    .products .bp_img_product img {
        height: 180px;
        object-fit: cover;
    }
    
    .main_menu .navbar ul.navbar-nav > li, 
    .main_menu .navbar ul.dropdown-menu li {
        padding: 10px 20px;
        
    }
    

}


@media (max-width:1299px) {
    .main_menu .navbar ul.navbar-nav > li, 
    .main_menu .navbar ul.dropdown-menu li {
        padding: 10px 20px;
        
    }

}
    
 


@media (max-width: 1199px) {
    .hot_product #carousel_fav img {
        height: 160px;
    }
    
    .products .cls_img_product_focus img,
    .products .bp_img_product img {
        height: 155px;
    }
    
    .main_menu .navbar ul.navbar-nav > li, 
    .main_menu .navbar ul.dropdown-menu li {
        padding: 10px 8px;
        
    }
    
    .main_menu a {
        font-size: 14px;
    }
      
}

@media (max-width: 1199px) and (min-width: 992px) {
  
}

@media (max-width: 991px) {
    
    .products .cls_img_product_focus img,
    .products .bp_img_product img {
        height: 180px;
    }
    
    
    .main_menu .navbar {
        --bs-navbar-toggler-icon-bg: url(/files_upload/menu.png);
        padding: 5px 10px;
    }
    
    .main_menu .navbar-nav > li:first-child a {
        font-size: 14px;
    }
    
    .main_menu .navbar-nav li:first-child a i {
        display: none;
    }
    
     .main_menu .navbar {
        border-top: 1px solid #cccccc;
        border-bottom: none;
    }
    
    .main_menu .navbar-nav {
        padding-top: 20px;
    }
    
    
    /*.main_menu .navbar ul.navbar-nav > li, */
    /*.main_menu .navbar ul.dropdown-menu li {*/
    /*    padding: 10px 0;*/
    /*}*/
    
    .main_menu .navbar ul.navbar-nav > li {
        flex-wrap: wrap;
        border-top: 1px solid #174e730f;
        border-radius: 0;
    }
    
    .main_menu .navbar ul.navbar-nav > li > a {
        width: unset;
    }
    
    .main_menu .dropdown-menu {
        position: unset;
        width: 100%;
    }
    
    
    .main_menu .navbar .dropdown-toggle {
        width: 100px;
    }
    
}


@media (max-width: 767px) {
    
    .products .cls_img_product_focus img {
        height: 145px;
    }

}

@media (max-width: 660px) {
    
    .hot_product #carousel_fav img {
        height: 160px;
    }
 
}

@media (max-width: 575px) {
    
    .products .cls_img_product_focus img,
    .products .bp_img_product img {
        height: 185px;
    }
    
    .products .bp_product_item {
        margin-bottom: 10px;
    }
  
}



@media (max-width: 525px) {
  
}

@media (max-width: 491px) {
 
    .products .cls_img_product_focus img,
    .products .bp_img_product img {
        height: 165px;
    }
}


@media (max-width: 457px) {
    .products .cls_img_product_focus img,
    .products .bp_img_product img {
        height: 145px;
    }
}

@media (max-width: 380px) {

}